kdutify 2.6.1 → 2.7.2

package/lib/components/KWindow/KWindow.js

@@ -1,25 +1,23 @@
 // Styles
-import "..\\..\\..\\src\\components\\KWindow\\KWindow.sass"; // Directives
-
-import Touch from '../../directives/touch'; // Components
-
+import "..\\..\\..\\src\\components\\KWindow\\KWindow.sass";
+// Directives
+import Touch from '../../directives/touch';
+// Components
 import KBtn from '../KBtn';
 import KIcon from '../KIcon';
 import { BaseItemGroup } from '../KItemGroup/KItemGroup';
+import { getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default BaseItemGroup.extend({
   name: 'k-window',
   directives: {
     Touch
   },
-
   provide() {
     return {
       windowGroup: this
     };
   },
-
   props: {
     activeClass: {
       type: String,
@@ -48,7 +46,6 @@ export default BaseItemGroup.extend({
     },
     vertical: Boolean
   },
-
   data() {
     return {
       changedByDelimiters: false,
@@ -59,18 +56,16 @@ export default BaseItemGroup.extend({
       isReverse: false
     };
   },
-
   computed: {
     isActive() {
       return this.transitionCount > 0;
     },
-
     classes() {
-      return { ...BaseItemGroup.options.computed.classes.call(this),
+      return {
+        ...BaseItemGroup.options.computed.classes.call(this),
         'k-window--show-arrows-on-hover': this.showArrowsOnHover
       };
     },
-
     computedTransition() {
       if (!this.isBooted) return '';
       const axis = this.vertical ? 'y' : 'x';
@@ -78,53 +73,41 @@ export default BaseItemGroup.extend({
       const direction = reverse ? '-reverse' : '';
       return `k-window-${axis}${direction}-transition`;
     },
-
     hasActiveItems() {
       return Boolean(this.items.find(item => !item.disabled));
     },
-
     hasNext() {
       return this.continuous || this.internalIndex < this.items.length - 1;
     },
-
     hasPrev() {
       return this.continuous || this.internalIndex > 0;
     },
-
     internalIndex() {
       return this.items.findIndex((item, i) => {
         return this.internalValue === this.getValue(item, i);
       });
     },
-
     internalReverse() {
       return this.$kdutify.rtl ? !this.reverse : this.reverse;
     }
-
   },
   watch: {
     internalIndex(val, oldVal) {
       this.isReverse = this.updateReverse(val, oldVal);
     }
-
   },
-
   mounted() {
     window.requestAnimationFrame(() => this.isBooted = true);
   },
-
   methods: {
     genDefaultSlot() {
-      return this.$slots.default;
+      return getSlot(this);
     },
-
     genContainer() {
       const children = [this.genDefaultSlot()];
-
       if (this.showArrows) {
         children.push(this.genControlIcons());
       }
-
       return this.$createElement('div', {
         staticClass: 'k-window__container',
         class: {
@@ -135,10 +118,8 @@ export default BaseItemGroup.extend({
         }
       }, children);
     },
-
     genIcon(direction, icon, click) {
-      var _this$$scopedSlots$di, _this$$scopedSlots$di2, _this$$scopedSlots;
-
+      var _a, _b, _c;
       const on = {
         click: e => {
           e.stopPropagation();
@@ -149,10 +130,10 @@ export default BaseItemGroup.extend({
       const attrs = {
         'aria-label': this.$kdutify.lang.t(`$kdutify.carousel.${direction}`)
       };
-      const children = (_this$$scopedSlots$di = (_this$$scopedSlots$di2 = (_this$$scopedSlots = this.$scopedSlots)[direction]) == null ? void 0 : _this$$scopedSlots$di2.call(_this$$scopedSlots, {
+      const children = (_c = (_b = (_a = this.$scopedSlots)[direction]) === null || _b === void 0 ? void 0 : _b.call(_a, {
         on,
         attrs
-      })) != null ? _this$$scopedSlots$di : [this.$createElement(KBtn, {
+      })) !== null && _c !== void 0 ? _c : [this.$createElement(KBtn, {
         props: {
           icon: true
         },
@@ -167,42 +148,34 @@ export default BaseItemGroup.extend({
         staticClass: `k-window__${direction}`
       }, children);
     },
-
     genControlIcons() {
       const icons = [];
       const prevIcon = this.$kdutify.rtl ? this.nextIcon : this.prevIcon;
       /* istanbul ignore else */
-
       if (this.hasPrev && prevIcon && typeof prevIcon === 'string') {
         const icon = this.genIcon('prev', prevIcon, this.prev);
         icon && icons.push(icon);
       }
-
       const nextIcon = this.$kdutify.rtl ? this.prevIcon : this.nextIcon;
       /* istanbul ignore else */
-
       if (this.hasNext && nextIcon && typeof nextIcon === 'string') {
         const icon = this.genIcon('next', nextIcon, this.next);
         icon && icons.push(icon);
       }
-
       return icons;
     },
-
     getNextIndex(index) {
       const nextIndex = (index + 1) % this.items.length;
       const item = this.items[nextIndex];
       if (item.disabled) return this.getNextIndex(nextIndex);
       return nextIndex;
     },
-
     getPrevIndex(index) {
       const prevIndex = (index + this.items.length - 1) % this.items.length;
       const item = this.items[prevIndex];
       if (item.disabled) return this.getPrevIndex(prevIndex);
       return prevIndex;
     },
-
     next() {
       /* istanbul ignore if */
       if (!this.hasActiveItems || !this.hasNext) return;
@@ -210,7 +183,6 @@ export default BaseItemGroup.extend({
       const item = this.items[nextIndex];
       this.internalValue = this.getValue(item, nextIndex);
     },
-
     prev() {
       /* istanbul ignore if */
       if (!this.hasActiveItems || !this.hasPrev) return;
@@ -218,12 +190,10 @@ export default BaseItemGroup.extend({
       const item = this.items[lastIndex];
       this.internalValue = this.getValue(item, lastIndex);
     },
-
     updateReverse(val, oldVal) {
       const itemsLength = this.items.length;
       const lastIndex = itemsLength - 1;
       if (itemsLength <= 2) return val < oldVal;
-
       if (val === lastIndex && oldVal === 0) {
         return true;
       } else if (val === 0 && oldVal === lastIndex) {
@@ -232,16 +202,13 @@ export default BaseItemGroup.extend({
         return val < oldVal;
       }
     }
-
   },
-
   render(h) {
     const data = {
       staticClass: 'k-window',
       class: this.classes,
       directives: []
     };
-
     if (!this.touchless) {
       const value = this.touch || {
         left: () => {
@@ -262,9 +229,7 @@ export default BaseItemGroup.extend({
         value
       });
     }
-
     return h('div', data, [this.genContainer()]);
   }
-
 });
 //# sourceMappingURL=KWindow.js.map

package/lib/components/KWindow/KWindow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KWindow/KWindow.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oDAAP,C,CAOA;;AACA,OAAO,KAAP,MAAkB,wBAAlB,C,CAEA;;AACA,OAAO,IAAP,MAAiB,SAAjB;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA,SAAS,aAAT,QAA8B,0BAA9B;AAEA;;AACA,eAAe,aAAa,CAAC,MAAd,CAAqB;AAClC,EAAA,IAAI,EAAE,UAD4B;AAGlC,EAAA,UAAU,EAAE;AAAE,IAAA;AAAF,GAHsB;;AAKlC,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,WAAW,EAAE;AADR,KAAP;AAGD,GATiC;;AAWlC,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KADR;AAKL,IAAA,UAAU,EAAE,OALP;AAML,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA,KANN;AAUL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADE;AAER,MAAA,OAAO,EAAE;AAFD,KAVL;AAcL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADE;AAER,MAAA,OAAO,EAAE;AAFD,KAdL;AAkBL,IAAA,OAAO,EAAE,OAlBJ;AAmBL,IAAA,UAAU,EAAE,OAnBP;AAoBL,IAAA,iBAAiB,EAAE,OApBd;AAqBL,IAAA,KAAK,EAAE,MArBF;AAsBL,IAAA,SAAS,EAAE,OAtBN;AAuBL,IAAA,KAAK,EAAE;AACL,MAAA,QAAQ,EAAE;AADL,KAvBF;AA0BL,IAAA,QAAQ,EAAE;AA1BL,GAX2B;;AAwClC,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,mBAAmB,EAAE,KADhB;AAEL,MAAA,cAAc,EAAE,SAFX;AAGL,MAAA,gBAAgB,EAAE,SAHb;AAIL,MAAA,eAAe,EAAE,CAJZ;AAKL,MAAA,QAAQ,EAAE,KALL;AAML,MAAA,SAAS,EAAE;AANN,KAAP;AAQD,GAjDiC;;AAmDlC,EAAA,QAAQ,EAAE;AACR,IAAA,QAAQ,GAAA;AACN,aAAO,KAAK,eAAL,GAAuB,CAA9B;AACD,KAHO;;AAIR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,aAAa,CAAC,OAAd,CAAsB,QAAtB,CAA+B,OAA/B,CAAuC,IAAvC,CAA4C,IAA5C,CADE;AAEL,0CAAkC,KAAK;AAFlC,OAAP;AAID,KATO;;AAUR,IAAA,kBAAkB,GAAA;AAChB,UAAI,CAAC,KAAK,QAAV,EAAoB,OAAO,EAAP;AAEpB,YAAM,IAAI,GAAG,KAAK,QAAL,GAAgB,GAAhB,GAAsB,GAAnC;AACA,YAAM,OAAO,GAAG,KAAK,eAAL,GAAuB,CAAC,KAAK,SAA7B,GAAyC,KAAK,SAA9D;AACA,YAAM,SAAS,GAAG,OAAO,GAAG,UAAH,GAAgB,EAAzC;AAEA,aAAO,YAAY,IAAI,GAAG,SAAS,aAAnC;AACD,KAlBO;;AAmBR,IAAA,cAAc,GAAA;AACZ,aAAO,OAAO,CACZ,KAAK,KAAL,CAAW,IAAX,CAAgB,IAAI,IAAI,CAAC,IAAI,CAAC,QAA9B,CADY,CAAd;AAGD,KAvBO;;AAwBR,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,UAAL,IAAmB,KAAK,aAAL,GAAqB,KAAK,KAAL,CAAW,MAAX,GAAoB,CAAnE;AACD,KA1BO;;AA2BR,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,UAAL,IAAmB,KAAK,aAAL,GAAqB,CAA/C;AACD,KA7BO;;AA8BR,IAAA,aAAa,GAAA;AACX,aAAO,KAAK,KAAL,CAAW,SAAX,CAAqB,CAAC,IAAD,EAAO,CAAP,KAAY;AACtC,eAAO,KAAK,aAAL,KAAuB,KAAK,QAAL,CAAc,IAAd,EAAoB,CAApB,CAA9B;AACD,OAFM,CAAP;AAGD,KAlCO;;AAmCR,IAAA,eAAe,GAAA;AACb,aAAO,KAAK,QAAL,CAAc,GAAd,GAAoB,CAAC,KAAK,OAA1B,GAAoC,KAAK,OAAhD;AACD;;AArCO,GAnDwB;AA2FlC,EAAA,KAAK,EAAE;AACL,IAAA,aAAa,CAAE,GAAF,EAAO,MAAP,EAAa;AACxB,WAAK,SAAL,GAAiB,KAAK,aAAL,CAAmB,GAAnB,EAAwB,MAAxB,CAAjB;AACD;;AAHI,GA3F2B;;AAiGlC,EAAA,OAAO,GAAA;AACL,IAAA,MAAM,CAAC,qBAAP,CAA6B,MAAO,KAAK,QAAL,GAAgB,IAApD;AACD,GAnGiC;;AAqGlC,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,KAAK,MAAL,CAAY,OAAnB;AACD,KAHM;;AAIP,IAAA,YAAY,GAAA;AACV,YAAM,QAAQ,GAAG,CAAC,KAAK,cAAL,EAAD,CAAjB;;AAEA,UAAI,KAAK,UAAT,EAAqB;AACnB,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,eAAL,EAAd;AACD;;AAED,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,qBADmB;AAEhC,QAAA,KAAK,EAAE;AACL,4CAAkC,KAAK;AADlC,SAFyB;AAKhC,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,KAAK,cAAL,IAAuB,KAAK;AAD/B;AALyB,OAA3B,EAQJ,QARI,CAAP;AASD,KApBM;;AAqBP,IAAA,OAAO,CACL,SADK,EAEL,IAFK,EAGL,KAHK,EAGY;AAAA;;AAEjB,YAAM,EAAE,GAAG;AACT,QAAA,KAAK,EAAG,CAAD,IAAa;AAClB,UAAA,CAAC,CAAC,eAAF;AACA,eAAK,mBAAL,GAA2B,IAA3B;AACA,UAAA,KAAK;AACN;AALQ,OAAX;AAOA,YAAM,KAAK,GAAG;AACZ,sBAAc,KAAK,QAAL,CAAc,IAAd,CAAmB,CAAnB,CAAqB,qBAAqB,SAAS,EAAnD;AADF,OAAd;AAGA,YAAM,QAAQ,sDAAG,2BAAK,YAAL,EAAkB,SAAlB,CAAH,qBAAG,gDAA+B;AAC9C,QAAA,EAD8C;AAE9C,QAAA;AAF8C,OAA/B,CAAH,oCAGR,CAAC,KAAK,cAAL,CAAoB,IAApB,EAA0B;AAC/B,QAAA,KAAK,EAAE;AAAE,UAAA,IAAI,EAAE;AAAR,SADwB;AAE/B,QAAA,KAF+B;AAG/B,QAAA;AAH+B,OAA1B,EAIJ,CACD,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACzB,QAAA,KAAK,EAAE;AAAE,UAAA,KAAK,EAAE;AAAT;AADkB,OAA3B,EAEG,IAFH,CADC,CAJI,CAAD,CAHN;AAaA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,aAAa,SAAS;AADH,OAA3B,EAEJ,QAFI,CAAP;AAGD,KApDM;;AAqDP,IAAA,eAAe,GAAA;AACb,YAAM,KAAK,GAAG,EAAd;AAEA,YAAM,QAAQ,GAAG,KAAK,QAAL,CAAc,GAAd,GACb,KAAK,QADQ,GAEb,KAAK,QAFT;AAIA;;AACA,UACE,KAAK,OAAL,IACA,QADA,IAEA,OAAO,QAAP,KAAoB,QAHtB,EAIE;AACA,cAAM,IAAI,GAAG,KAAK,OAAL,CAAa,MAAb,EAAqB,QAArB,EAA+B,KAAK,IAApC,CAAb;AACA,QAAA,IAAI,IAAI,KAAK,CAAC,IAAN,CAAW,IAAX,CAAR;AACD;;AAED,YAAM,QAAQ,GAAG,KAAK,QAAL,CAAc,GAAd,GACb,KAAK,QADQ,GAEb,KAAK,QAFT;AAIA;;AACA,UACE,KAAK,OAAL,IACA,QADA,IAEA,OAAO,QAAP,KAAoB,QAHtB,EAIE;AACA,cAAM,IAAI,GAAG,KAAK,OAAL,CAAa,MAAb,EAAqB,QAArB,EAA+B,KAAK,IAApC,CAAb;AACA,QAAA,IAAI,IAAI,KAAK,CAAC,IAAN,CAAW,IAAX,CAAR;AACD;;AAED,aAAO,KAAP;AACD,KArFM;;AAsFP,IAAA,YAAY,CAAE,KAAF,EAAe;AACzB,YAAM,SAAS,GAAG,CAAC,KAAK,GAAG,CAAT,IAAc,KAAK,KAAL,CAAW,MAA3C;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,SAAX,CAAb;AAEA,UAAI,IAAI,CAAC,QAAT,EAAmB,OAAO,KAAK,YAAL,CAAkB,SAAlB,CAAP;AAEnB,aAAO,SAAP;AACD,KA7FM;;AA8FP,IAAA,YAAY,CAAE,KAAF,EAAe;AACzB,YAAM,SAAS,GAAG,CAAC,KAAK,GAAG,KAAK,KAAL,CAAW,MAAnB,GAA4B,CAA7B,IAAkC,KAAK,KAAL,CAAW,MAA/D;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,SAAX,CAAb;AAEA,UAAI,IAAI,CAAC,QAAT,EAAmB,OAAO,KAAK,YAAL,CAAkB,SAAlB,CAAP;AAEnB,aAAO,SAAP;AACD,KArGM;;AAsGP,IAAA,IAAI,GAAA;AACF;AACA,UAAI,CAAC,KAAK,cAAN,IAAwB,CAAC,KAAK,OAAlC,EAA2C;AAE3C,YAAM,SAAS,GAAG,KAAK,YAAL,CAAkB,KAAK,aAAvB,CAAlB;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,SAAX,CAAb;AAEA,WAAK,aAAL,GAAqB,KAAK,QAAL,CAAc,IAAd,EAAoB,SAApB,CAArB;AACD,KA9GM;;AA+GP,IAAA,IAAI,GAAA;AACF;AACA,UAAI,CAAC,KAAK,cAAN,IAAwB,CAAC,KAAK,OAAlC,EAA2C;AAE3C,YAAM,SAAS,GAAG,KAAK,YAAL,CAAkB,KAAK,aAAvB,CAAlB;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,SAAX,CAAb;AAEA,WAAK,aAAL,GAAqB,KAAK,QAAL,CAAc,IAAd,EAAoB,SAApB,CAArB;AACD,KAvHM;;AAwHP,IAAA,aAAa,CAAE,GAAF,EAAe,MAAf,EAA6B;AACxC,YAAM,WAAW,GAAG,KAAK,KAAL,CAAW,MAA/B;AACA,YAAM,SAAS,GAAG,WAAW,GAAG,CAAhC;AAEA,UAAI,WAAW,IAAI,CAAnB,EAAsB,OAAO,GAAG,GAAG,MAAb;;AAEtB,UAAI,GAAG,KAAK,SAAR,IAAqB,MAAM,KAAK,CAApC,EAAuC;AACrC,eAAO,IAAP;AACD,OAFD,MAEO,IAAI,GAAG,KAAK,CAAR,IAAa,MAAM,KAAK,SAA5B,EAAuC;AAC5C,eAAO,KAAP;AACD,OAFM,MAEA;AACL,eAAO,GAAG,GAAG,MAAb;AACD;AACF;;AArIM,GArGyB;;AA6OlC,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,IAAI,GAAG;AACX,MAAA,WAAW,EAAE,UADF;AAEX,MAAA,KAAK,EAAE,KAAK,OAFD;AAGX,MAAA,UAAU,EAAE;AAHD,KAAb;;AAMA,QAAI,CAAC,KAAK,SAAV,EAAqB;AACnB,YAAM,KAAK,GAAG,KAAK,KAAL,IAAc;AAC1B,QAAA,IAAI,EAAE,MAAK;AACT,eAAK,QAAL,CAAc,GAAd,GAAoB,KAAK,IAAL,EAApB,GAAkC,KAAK,IAAL,EAAlC;AACD,SAHyB;AAI1B,QAAA,KAAK,EAAE,MAAK;AACV,eAAK,QAAL,CAAc,GAAd,GAAoB,KAAK,IAAL,EAApB,GAAkC,KAAK,IAAL,EAAlC;AACD,SANyB;AAO1B,QAAA,GAAG,EAAG,CAAD,IAAkB;AACrB,UAAA,CAAC,CAAC,eAAF;AACD,SATyB;AAU1B,QAAA,KAAK,EAAG,CAAD,IAAkB;AACvB,UAAA,CAAC,CAAC,eAAF;AACD;AAZyB,OAA5B;AAeA,MAAA,IAAI,CAAC,UAAL,CAAgB,IAAhB,CAAqB;AACnB,QAAA,IAAI,EAAE,OADa;AAEnB,QAAA;AAFmB,OAArB;AAID;;AAED,WAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,CAAC,KAAK,YAAL,EAAD,CAAd,CAAR;AACD;;AA3QiC,CAArB,CAAf","sourcesContent":["// Styles\nimport './KWindow.sass'\n\n// Types\nimport { KNode, KNodeDirective } from 'kdu/types/knode'\nimport { PropType } from 'kdu'\nimport { TouchHandlers } from 'kdutify/types'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\nimport { BaseItemGroup } from '../KItemGroup/KItemGroup'\n\n/* @kdujs/component */\nexport default BaseItemGroup.extend({\n  name: 'k-window',\n\n  directives: { Touch },\n\n  provide (): object {\n    return {\n      windowGroup: this,\n    }\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'k-window-item--active',\n    },\n    continuous: Boolean,\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    nextIcon: {\n      type: [Boolean, String],\n      default: '$next',\n    },\n    prevIcon: {\n      type: [Boolean, String],\n      default: '$prev',\n    },\n    reverse: Boolean,\n    showArrows: Boolean,\n    showArrowsOnHover: Boolean,\n    touch: Object as PropType<TouchHandlers>,\n    touchless: Boolean,\n    value: {\n      required: false,\n    },\n    vertical: Boolean,\n  },\n\n  data () {\n    return {\n      changedByDelimiters: false,\n      internalHeight: undefined as undefined | string, // This can be fixed by child class.\n      transitionHeight: undefined as undefined | string, // Intermediate height during transition.\n      transitionCount: 0, // Number of windows in transition state.\n      isBooted: false,\n      isReverse: false,\n    }\n  },\n\n  computed: {\n    isActive (): boolean {\n      return this.transitionCount > 0\n    },\n    classes (): object {\n      return {\n        ...BaseItemGroup.options.computed.classes.call(this),\n        'k-window--show-arrows-on-hover': this.showArrowsOnHover,\n      }\n    },\n    computedTransition (): string {\n      if (!this.isBooted) return ''\n\n      const axis = this.vertical ? 'y' : 'x'\n      const reverse = this.internalReverse ? !this.isReverse : this.isReverse\n      const direction = reverse ? '-reverse' : ''\n\n      return `k-window-${axis}${direction}-transition`\n    },\n    hasActiveItems (): boolean {\n      return Boolean(\n        this.items.find(item => !item.disabled)\n      )\n    },\n    hasNext (): boolean {\n      return this.continuous || this.internalIndex < this.items.length - 1\n    },\n    hasPrev (): boolean {\n      return this.continuous || this.internalIndex > 0\n    },\n    internalIndex (): number {\n      return this.items.findIndex((item, i) => {\n        return this.internalValue === this.getValue(item, i)\n      })\n    },\n    internalReverse (): boolean {\n      return this.$kdutify.rtl ? !this.reverse : this.reverse\n    },\n  },\n\n  watch: {\n    internalIndex (val, oldVal) {\n      this.isReverse = this.updateReverse(val, oldVal)\n    },\n  },\n\n  mounted () {\n    window.requestAnimationFrame(() => (this.isBooted = true))\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return this.$slots.default\n    },\n    genContainer (): KNode {\n      const children = [this.genDefaultSlot()]\n\n      if (this.showArrows) {\n        children.push(this.genControlIcons())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'k-window__container',\n        class: {\n          'k-window__container--is-active': this.isActive,\n        },\n        style: {\n          height: this.internalHeight || this.transitionHeight,\n        },\n      }, children)\n    },\n    genIcon (\n      direction: 'prev' | 'next',\n      icon: string,\n      click: () => void\n    ) {\n      const on = {\n        click: (e: Event) => {\n          e.stopPropagation()\n          this.changedByDelimiters = true\n          click()\n        },\n      }\n      const attrs = {\n        'aria-label': this.$kdutify.lang.t(`$kdutify.carousel.${direction}`),\n      }\n      const children = this.$scopedSlots[direction]?.({\n        on,\n        attrs,\n      }) ?? [this.$createElement(KBtn, {\n        props: { icon: true },\n        attrs,\n        on,\n      }, [\n        this.$createElement(KIcon, {\n          props: { large: true },\n        }, icon),\n      ])]\n\n      return this.$createElement('div', {\n        staticClass: `k-window__${direction}`,\n      }, children)\n    },\n    genControlIcons () {\n      const icons = []\n\n      const prevIcon = this.$kdutify.rtl\n        ? this.nextIcon\n        : this.prevIcon\n\n      /* istanbul ignore else */\n      if (\n        this.hasPrev &&\n        prevIcon &&\n        typeof prevIcon === 'string'\n      ) {\n        const icon = this.genIcon('prev', prevIcon, this.prev)\n        icon && icons.push(icon)\n      }\n\n      const nextIcon = this.$kdutify.rtl\n        ? this.prevIcon\n        : this.nextIcon\n\n      /* istanbul ignore else */\n      if (\n        this.hasNext &&\n        nextIcon &&\n        typeof nextIcon === 'string'\n      ) {\n        const icon = this.genIcon('next', nextIcon, this.next)\n        icon && icons.push(icon)\n      }\n\n      return icons\n    },\n    getNextIndex (index: number): number {\n      const nextIndex = (index + 1) % this.items.length\n      const item = this.items[nextIndex]\n\n      if (item.disabled) return this.getNextIndex(nextIndex)\n\n      return nextIndex\n    },\n    getPrevIndex (index: number): number {\n      const prevIndex = (index + this.items.length - 1) % this.items.length\n      const item = this.items[prevIndex]\n\n      if (item.disabled) return this.getPrevIndex(prevIndex)\n\n      return prevIndex\n    },\n    next () {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasNext) return\n\n      const nextIndex = this.getNextIndex(this.internalIndex)\n      const item = this.items[nextIndex]\n\n      this.internalValue = this.getValue(item, nextIndex)\n    },\n    prev () {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasPrev) return\n\n      const lastIndex = this.getPrevIndex(this.internalIndex)\n      const item = this.items[lastIndex]\n\n      this.internalValue = this.getValue(item, lastIndex)\n    },\n    updateReverse (val: number, oldVal: number) {\n      const itemsLength = this.items.length\n      const lastIndex = itemsLength - 1\n\n      if (itemsLength <= 2) return val < oldVal\n\n      if (val === lastIndex && oldVal === 0) {\n        return true\n      } else if (val === 0 && oldVal === lastIndex) {\n        return false\n      } else {\n        return val < oldVal\n      }\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-window',\n      class: this.classes,\n      directives: [] as KNodeDirective[],\n    }\n\n    if (!this.touchless) {\n      const value = this.touch || {\n        left: () => {\n          this.$kdutify.rtl ? this.prev() : this.next()\n        },\n        right: () => {\n          this.$kdutify.rtl ? this.next() : this.prev()\n        },\n        end: (e: TouchEvent) => {\n          e.stopPropagation()\n        },\n        start: (e: TouchEvent) => {\n          e.stopPropagation()\n        },\n      }\n\n      data.directives.push({\n        name: 'touch',\n        value,\n      })\n    }\n\n    return h('div', data, [this.genContainer()])\n  },\n})\n"],"sourceRoot":"","file":"KWindow.js"}
+{"version":3,"sources":["../../../src/components/KWindow/KWindow.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oDAAgB;AAOvB;AACA,OAAO,KAAK,MAAM,wBAAwB;AAE1C;AACA,OAAO,IAAI,MAAM,SAAS;AAC1B,OAAO,KAAK,MAAM,UAAU;AAC5B,SAAS,aAAa,QAAQ,0BAA0B;AACxD,SAAS,OAAO,QAAQ,oBAAoB;AAE5C;AACA,eAAe,aAAa,CAAC,MAAM,CAAC;EAClC,IAAI,EAAE,UAAU;EAEhB,UAAU,EAAE;IAAE;EAAK,CAAE;EAErB,OAAO,CAAA,EAAA;IACL,OAAO;MACL,WAAW,EAAE;KACd;EACH,CAAC;EAED,KAAK,EAAE;IACL,WAAW,EAAE;MACX,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE;MACT,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,QAAQ,EAAE;MACR,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;MACvB,OAAO,EAAE;KACV;IACD,QAAQ,EAAE;MACR,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;MACvB,OAAO,EAAE;KACV;IACD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,OAAO;IACnB,iBAAiB,EAAE,OAAO;IAC1B,KAAK,EAAE,MAAiC;IACxC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE;MACL,QAAQ,EAAE;KACX;IACD,QAAQ,EAAE;GACX;EAED,IAAI,CAAA,EAAA;IACF,OAAO;MACL,mBAAmB,EAAE,KAAK;MAC1B,cAAc,EAAE,SAA+B;MAC/C,gBAAgB,EAAE,SAA+B;MACjD,eAAe,EAAE,CAAC;MAClB,QAAQ,EAAE,KAAK;MACf,SAAS,EAAE;KACZ;EACH,CAAC;EAED,QAAQ,EAAE;IACR,QAAQ,CAAA,EAAA;MACN,OAAO,IAAI,CAAC,eAAe,GAAG,CAAC;IACjC,CAAC;IACD,OAAO,CAAA,EAAA;MACL,OAAO;QACL,GAAG,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QACpD,gCAAgC,EAAE,IAAI,CAAC;OACxC;IACH,CAAC;IACD,kBAAkB,CAAA,EAAA;MAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE;MAE7B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,GAAG;MACtC,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;MACvE,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,EAAE;MAE3C,OAAO,YAAY,IAAI,GAAG,SAAS,aAAa;IAClD,CAAC;IACD,cAAc,CAAA,EAAA;MACZ,OAAO,OAAO,CACZ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxC;IACH,CAAC;IACD,OAAO,CAAA,EAAA;MACL,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;IACtE,CAAC;IACD,OAAO,CAAA,EAAA;MACL,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC;IAClD,CAAC;IACD,aAAa,CAAA,EAAA;MACX,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;QACtC,OAAO,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;MACtD,CAAC,CAAC;IACJ,CAAC;IACD,eAAe,CAAA,EAAA;MACb,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;IACzD;GACD;EAED,KAAK,EAAE;IACL,aAAa,CAAE,GAAG,EAAE,MAAM,EAAA;MACxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC;IAClD;GACD;EAED,OAAO,CAAA,EAAA;IACL,MAAM,CAAC,qBAAqB,CAAC,MAAO,IAAI,CAAC,QAAQ,GAAG,IAAK,CAAC;EAC5D,CAAC;EAED,OAAO,EAAE;IACP,cAAc,CAAA,EAAA;MACZ,OAAO,OAAO,CAAC,IAAI,CAAC;IACtB,CAAC;IACD,YAAY,CAAA,EAAA;MACV,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,cAAc,CAAA,CAAE,CAAC;MAExC,IAAI,IAAI,CAAC,UAAU,EAAE;QACnB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAA,CAAE,CAAC;MACtC;MAED,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,qBAAqB;QAClC,KAAK,EAAE;UACL,gCAAgC,EAAE,IAAI,CAAC;SACxC;QACD,KAAK,EAAE;UACL,MAAM,EAAE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC;QACrC;OACF,EAAE,QAAQ,CAAC;IACd,CAAC;IACD,OAAO,CACL,SAA0B,EAC1B,IAAY,EACZ,KAAiB,EAAA;;MAEjB,MAAM,EAAE,GAAG;QACT,KAAK,EAAG,CAAQ,IAAI;UAClB,CAAC,CAAC,eAAe,CAAA,CAAE;UACnB,IAAI,CAAC,mBAAmB,GAAG,IAAI;UAC/B,KAAK,CAAA,CAAE;QACT;OACD;MACD,MAAM,KAAK,GAAG;QACZ,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,SAAS,EAAE;OACpE;MACD,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,EAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG;QAC9C,EAAE;QACF;OACD,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;QAC/B,KAAK,EAAE;UAAE,IAAI,EAAE;QAAI,CAAE;QACrB,KAAK;QACL;OACD,EAAE,CACD,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QACzB,KAAK,EAAE;UAAE,KAAK,EAAE;QAAI;OACrB,EAAE,IAAI,CAAC,CACT,CAAC,CAAC;MAEH,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,aAAa,SAAS;OACpC,EAAE,QAAQ,CAAC;IACd,CAAC;IACD,eAAe,CAAA,EAAA;MACb,MAAM,KAAK,GAAG,EAAE;MAEhB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,GAC9B,IAAI,CAAC,QAAQ,GACb,IAAI,CAAC,QAAQ;MAEjB;MACA,IACE,IAAI,CAAC,OAAO,IACZ,QAAQ,IACR,OAAO,QAAQ,KAAK,QAAQ,EAC5B;QACA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC;QACtD,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;MACzB;MAED,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,GAC9B,IAAI,CAAC,QAAQ,GACb,IAAI,CAAC,QAAQ;MAEjB;MACA,IACE,IAAI,CAAC,OAAO,IACZ,QAAQ,IACR,OAAO,QAAQ,KAAK,QAAQ,EAC5B;QACA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC;QACtD,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;MACzB;MAED,OAAO,KAAK;IACd,CAAC;IACD,YAAY,CAAE,KAAa,EAAA;MACzB,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;MACjD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;MAElC,IAAI,IAAI,CAAC,QAAQ,EAAE,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;MAEtD,OAAO,SAAS;IAClB,CAAC;IACD,YAAY,CAAE,KAAa,EAAA;MACzB,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;MACrE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;MAElC,IAAI,IAAI,CAAC,QAAQ,EAAE,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;MAEtD,OAAO,SAAS;IAClB,CAAC;IACD,IAAI,CAAA,EAAA;MACF;MACA,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;MAE3C,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;MACvD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;MAElC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACrD,CAAC;IACD,IAAI,CAAA,EAAA;MACF;MACA,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;MAE3C,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;MACvD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;MAElC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACrD,CAAC;IACD,aAAa,CAAE,GAAW,EAAE,MAAc,EAAA;MACxC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;MACrC,MAAM,SAAS,GAAG,WAAW,GAAG,CAAC;MAEjC,IAAI,WAAW,IAAI,CAAC,EAAE,OAAO,GAAG,GAAG,MAAM;MAEzC,IAAI,GAAG,KAAK,SAAS,IAAI,MAAM,KAAK,CAAC,EAAE;QACrC,OAAO,IAAI;OACZ,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,MAAM,KAAK,SAAS,EAAE;QAC5C,OAAO,KAAK;OACb,MAAM;QACL,OAAO,GAAG,GAAG,MAAM;MACpB;IACH;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,IAAI,GAAG;MACX,WAAW,EAAE,UAAU;MACvB,KAAK,EAAE,IAAI,CAAC,OAAO;MACnB,UAAU,EAAE;KACb;IAED,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI;QAC1B,IAAI,EAAE,CAAA,KAAK;UACT,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI,CAAC,IAAI,CAAA,CAAE;QAC/C,CAAC;QACD,KAAK,EAAE,CAAA,KAAK;UACV,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI,CAAC,IAAI,CAAA,CAAE;QAC/C,CAAC;QACD,GAAG,EAAG,CAAa,IAAI;UACrB,CAAC,CAAC,eAAe,CAAA,CAAE;QACrB,CAAC;QACD,KAAK,EAAG,CAAa,IAAI;UACvB,CAAC,CAAC,eAAe,CAAA,CAAE;QACrB;OACD;MAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACnB,IAAI,EAAE,OAAO;QACb;OACD,CAAC;IACH;IAED,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,YAAY,CAAA,CAAE,CAAC,CAAC;EAC9C;CACD,CAAC","sourcesContent":["// Styles\nimport './KWindow.sass'\n\n// Types\nimport { KNode, KNodeDirective } from 'kdu/types/knode'\nimport { PropType } from 'kdu'\nimport { TouchHandlers } from 'kdutify/types'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\nimport { BaseItemGroup } from '../KItemGroup/KItemGroup'\nimport { getSlot } from '../../util/helpers'\n\n/* @kdujs/component */\nexport default BaseItemGroup.extend({\n  name: 'k-window',\n\n  directives: { Touch },\n\n  provide (): object {\n    return {\n      windowGroup: this,\n    }\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'k-window-item--active',\n    },\n    continuous: Boolean,\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    nextIcon: {\n      type: [Boolean, String],\n      default: '$next',\n    },\n    prevIcon: {\n      type: [Boolean, String],\n      default: '$prev',\n    },\n    reverse: Boolean,\n    showArrows: Boolean,\n    showArrowsOnHover: Boolean,\n    touch: Object as PropType<TouchHandlers>,\n    touchless: Boolean,\n    value: {\n      required: false,\n    },\n    vertical: Boolean,\n  },\n\n  data () {\n    return {\n      changedByDelimiters: false,\n      internalHeight: undefined as undefined | string, // This can be fixed by child class.\n      transitionHeight: undefined as undefined | string, // Intermediate height during transition.\n      transitionCount: 0, // Number of windows in transition state.\n      isBooted: false,\n      isReverse: false,\n    }\n  },\n\n  computed: {\n    isActive (): boolean {\n      return this.transitionCount > 0\n    },\n    classes (): object {\n      return {\n        ...BaseItemGroup.options.computed.classes.call(this),\n        'k-window--show-arrows-on-hover': this.showArrowsOnHover,\n      }\n    },\n    computedTransition (): string {\n      if (!this.isBooted) return ''\n\n      const axis = this.vertical ? 'y' : 'x'\n      const reverse = this.internalReverse ? !this.isReverse : this.isReverse\n      const direction = reverse ? '-reverse' : ''\n\n      return `k-window-${axis}${direction}-transition`\n    },\n    hasActiveItems (): boolean {\n      return Boolean(\n        this.items.find(item => !item.disabled)\n      )\n    },\n    hasNext (): boolean {\n      return this.continuous || this.internalIndex < this.items.length - 1\n    },\n    hasPrev (): boolean {\n      return this.continuous || this.internalIndex > 0\n    },\n    internalIndex (): number {\n      return this.items.findIndex((item, i) => {\n        return this.internalValue === this.getValue(item, i)\n      })\n    },\n    internalReverse (): boolean {\n      return this.$kdutify.rtl ? !this.reverse : this.reverse\n    },\n  },\n\n  watch: {\n    internalIndex (val, oldVal) {\n      this.isReverse = this.updateReverse(val, oldVal)\n    },\n  },\n\n  mounted () {\n    window.requestAnimationFrame(() => (this.isBooted = true))\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return getSlot(this)\n    },\n    genContainer (): KNode {\n      const children = [this.genDefaultSlot()]\n\n      if (this.showArrows) {\n        children.push(this.genControlIcons())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'k-window__container',\n        class: {\n          'k-window__container--is-active': this.isActive,\n        },\n        style: {\n          height: this.internalHeight || this.transitionHeight,\n        },\n      }, children)\n    },\n    genIcon (\n      direction: 'prev' | 'next',\n      icon: string,\n      click: () => void\n    ) {\n      const on = {\n        click: (e: Event) => {\n          e.stopPropagation()\n          this.changedByDelimiters = true\n          click()\n        },\n      }\n      const attrs = {\n        'aria-label': this.$kdutify.lang.t(`$kdutify.carousel.${direction}`),\n      }\n      const children = this.$scopedSlots[direction]?.({\n        on,\n        attrs,\n      }) ?? [this.$createElement(KBtn, {\n        props: { icon: true },\n        attrs,\n        on,\n      }, [\n        this.$createElement(KIcon, {\n          props: { large: true },\n        }, icon),\n      ])]\n\n      return this.$createElement('div', {\n        staticClass: `k-window__${direction}`,\n      }, children)\n    },\n    genControlIcons () {\n      const icons = []\n\n      const prevIcon = this.$kdutify.rtl\n        ? this.nextIcon\n        : this.prevIcon\n\n      /* istanbul ignore else */\n      if (\n        this.hasPrev &&\n        prevIcon &&\n        typeof prevIcon === 'string'\n      ) {\n        const icon = this.genIcon('prev', prevIcon, this.prev)\n        icon && icons.push(icon)\n      }\n\n      const nextIcon = this.$kdutify.rtl\n        ? this.prevIcon\n        : this.nextIcon\n\n      /* istanbul ignore else */\n      if (\n        this.hasNext &&\n        nextIcon &&\n        typeof nextIcon === 'string'\n      ) {\n        const icon = this.genIcon('next', nextIcon, this.next)\n        icon && icons.push(icon)\n      }\n\n      return icons\n    },\n    getNextIndex (index: number): number {\n      const nextIndex = (index + 1) % this.items.length\n      const item = this.items[nextIndex]\n\n      if (item.disabled) return this.getNextIndex(nextIndex)\n\n      return nextIndex\n    },\n    getPrevIndex (index: number): number {\n      const prevIndex = (index + this.items.length - 1) % this.items.length\n      const item = this.items[prevIndex]\n\n      if (item.disabled) return this.getPrevIndex(prevIndex)\n\n      return prevIndex\n    },\n    next () {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasNext) return\n\n      const nextIndex = this.getNextIndex(this.internalIndex)\n      const item = this.items[nextIndex]\n\n      this.internalValue = this.getValue(item, nextIndex)\n    },\n    prev () {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasPrev) return\n\n      const lastIndex = this.getPrevIndex(this.internalIndex)\n      const item = this.items[lastIndex]\n\n      this.internalValue = this.getValue(item, lastIndex)\n    },\n    updateReverse (val: number, oldVal: number) {\n      const itemsLength = this.items.length\n      const lastIndex = itemsLength - 1\n\n      if (itemsLength <= 2) return val < oldVal\n\n      if (val === lastIndex && oldVal === 0) {\n        return true\n      } else if (val === 0 && oldVal === lastIndex) {\n        return false\n      } else {\n        return val < oldVal\n      }\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-window',\n      class: this.classes,\n      directives: [] as KNodeDirective[],\n    }\n\n    if (!this.touchless) {\n      const value = this.touch || {\n        left: () => {\n          this.$kdutify.rtl ? this.prev() : this.next()\n        },\n        right: () => {\n          this.$kdutify.rtl ? this.next() : this.prev()\n        },\n        end: (e: TouchEvent) => {\n          e.stopPropagation()\n        },\n        start: (e: TouchEvent) => {\n          e.stopPropagation()\n        },\n      }\n\n      data.directives.push({\n        name: 'touch',\n        value,\n      })\n    }\n\n    return h('div', data, [this.genContainer()])\n  },\n})\n"],"sourceRoot":"","file":"KWindow.js"}

package/lib/components/KWindow/KWindowItem.js

@@ -1,13 +1,15 @@
 // Mixins
 import Bootable from '../../mixins/bootable';
-import { factory as GroupableFactory } from '../../mixins/groupable'; // Directives
-
-import Touch from '../../directives/touch'; // Utilities
-
-import { convertToUnit } from '../../util/helpers';
+import { factory as GroupableFactory } from '../../mixins/groupable';
+// Directives
+import Touch from '../../directives/touch';
+// Utilities
+import { convertToUnit, getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Bootable, GroupableFactory('windowGroup', 'k-window-item', 'k-window'));
-export default baseMixins.extend().extend().extend({
+export default baseMixins.extend().extend(
+  /* @kdujs/component */
+).extend({
   name: 'k-window-item',
   directives: {
     Touch
@@ -26,33 +28,27 @@ export default baseMixins.extend().extend().extend({
       required: false
     }
   },
-
   data() {
     return {
       isActive: false,
       inTransition: false
     };
   },
-
   computed: {
     classes() {
       return this.groupClasses;
     },
-
     computedTransition() {
       if (!this.windowGroup.internalReverse) {
         return typeof this.transition !== 'undefined' ? this.transition || '' : this.windowGroup.computedTransition;
       }
-
       return typeof this.reverseTransition !== 'undefined' ? this.reverseTransition || '' : this.windowGroup.computedTransition;
     }
-
   },
   methods: {
     genDefaultSlot() {
-      return this.$slots.default;
+      return getSlot(this);
     },
-
     genWindowItem() {
       return this.$createElement('div', {
         staticClass: 'k-window-item',
@@ -64,62 +60,49 @@ export default baseMixins.extend().extend().extend({
         on: this.$listeners
       }, this.genDefaultSlot());
     },
-
     onAfterTransition() {
       if (!this.inTransition) {
         return;
-      } // Finalize transition state.
-
-
+      }
+      // Finalize transition state.
       this.inTransition = false;
-
       if (this.windowGroup.transitionCount > 0) {
-        this.windowGroup.transitionCount--; // Remove container height if we are out of transition.
-
+        this.windowGroup.transitionCount--;
+        // Remove container height if we are out of transition.
         if (this.windowGroup.transitionCount === 0) {
           this.windowGroup.transitionHeight = undefined;
         }
       }
     },
-
     onBeforeTransition() {
       if (this.inTransition) {
         return;
-      } // Initialize transition state here.
-
-
+      }
+      // Initialize transition state here.
       this.inTransition = true;
-
       if (this.windowGroup.transitionCount === 0) {
         // Set initial height for height transition.
         this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight);
       }
-
       this.windowGroup.transitionCount++;
     },
-
     onTransitionCancelled() {
       this.onAfterTransition(); // This should have the same path as normal transition end.
     },
-
     onEnter(el) {
       if (!this.inTransition) {
         return;
       }
-
       this.$nextTick(() => {
         // Do not set height if no transition or cancelled.
         if (!this.computedTransition || !this.inTransition) {
           return;
-        } // Set transition target height.
-
-
+        }
+        // Set transition target height.
         this.windowGroup.transitionHeight = convertToUnit(el.clientHeight);
       });
     }
-
   },
-
   render(h) {
     return h('transition', {
       props: {
@@ -139,6 +122,5 @@ export default baseMixins.extend().extend().extend({
       }
     }, this.showLazyContent(() => [this.genWindowItem()]));
   }
-
 });
 //# sourceMappingURL=KWindowItem.js.map

package/lib/components/KWindow/KWindowItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KWindow/KWindowItem.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport KWindow from './KWindow'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  Bootable,\n  GroupableFactory('windowGroup', 'k-window-item', 'k-window')\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  $el: HTMLElement\n  windowGroup: InstanceType<typeof KWindow>\n}\n\nexport default baseMixins.extend<options>().extend(\n  /* @kdujs/component */\n).extend({\n  name: 'k-window-item',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    value: {\n      required: false,\n    },\n  },\n\n  data () {\n    return {\n      isActive: false,\n      inTransition: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return this.groupClasses\n    },\n    computedTransition (): string | boolean {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined'\n          ? this.transition || ''\n          : this.windowGroup.computedTransition\n      }\n\n      return typeof this.reverseTransition !== 'undefined'\n        ? this.reverseTransition || ''\n        : this.windowGroup.computedTransition\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return this.$slots.default\n    },\n    genWindowItem () {\n      return this.$createElement('div', {\n        staticClass: 'k-window-item',\n        class: this.classes,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n        on: this.$listeners,\n      }, this.genDefaultSlot())\n    },\n    onAfterTransition () {\n      if (!this.inTransition) {\n        return\n      }\n\n      // Finalize transition state.\n      this.inTransition = false\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--\n\n        // Remove container height if we are out of transition.\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined\n        }\n      }\n    },\n    onBeforeTransition () {\n      if (this.inTransition) {\n        return\n      }\n\n      // Initialize transition state here.\n      this.inTransition = true\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight)\n      }\n      this.windowGroup.transitionCount++\n    },\n    onTransitionCancelled () {\n      this.onAfterTransition() // This should have the same path as normal transition end.\n    },\n    onEnter (el: HTMLElement) {\n      if (!this.inTransition) {\n        return\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return\n        }\n\n        // Set transition target height.\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight)\n      })\n    },\n  },\n\n  render (h): KNode {\n    return h('transition', {\n      props: {\n        name: this.computedTransition,\n      },\n      on: {\n        // Handlers for enter windows.\n        beforeEnter: this.onBeforeTransition,\n        afterEnter: this.onAfterTransition,\n        enterCancelled: this.onTransitionCancelled,\n\n        // Handlers for leave windows.\n        beforeLeave: this.onBeforeTransition,\n        afterLeave: this.onAfterTransition,\n        leaveCancelled: this.onTransitionCancelled,\n\n        // Enter handler for height transition.\n        enter: this.onEnter,\n      },\n    }, this.showLazyContent(() => [this.genWindowItem()]))\n  },\n})\n"],"sourceRoot":"","file":"KWindowItem.js"}
+{"version":3,"sources":["../../../src/components/KWindow/KWindowItem.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport KWindow from './KWindow'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  Bootable,\n  GroupableFactory('windowGroup', 'k-window-item', 'k-window')\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  $el: HTMLElement\n  windowGroup: InstanceType<typeof KWindow>\n}\n\nexport default baseMixins.extend<options>().extend(\n  /* @kdujs/component */\n).extend({\n  name: 'k-window-item',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    value: {\n      required: false,\n    },\n  },\n\n  data () {\n    return {\n      isActive: false,\n      inTransition: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return this.groupClasses\n    },\n    computedTransition (): string | boolean {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined'\n          ? this.transition || ''\n          : this.windowGroup.computedTransition\n      }\n\n      return typeof this.reverseTransition !== 'undefined'\n        ? this.reverseTransition || ''\n        : this.windowGroup.computedTransition\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return getSlot(this)\n    },\n    genWindowItem () {\n      return this.$createElement('div', {\n        staticClass: 'k-window-item',\n        class: this.classes,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n        on: this.$listeners,\n      }, this.genDefaultSlot())\n    },\n    onAfterTransition () {\n      if (!this.inTransition) {\n        return\n      }\n\n      // Finalize transition state.\n      this.inTransition = false\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--\n\n        // Remove container height if we are out of transition.\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined\n        }\n      }\n    },\n    onBeforeTransition () {\n      if (this.inTransition) {\n        return\n      }\n\n      // Initialize transition state here.\n      this.inTransition = true\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight)\n      }\n      this.windowGroup.transitionCount++\n    },\n    onTransitionCancelled () {\n      this.onAfterTransition() // This should have the same path as normal transition end.\n    },\n    onEnter (el: HTMLElement) {\n      if (!this.inTransition) {\n        return\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return\n        }\n\n        // Set transition target height.\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight)\n      })\n    },\n  },\n\n  render (h): KNode {\n    return h('transition', {\n      props: {\n        name: this.computedTransition,\n      },\n      on: {\n        // Handlers for enter windows.\n        beforeEnter: this.onBeforeTransition,\n        afterEnter: this.onAfterTransition,\n        enterCancelled: this.onTransitionCancelled,\n\n        // Handlers for leave windows.\n        beforeLeave: this.onBeforeTransition,\n        afterLeave: this.onAfterTransition,\n        leaveCancelled: this.onTransitionCancelled,\n\n        // Enter handler for height transition.\n        enter: this.onEnter,\n      },\n    }, this.showLazyContent(() => [this.genWindowItem()]))\n  },\n})\n"],"sourceRoot":"","file":"KWindowItem.js"}

package/lib/components/KWindow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KWindow/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AACA,OAAO,WAAP,MAAwB,eAAxB;AAEA,SAAS,OAAT,EAAkB,WAAlB;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,OADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import KWindow from './KWindow'\nimport KWindowItem from './KWindowItem'\n\nexport { KWindow, KWindowItem }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KWindow,\n    KWindowItem,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KWindow/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW;AAC/B,OAAO,WAAW,MAAM,eAAe;AAEvC,SAAS,OAAO,EAAE,WAAW;AAE7B,eAAe;EACb,uBAAuB,EAAE;IACvB,OAAO;IACP;EACD;CACF","sourcesContent":["import KWindow from './KWindow'\nimport KWindowItem from './KWindowItem'\n\nexport { KWindow, KWindowItem }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KWindow,\n    KWindowItem,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,WAAd;AACA,cAAc,qBAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,cAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,mBAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,qBAAd;AACA,cAAc,aAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,qBAAd;AACA,cAAc,mBAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,kBAAd;AACA,cAAc,aAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,aAAd;AACA,cAAc,kBAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd","sourcesContent":["export * from './KApp'\nexport * from './KAppBar'\nexport * from './KAlert'\nexport * from './KAutocomplete'\nexport * from './KAvatar'\nexport * from './KBadge'\nexport * from './KBanner'\nexport * from './KBottomNavigation'\nexport * from './KBottomSheet'\nexport * from './KBreadcrumbs'\nexport * from './KBtn'\nexport * from './KBtnToggle'\nexport * from './KCalendar'\nexport * from './KCard'\nexport * from './KCarousel'\nexport * from './KCheckbox'\nexport * from './KChip'\nexport * from './KChipGroup'\nexport * from './KColorPicker'\nexport * from './KContent'\nexport * from './KCombobox'\nexport * from './KCounter'\nexport * from './KData'\nexport * from './KDataIterator'\nexport * from './KDataTable'\nexport * from './KDatePicker'\nexport * from './KDialog'\nexport * from './KDivider'\nexport * from './KExpansionPanel'\nexport * from './KFileInput'\nexport * from './KFooter'\nexport * from './KForm'\nexport * from './KGrid'\nexport * from './KHover'\nexport * from './KIcon'\nexport * from './KImg'\nexport * from './KInput'\nexport * from './KItemGroup'\nexport * from './KLabel'\nexport * from './KLazy'\nexport * from './KList'\nexport * from './KMain'\nexport * from './KMenu'\nexport * from './KMessages'\nexport * from './KNavigationDrawer'\nexport * from './KOtpInput'\nexport * from './KOverflowBtn'\nexport * from './KOverlay'\nexport * from './KPagination'\nexport * from './KSheet'\nexport * from './KParallax'\nexport * from './KPicker'\nexport * from './KProgressCircular'\nexport * from './KProgressLinear'\nexport * from './KRadioGroup'\nexport * from './KRangeSlider'\nexport * from './KRating'\nexport * from './KResponsive'\nexport * from './KSelect'\nexport * from './KSkeletonLoader'\nexport * from './KSlider'\nexport * from './KSlideGroup'\nexport * from './KSnackbar'\nexport * from './KSparkline'\nexport * from './KSpeedDial'\nexport * from './KStepper'\nexport * from './KSubheader'\nexport * from './KSwitch'\nexport * from './KSystemBar'\nexport * from './KTabs'\nexport * from './KTextarea'\nexport * from './KTextField'\nexport * from './KThemeProvider'\nexport * from './KTimeline'\nexport * from './KTimePicker'\nexport * from './KToolbar'\nexport * from './KTooltip'\nexport * from './KTreeview'\nexport * from './KVirtualScroll'\nexport * from './KWindow'\nexport * from './transitions'\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,eAAe;AAC7B,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,qBAAqB;AACnC,cAAc,aAAa;AAC3B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,qBAAqB;AACnC,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe","sourcesContent":["export * from './KApp'\nexport * from './KAppBar'\nexport * from './KAlert'\nexport * from './KAutocomplete'\nexport * from './KAvatar'\nexport * from './KBadge'\nexport * from './KBanner'\nexport * from './KBottomNavigation'\nexport * from './KBottomSheet'\nexport * from './KBreadcrumbs'\nexport * from './KBtn'\nexport * from './KBtnToggle'\nexport * from './KCalendar'\nexport * from './KCard'\nexport * from './KCarousel'\nexport * from './KCheckbox'\nexport * from './KChip'\nexport * from './KChipGroup'\nexport * from './KColorPicker'\nexport * from './KContent'\nexport * from './KCombobox'\nexport * from './KCounter'\nexport * from './KData'\nexport * from './KDataIterator'\nexport * from './KDataTable'\nexport * from './KDatePicker'\nexport * from './KDialog'\nexport * from './KDivider'\nexport * from './KExpansionPanel'\nexport * from './KFileInput'\nexport * from './KFooter'\nexport * from './KForm'\nexport * from './KGrid'\nexport * from './KHover'\nexport * from './KIcon'\nexport * from './KImg'\nexport * from './KInput'\nexport * from './KItemGroup'\nexport * from './KLabel'\nexport * from './KLazy'\nexport * from './KList'\nexport * from './KMain'\nexport * from './KMenu'\nexport * from './KMessages'\nexport * from './KNavigationDrawer'\nexport * from './KOtpInput'\nexport * from './KOverflowBtn'\nexport * from './KOverlay'\nexport * from './KPagination'\nexport * from './KSheet'\nexport * from './KParallax'\nexport * from './KPicker'\nexport * from './KProgressCircular'\nexport * from './KProgressLinear'\nexport * from './KRadioGroup'\nexport * from './KRangeSlider'\nexport * from './KRating'\nexport * from './KResponsive'\nexport * from './KSelect'\nexport * from './KSkeletonLoader'\nexport * from './KSlider'\nexport * from './KSlideGroup'\nexport * from './KSnackbar'\nexport * from './KSparkline'\nexport * from './KSpeedDial'\nexport * from './KStepper'\nexport * from './KSubheader'\nexport * from './KSwitch'\nexport * from './KSystemBar'\nexport * from './KTabs'\nexport * from './KTextarea'\nexport * from './KTextField'\nexport * from './KThemeProvider'\nexport * from './KTimeline'\nexport * from './KTimePicker'\nexport * from './KToolbar'\nexport * from './KTooltip'\nexport * from './KTreeview'\nexport * from './KVirtualScroll'\nexport * from './KWindow'\nexport * from './transitions'\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/transitions/createTransition.js

@@ -1,10 +1,8 @@
 import mergeData from '../../util/mergeData';
-
 function mergeTransitions(dest = [], ...transitions) {
   /* eslint-disable-next-line no-array-constructor */
   return Array().concat(dest, ...transitions);
 }
-
 export function createSimpleTransition(name, origin = 'top center 0', mode) {
   return {
     name,
@@ -31,7 +29,6 @@ export function createSimpleTransition(name, origin = 'top center 0', mode) {
         default: origin
       }
     },
-
     render(h, context) {
       const tag = `transition${context.props.group ? '-group' : ''}`;
       const data = {
@@ -44,10 +41,8 @@ export function createSimpleTransition(name, origin = 'top center 0', mode) {
             el.style.transformOrigin = context.props.origin;
             el.style.webkitTransformOrigin = context.props.origin;
           }
-
         }
       };
-
       if (context.props.leaveAbsolute) {
         data.on.leave = mergeTransitions(data.on.leave, el => {
           const {
@@ -87,16 +82,13 @@ export function createSimpleTransition(name, origin = 'top center 0', mode) {
           }
         });
       }
-
       if (context.props.hideOnLeave) {
         data.on.leave = mergeTransitions(data.on.leave, el => {
           el.style.setProperty('display', 'none', 'important');
         });
       }
-
       return h(tag, mergeData(context.data, data), context.children);
     }
-
   };
 }
 export function createJavascriptTransition(name, functions, mode = 'in-out') {
@@ -109,7 +101,6 @@ export function createJavascriptTransition(name, functions, mode = 'in-out') {
         default: mode
       }
     },
-
     render(h, context) {
       return h('transition', mergeData(context.data, {
         props: {
@@ -118,7 +109,6 @@ export function createJavascriptTransition(name, functions, mode = 'in-out') {
         on: functions
       }), context.children);
     }
-
   };
 }
 //# sourceMappingURL=createTransition.js.map

package/lib/components/transitions/createTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/transitions/createTransition.ts"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponentOptions, KNode, KNodeData } from 'kdu'\nimport mergeData from '../../util/mergeData'\n\nfunction mergeTransitions (\n  dest: Function | Function[] = [],\n  ...transitions: (Function | Function[])[]\n) {\n  /* eslint-disable-next-line no-array-constructor */\n  return Array<Function>().concat(dest, ...transitions)\n}\n\nexport function createSimpleTransition (\n  name: string,\n  origin = 'top center 0',\n  mode?: string\n): FunctionalComponentOptions {\n  return {\n    name,\n\n    functional: true,\n\n    props: {\n      group: {\n        type: Boolean,\n        default: false,\n      },\n      hideOnLeave: {\n        type: Boolean,\n        default: false,\n      },\n      leaveAbsolute: {\n        type: Boolean,\n        default: false,\n      },\n      mode: {\n        type: String,\n        default: mode,\n      },\n      origin: {\n        type: String,\n        default: origin,\n      },\n    },\n\n    render (h, context): KNode {\n      const tag = `transition${context.props.group ? '-group' : ''}`\n      const data: KNodeData = {\n        props: {\n          name,\n          mode: context.props.mode,\n        },\n        on: {\n          beforeEnter (el: HTMLElement) {\n            el.style.transformOrigin = context.props.origin\n            el.style.webkitTransformOrigin = context.props.origin\n          },\n        },\n      }\n\n      if (context.props.leaveAbsolute) {\n        data.on!.leave = mergeTransitions(data.on!.leave, (el: HTMLElement) => {\n          const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = el\n          el._transitionInitialStyles = {\n            position: el.style.position,\n            top: el.style.top,\n            left: el.style.left,\n            width: el.style.width,\n            height: el.style.height,\n          }\n          el.style.position = 'absolute'\n          el.style.top = offsetTop + 'px'\n          el.style.left = offsetLeft + 'px'\n          el.style.width = offsetWidth + 'px'\n          el.style.height = offsetHeight + 'px'\n        })\n        data.on!.afterLeave = mergeTransitions(data.on!.afterLeave, (el?: HTMLElement) => {\n          if (el && el._transitionInitialStyles) {\n            const { position, top, left, width, height } = el._transitionInitialStyles\n            delete el._transitionInitialStyles\n            el.style.position = position || ''\n            el.style.top = top || ''\n            el.style.left = left || ''\n            el.style.width = width || ''\n            el.style.height = height || ''\n          }\n        })\n      }\n      if (context.props.hideOnLeave) {\n        data.on!.leave = mergeTransitions(data.on!.leave, (el: HTMLElement) => {\n          el.style.setProperty('display', 'none', 'important')\n        })\n      }\n\n      return h(tag, mergeData(context.data, data), context.children)\n    },\n  }\n}\n\nexport function createJavascriptTransition (\n  name: string,\n  functions: Record<string, any>,\n  mode = 'in-out'\n): FunctionalComponentOptions {\n  return {\n    name,\n\n    functional: true,\n\n    props: {\n      mode: {\n        type: String,\n        default: mode,\n      },\n    },\n\n    render (h, context): KNode {\n      return h(\n        'transition',\n        mergeData(context.data, {\n          props: { name },\n          on: functions,\n        }),\n        context.children\n      )\n    },\n  }\n}\n"],"sourceRoot":"","file":"createTransition.js"}
+{"version":3,"sources":["../../../src/components/transitions/createTransition.ts"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponentOptions, KNode, KNodeData } from 'kdu'\nimport mergeData from '../../util/mergeData'\n\nfunction mergeTransitions (\n  dest: Function | Function[] = [],\n  ...transitions: (Function | Function[])[]\n) {\n  /* eslint-disable-next-line no-array-constructor */\n  return Array<Function>().concat(dest, ...transitions)\n}\n\nexport function createSimpleTransition (\n  name: string,\n  origin = 'top center 0',\n  mode?: string\n): FunctionalComponentOptions {\n  return {\n    name,\n\n    functional: true,\n\n    props: {\n      group: {\n        type: Boolean,\n        default: false,\n      },\n      hideOnLeave: {\n        type: Boolean,\n        default: false,\n      },\n      leaveAbsolute: {\n        type: Boolean,\n        default: false,\n      },\n      mode: {\n        type: String,\n        default: mode,\n      },\n      origin: {\n        type: String,\n        default: origin,\n      },\n    },\n\n    render (h, context): KNode {\n      const tag = `transition${context.props.group ? '-group' : ''}`\n      const data: KNodeData = {\n        props: {\n          name,\n          mode: context.props.mode,\n        },\n        on: {\n          beforeEnter (el: HTMLElement) {\n            el.style.transformOrigin = context.props.origin\n            el.style.webkitTransformOrigin = context.props.origin\n          },\n        },\n      }\n\n      if (context.props.leaveAbsolute) {\n        data.on!.leave = mergeTransitions(data.on!.leave, (el: HTMLElement) => {\n          const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = el\n          el._transitionInitialStyles = {\n            position: el.style.position,\n            top: el.style.top,\n            left: el.style.left,\n            width: el.style.width,\n            height: el.style.height,\n          }\n          el.style.position = 'absolute'\n          el.style.top = offsetTop + 'px'\n          el.style.left = offsetLeft + 'px'\n          el.style.width = offsetWidth + 'px'\n          el.style.height = offsetHeight + 'px'\n        })\n        data.on!.afterLeave = mergeTransitions(data.on!.afterLeave, (el?: HTMLElement) => {\n          if (el && el._transitionInitialStyles) {\n            const { position, top, left, width, height } = el._transitionInitialStyles\n            delete el._transitionInitialStyles\n            el.style.position = position || ''\n            el.style.top = top || ''\n            el.style.left = left || ''\n            el.style.width = width || ''\n            el.style.height = height || ''\n          }\n        })\n      }\n      if (context.props.hideOnLeave) {\n        data.on!.leave = mergeTransitions(data.on!.leave, (el: HTMLElement) => {\n          el.style.setProperty('display', 'none', 'important')\n        })\n      }\n\n      return h(tag, mergeData(context.data, data), context.children)\n    },\n  }\n}\n\nexport function createJavascriptTransition (\n  name: string,\n  functions: Record<string, any>,\n  mode = 'in-out'\n): FunctionalComponentOptions {\n  return {\n    name,\n\n    functional: true,\n\n    props: {\n      mode: {\n        type: String,\n        default: mode,\n      },\n    },\n\n    render (h, context): KNode {\n      return h(\n        'transition',\n        mergeData(context.data, {\n          props: { name },\n          on: functions,\n        }),\n        context.children\n      )\n    },\n  }\n}\n"],"sourceRoot":"","file":"createTransition.js"}