feat(Swiper): added swiper menu to shared packages

Author: Stradivario

.gitignore

@@ -5,4 +5,7 @@ dist
 
 *.d.ts
 *.js.map
-*.js
+*.js
+
+!/src/action-control/swiper/swiper.min.js
+!/src/action-control/swiper/swiper.min.d.ts

develop/package-lock.json

@@ -2,15 +2,19 @@
   "name": "@rxdi/ui-kit-client",
   "version": "1.0.0",
   "scripts": {
+    "start": "npx parcel ./index.html --out-dir ../build/client",
     "build": "npx firelink build ./index.html --out-dir ../docs --public-url /ui-kit "
   },
   "browserslist": [
     "last 1 chrome versions"
   ],
   "dependencies": {
-    "@rxdi/forms": "^0.7.50",
-    "@rxdi/ui-kit": "1.0.0",
-    "@rxdi/graphql-client": "^0.7.50",
+    "@rxdi/core": "^0.7.82",
+    "@rxdi/forms": "^0.7.82",
+    "@rxdi/graphql-client": "^0.7.82",
+    "@rxdi/lit-html": "^0.7.82",
+    "@rxdi/router": "^0.7.82",
+    "@rxdi/ui-kit": "^0.7.96",
     "graphql": "^14.5.8",
     "shades": "^2.1.0",
     "sortablejs": "^1.10.1"
@@ -22,7 +26,8 @@
     "@rxdi/ui-kit": "../src/"
   },
   "devDependencies": {
+    "@types/node": "^12.0.10",
     "@types/sortablejs": "^1.10.0",
-    "@types/node": "^12.0.10"
+    "typescript": "^4.0.5"
   }
-}
+}

develop/package.json

@@ -0,0 +1,30 @@
+import { Component, LitElement, html, css } from '@rxdi/lit-html';
+import { Page } from '@rxdi/ui-kit/pagination/pagination.component';
+
+/**
+ * @customElement action-view-pagination-view-component
+ */
+@Component({
+  selector: 'action-view-pagination-view-component',
+  style: css`
+    .container {
+      margin: 50px auto;
+      width: 200px;
+      padding: 50px;
+      background-color: white;
+      text-align: center;
+      user-select: none;
+    }
+  `,
+  template(this: ActionControlViewComponent) {
+    return html`
+      <div class="container">
+      dadadadadaad
+      </div>
+      <!-- <markdown-reader
+        link="https://raw.githubusercontent.com/rxdi/ui-kit/master/src/pagination/README.md"
+      ></markdown-reader> -->
+    `;
+  },
+})
+export class ActionControlViewComponent extends LitElement {}

develop/src/app/action-control/action-control-view.component.ts

@@ -0,0 +1,15 @@
+import { Module } from '@rxdi/core';
+import { RouterModule } from '@rxdi/router';
+import { ActionControlViewComponent } from './action-control-view.component';
+
+@Module({
+  imports: [
+    RouterModule.forChild([
+      {
+        path: '/',
+        component: ActionControlViewComponent,
+      },
+    ]),
+  ],
+})
+export class ActionControlModule {}

develop/src/app/action-control/action-control.module.ts

@@ -1,7 +1,6 @@
-import { html, Component, css, async, query, LitElement } from '@rxdi/lit-html';
+import { html, Component, css,  LitElement } from '@rxdi/lit-html';
 import { Inject } from '@rxdi/core';
 import { Nav } from '../../../src/nav';
-import { map } from 'rxjs/operators';
 
 /**
  * @customElement app-component
@@ -10,32 +9,6 @@ import { map } from 'rxjs/operators';
   selector: 'app-component',
   template(this: AppComponent) {
     return html`
-      <!-- ${async(
-        this.navService.getOpenSubject().pipe(
-          map(res => {
-            if (res.left >= 0) {
-              return html`
-                <style>
-                  .test {
-                    margin-left: 500px;
-                  }
-                </style>
-              `;
-            }
-            console.log('vlizam');
-            return html`
-              <style>
-                .test {
-                  margin-left: 0px;
-                }
-              </style>
-            `;
-          })
-        )
-      )} -->
-      <style>
-      /*  */
-      </style>
       <div style="display: flex">
         <div class="rx-nav" id="rx-nav"></div>
         <div class="test" style="width: calc(100% - 250px); margin-left: 250px">
@@ -58,7 +31,7 @@ export class AppComponent extends LitElement {
     this.navService.open({
       navOptions: { delay: 0, left: 0 },
       template: html`
-        <nav-component></nav-component>
+       dada
       `,
       styles: css`
         :host {

develop/src/app/app.component.ts

@@ -191,6 +191,10 @@ import { PaginationViewComponent } from './pagination-view/pagination-view.compo
           path: '/ui-kit/pagination',
           component: PaginationViewComponent
         },
+        {
+          path: '/ui-kit/action-control',
+          children: () => import('./action-control/action-control.module')
+        },
         {
           path: '/ui-kit/docs/home',
           redirect: 'ui-kit/docs'

develop/src/app/app.routing.module.ts

@@ -8,14 +8,10 @@ import {
 } from '@rxdi/lit-html';
 import {
   Animations,
-  animateElement,
   AnimationsType,
   animateChain
 } from '../../../../src/styles/animations';
 import { DATA } from './data';
-import { switchMap, concatMap } from 'rxjs/operators';
-import { of, from } from 'rxjs';
-type AnimationsUnion = keyof typeof Animations;
 
 /**
  * @customElement table-view-component