build: Moved ExpansibleCollection to resource-collection

Author: ftgibran

README.md

@@ -4,7 +4,7 @@ A Vue adaptable table, some components to be used to render and control [Page Co
 
 # Install
 ```
-npm i @simpli/vue-adap-table @simpli/resource-collection class-transformer simple-line-icons
+npm i @simpli/vue-adap-table @simpli/resource-collection @simpli/vue-await class-transformer simple-line-icons swiper vue-awesome-swiper vue-transition-expand
 ```
 
 ## Import
@@ -19,6 +19,8 @@ On your Scss:
 @import "~@simpli/vue-adap-table/scss/adapOrderby";
 @import "~@simpli/vue-adap-table/scss/adapPagination";
 @import "~@simpli/vue-adap-table/scss/adapSearchfield";
+@import "~@simpli/vue-adap-table/scss/adapExpansion";
+@import "~@simpli/vue-adap-table/scss/adapSwiper";
 $simple-line-font-path: "~simple-line-icons/fonts/" !default;
 @import "~simple-line-icons/scss/simple-line-icons";
 ```
@@ -66,9 +68,48 @@ export default class MyComponent extends Mixins(MixinAdapRoute) {
     // optionally you can use the mixin and initialize it with this method
     // so the browser URL will match the search, orderby and pagination properties
     this.initAdapRoute(this.collection)
-    
+
     // load the collection content using the mixin
     await this.query()
   }
 }
 ```
+
+## Usage AdapExpansion
+```html
+<adap-expansion spinner="customSpinner" :collection="collection">
+  <template slot="notEmpty">
+    <!--example using tailwind grid system-->
+    <div class="grid grid-cols-2 gap-10">
+      <div v-for="item in collection.items" :key="item.$id">
+        <div>
+          {{ item.$tag }}
+        </div>
+      </div>
+    </div>
+  </template>
+
+  <template slot="empty">
+    <div class="text-center text-xl">
+      Empty list
+    </div>
+  </template>
+
+  <template slot="expand" slot-scope="props">
+    <button @click="props.expandEvent">
+      Load more
+    </button>
+  </template>
+</adap-expansion>
+```
+On Code:
+```typescript
+@Component
+export default class MyComponent extends Vue {
+  collection = new MyCollection()
+
+  async created() {
+    await this.$await.run('customSpinner', () => this.collection.expand())
+  }
+}
+```

package-lock.json

@@ -69,7 +69,7 @@
     "vue-property-decorator": "^7.2.0"
   },
   "peerDependencies": {
-    "@simpli/resource-collection": "1.0.8",
+    "@simpli/resource-collection": "1.1.0",
     "@simpli/vue-await": "^1.0.5",
     "class-transformer": "0.2.3",
     "simple-line-icons": "^2.4.1",
@@ -78,7 +78,7 @@
     "vue-transition-expand": "^0.1.0"
   },
   "devDependencies": {
-    "@simpli/resource-collection": "1.0.8",
+    "@simpli/resource-collection": "1.1.0",
     "@simpli/vue-await": "^1.0.5",
     "@types/jest": "24.0.11",
     "@types/node": "10.11.7",

package.json

@@ -34,8 +34,7 @@ const template = `
 
 import { Component, Prop, Watch, Vue } from 'vue-property-decorator'
 import { ResizeSensor } from 'css-element-queries'
-import { IResource } from '@simpli/resource-collection'
-import { ExpansibleCollection } from './ExpansibleCollection'
+import { ExpansibleCollection, IResource } from '@simpli/resource-collection'
 
 @Component({ template })
 export class AdapExpansion extends Vue {

src/AdapExpansion.ts

@@ -34,10 +34,9 @@ const template = `
 `
 
 import { Component, Prop, Watch, Mixins } from 'vue-property-decorator'
-import { IResource } from '@simpli/resource-collection'
+import { ExpansibleCollection, IResource } from '@simpli/resource-collection'
 import { SwiperOptions } from 'swiper'
 import { MixinAdapScreenSize } from './MixinAdapScreenSize'
-import { ExpansibleCollection } from './ExpansibleCollection'
 // @ts-ignore
 import { SwiperComponent } from 'vue-awesome-swiper'
 import AdapTableWrapper from './index'

src/AdapSwiper.ts

@@ -4,7 +4,6 @@ import { AdapOrderby } from './AdapOrderby'
 import { AdapPagination } from './AdapPagination'
 import { AdapSearchfield } from './AdapSearchfield'
 import { AdapSwiper } from './AdapSwiper'
-import { ExpansibleCollection } from './ExpansibleCollection'
 import { MixinAdapRoute } from './MixinAdapRoute'
 import { MixinAdapScreenSize } from './MixinAdapScreenSize'
 
@@ -54,4 +53,4 @@ export default class AdapTableWrapper {
   }
 }
 
-export { AdapOrderby, AdapPagination, AdapSearchfield, ExpansibleCollection, MixinAdapRoute, MixinAdapScreenSize }
+export { AdapOrderby, AdapPagination, AdapSearchfield, MixinAdapRoute, MixinAdapScreenSize }