kdutify 2.6.1 → 2.7.3

package/lib/components/KExpansionPanel/KExpansionPanelContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KExpansionPanel/KExpansionPanelContent.ts"],"names":[],"mappings":"AAEA,SAAS,iBAAT,QAAkC,gBAAlC,C,CAEA;;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,SAAS,MAAM,IAAI,iBAAnB,QAA4C,0BAA5C,C,CAEA;;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,MAAP,MAAmC,mBAAnC;AAKA,MAAM,UAAU,GAAG,MAAM,CACvB,QADuB,EAEvB,SAFuB,EAGvB,iBAAiB,CAAwC,gBAAxC,EAA0D,2BAA1D,EAAuF,mBAAvF,CAHM,CAAzB;AAUA;;AACA,eAAe,UAAU,CAAC,MAAX,GAA6B,MAA7B,CAAoC;AACjD,EAAA,IAAI,EAAE,2BAD2C;AAGjD,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAH2C;AAOjD,EAAA,QAAQ,EAAE;AACR,IAAA,cAAc,GAAA;AACZ,aAAO,KAAK,cAAL,CAAoB,QAA3B;AACD;;AAHO,GAPuC;AAajD,EAAA,KAAK,EAAE;AACL,IAAA,cAAc,EAAE;AACd,MAAA,SAAS,EAAE,IADG;;AAEd,MAAA,OAAO,CAAE,GAAF,EAAO,MAAP,EAAa;AAClB,YAAI,GAAJ,EAAS,KAAK,QAAL,GAAgB,IAAhB;AAET,YAAI,MAAM,IAAI,IAAd,EAAoB,KAAK,QAAL,GAAgB,GAAhB,CAApB,KACK,KAAK,SAAL,CAAe,MAAM,KAAK,QAAL,GAAgB,GAArC;AACN;;AAPa;AADX,GAb0C;;AAyBjD,EAAA,OAAO,GAAA;AACL,SAAK,cAAL,CAAoB,eAApB,CAAoC,IAApC;AACD,GA3BgD;;AA6BjD,EAAA,aAAa,GAAA;AACX,SAAK,cAAL,CAAoB,iBAApB;AACD,GA/BgD;;AAiCjD,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,iBAAD,EAAoB,KAAK,eAAL,CAAqB,MAAM,CACrD,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAC3C,MAAA,WAAW,EAAE,2BAD8B;AAE3C,MAAA,UAAU,EAAE,CAAC;AACX,QAAA,IAAI,EAAE,MADK;AAEX,QAAA,KAAK,EAAE,KAAK;AAFD,OAAD;AAF+B,KAApC,CAAR,EAMG,CACF,CAAC,CAAC,KAAD,EAAQ;AAAE,MAAA,KAAK,EAAE;AAAT,KAAR,EAAsD,OAAO,CAAC,IAAD,CAA7D,CADC,CANH,CADoD,CAA3B,CAApB,CAAR;AAWD;;AA7CgD,CAApC,CAAf","sourcesContent":["// Components\nimport KExpansionPanel from './KExpansionPanel'\nimport { KExpandTransition } from '../transitions'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport Kdu, { KNode, KduConstructor } from 'kdu'\n\nconst baseMixins = mixins(\n  Bootable,\n  Colorable,\n  RegistrableInject<'expansionPanel', KduConstructor<Kdu>>('expansionPanel', 'k-expansion-panel-content', 'k-expansion-panel')\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  expansionPanel: InstanceType<typeof KExpansionPanel>\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-expansion-panel-content',\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  computed: {\n    parentIsActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n  },\n\n  watch: {\n    parentIsActive: {\n      immediate: true,\n      handler (val, oldVal) {\n        if (val) this.isBooted = true\n\n        if (oldVal == null) this.isActive = val\n        else this.$nextTick(() => this.isActive = val)\n      },\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerContent(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterContent()\n  },\n\n  render (h): KNode {\n    return h(KExpandTransition, this.showLazyContent(() => [\n      h('div', this.setBackgroundColor(this.color, {\n        staticClass: 'k-expansion-panel-content',\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }), [\n        h('div', { class: 'k-expansion-panel-content__wrap' }, getSlot(this)),\n      ]),\n    ]))\n  },\n})\n"],"sourceRoot":"","file":"KExpansionPanelContent.js"}
+{"version":3,"sources":["../../../src/components/KExpansionPanel/KExpansionPanelContent.ts"],"names":[],"mappings":"AAEA,SAAS,iBAAiB,QAAQ,gBAAgB;AAElD;AACA,OAAO,QAAQ,MAAM,uBAAuB;AAC5C,OAAO,SAAS,MAAM,wBAAwB;AAC9C,SAAS,MAAM,IAAI,iBAAiB,QAAQ,0BAA0B;AAEtE;AACA,SAAS,OAAO,QAAQ,oBAAoB;AAC5C,OAAO,MAAsB,MAAM,mBAAmB;AAKtD,MAAM,UAAU,GAAG,MAAM,CACvB,QAAQ,EACR,SAAS,EACT,iBAAiB,CAAwC,gBAAgB,EAAE,2BAA2B,EAAE,mBAAmB,CAAC,CAC7H;AAMD;AACA,eAAe,UAAU,CAAC,MAAM,CAAA,CAAW,CAAC,MAAM,CAAC;EACjD,IAAI,EAAE,2BAA2B;EAEjC,IAAI,EAAE,CAAA,MAAO;IACX,QAAQ,EAAE;GACX,CAAC;EAEF,QAAQ,EAAE;IACR,cAAc,CAAA,EAAA;MACZ,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ;IACrC;GACD;EAED,KAAK,EAAE;IACL,cAAc,EAAE;MACd,SAAS,EAAE,IAAI;MACf,OAAO,CAAE,GAAG,EAAE,MAAM,EAAA;QAClB,IAAI,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI;QAE7B,IAAI,MAAM,IAAI,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAA,KAClC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;MAChD;IACD;GACF;EAED,OAAO,CAAA,EAAA;IACL,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC;EAC3C,CAAC;EAED,aAAa,CAAA,EAAA;IACX,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAA,CAAE;EACzC,CAAC;EAED,MAAM,CAAE,CAAC,EAAA;IACP,OAAO,CAAC,CAAC,iBAAiB,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CACrD,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;MAC3C,WAAW,EAAE,2BAA2B;MACxC,UAAU,EAAE,CAAC;QACX,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,IAAI,CAAC;OACb;KACF,CAAC,EAAE,CACF,CAAC,CAAC,KAAK,EAAE;MAAE,KAAK,EAAE;IAAiC,CAAE,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE;MAAE,IAAI,EAAE,IAAI,CAAC;IAAQ,CAAE,CAAC,CAAC,CAC1G,CAAC,CACH,CAAC,CAAC;EACL;CACD,CAAC","sourcesContent":["// Components\nimport KExpansionPanel from './KExpansionPanel'\nimport { KExpandTransition } from '../transitions'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport Kdu, { KNode, KduConstructor } from 'kdu'\n\nconst baseMixins = mixins(\n  Bootable,\n  Colorable,\n  RegistrableInject<'expansionPanel', KduConstructor<Kdu>>('expansionPanel', 'k-expansion-panel-content', 'k-expansion-panel')\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  expansionPanel: InstanceType<typeof KExpansionPanel>\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-expansion-panel-content',\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  computed: {\n    parentIsActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n  },\n\n  watch: {\n    parentIsActive: {\n      immediate: true,\n      handler (val, oldVal) {\n        if (val) this.isBooted = true\n\n        if (oldVal == null) this.isActive = val\n        else this.$nextTick(() => this.isActive = val)\n      },\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerContent(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterContent()\n  },\n\n  render (h): KNode {\n    return h(KExpandTransition, this.showLazyContent(() => [\n      h('div', this.setBackgroundColor(this.color, {\n        staticClass: 'k-expansion-panel-content',\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }), [\n        h('div', { class: 'k-expansion-panel-content__wrap' }, getSlot(this, 'default', { open: this.isActive })),\n      ]),\n    ]))\n  },\n})\n"],"sourceRoot":"","file":"KExpansionPanelContent.js"}

package/lib/components/KExpansionPanel/KExpansionPanelHeader.js

@@ -1,12 +1,12 @@
 // Components
 import { KFadeTransition } from '../transitions';
-import KIcon from '../KIcon'; // Mixins
-
+import KIcon from '../KIcon';
+// Mixins
 import Colorable from '../../mixins/colorable';
-import { inject as RegistrableInject } from '../../mixins/registrable'; // Directives
-
-import ripple from '../../directives/ripple'; // Utilities
-
+import { inject as RegistrableInject } from '../../mixins/registrable';
+// Directives
+import ripple from '../../directives/ripple';
+// Utilities
 import { getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Colorable, RegistrableInject('expansionPanel', 'k-expansion-panel-header', 'k-expansion-panel'));
@@ -37,36 +37,30 @@ export default baseMixins.extend().extend({
         'k-expansion-panel-header--mousedown': this.hasMousedown
       };
     },
-
     isActive() {
       return this.expansionPanel.isActive;
     },
-
     isDisabled() {
       return this.expansionPanel.isDisabled;
     },
-
     isReadonly() {
       return this.expansionPanel.isReadonly;
     }
-
   },
-
   created() {
     this.expansionPanel.registerHeader(this);
   },
-
   beforeDestroy() {
     this.expansionPanel.unregisterHeader();
   },
-
   methods: {
     onClick(e) {
       this.$emit('click', e);
     },
-
     genIcon() {
-      const icon = getSlot(this, 'actions') || [this.$createElement(KIcon, this.expandIcon)];
+      const icon = getSlot(this, 'actions', {
+        open: this.isActive
+      }) || [this.$createElement(KIcon, this.expandIcon)];
       return this.$createElement(KFadeTransition, [this.$createElement('div', {
         staticClass: 'k-expansion-panel-header__icon',
         class: {
@@ -78,9 +72,7 @@ export default baseMixins.extend().extend({
         }]
       }, icon)]);
     }
-
   },
-
   render(h) {
     return h('button', this.setBackgroundColor(this.color, {
       staticClass: 'k-expansion-panel-header',
@@ -94,7 +86,8 @@ export default baseMixins.extend().extend({
         name: 'ripple',
         value: this.ripple
       }],
-      on: { ...this.$listeners,
+      on: {
+        ...this.$listeners,
         click: this.onClick,
         mousedown: () => this.hasMousedown = true,
         mouseup: () => this.hasMousedown = false
@@ -103,6 +96,5 @@ export default baseMixins.extend().extend({
       open: this.isActive
     }, true), this.hideActions || this.genIcon()]);
   }
-
 });
 //# sourceMappingURL=KExpansionPanelHeader.js.map

package/lib/components/KExpansionPanel/KExpansionPanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KExpansionPanel/KExpansionPanelHeader.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport { KFadeTransition } from '../transitions'\nimport KExpansionPanel from './KExpansionPanel'\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport Kdu, { KNode, KduConstructor } from 'kdu'\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject<'expansionPanel', KduConstructor<Kdu>>('expansionPanel', 'k-expansion-panel-header', 'k-expansion-panel')\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  $el: HTMLElement\n  expansionPanel: InstanceType<typeof KExpansionPanel>\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'k-expansion-panel-header',\n\n  directives: { ripple },\n\n  props: {\n    disableIconRotate: Boolean,\n    expandIcon: {\n      type: String,\n      default: '$expand',\n    },\n    hideActions: Boolean,\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n  },\n\n  data: () => ({\n    hasMousedown: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-expansion-panel-header--active': this.isActive,\n        'k-expansion-panel-header--mousedown': this.hasMousedown,\n      }\n    },\n    isActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n    isDisabled (): boolean {\n      return this.expansionPanel.isDisabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanel.isReadonly\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerHeader(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterHeader()\n  },\n\n  methods: {\n    onClick (e: MouseEvent) {\n      this.$emit('click', e)\n    },\n    genIcon () {\n      const icon = getSlot(this, 'actions') ||\n        [this.$createElement(KIcon, this.expandIcon)]\n\n      return this.$createElement(KFadeTransition, [\n        this.$createElement('div', {\n          staticClass: 'k-expansion-panel-header__icon',\n          class: {\n            'k-expansion-panel-header__icon--disable-rotate': this.disableIconRotate,\n          },\n          directives: [{\n            name: 'show',\n            value: !this.isDisabled,\n          }],\n        }, icon),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h('button', this.setBackgroundColor(this.color, {\n      staticClass: 'k-expansion-panel-header',\n      class: this.classes,\n      attrs: {\n        tabindex: this.isDisabled ? -1 : null,\n        type: 'button',\n        'aria-expanded': this.isActive,\n      },\n      directives: [{\n        name: 'ripple',\n        value: this.ripple,\n      }],\n      on: {\n        ...this.$listeners,\n        click: this.onClick,\n        mousedown: () => (this.hasMousedown = true),\n        mouseup: () => (this.hasMousedown = false),\n      },\n    }), [\n      getSlot(this, 'default', { open: this.isActive }, true),\n      this.hideActions || this.genIcon(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KExpansionPanelHeader.js"}
+{"version":3,"sources":["../../../src/components/KExpansionPanel/KExpansionPanelHeader.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport { KFadeTransition } from '../transitions'\nimport KExpansionPanel from './KExpansionPanel'\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport Kdu, { KNode, KduConstructor } from 'kdu'\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject<'expansionPanel', KduConstructor<Kdu>>('expansionPanel', 'k-expansion-panel-header', 'k-expansion-panel')\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  $el: HTMLElement\n  expansionPanel: InstanceType<typeof KExpansionPanel>\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'k-expansion-panel-header',\n\n  directives: { ripple },\n\n  props: {\n    disableIconRotate: Boolean,\n    expandIcon: {\n      type: String,\n      default: '$expand',\n    },\n    hideActions: Boolean,\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n  },\n\n  data: () => ({\n    hasMousedown: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-expansion-panel-header--active': this.isActive,\n        'k-expansion-panel-header--mousedown': this.hasMousedown,\n      }\n    },\n    isActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n    isDisabled (): boolean {\n      return this.expansionPanel.isDisabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanel.isReadonly\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerHeader(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterHeader()\n  },\n\n  methods: {\n    onClick (e: MouseEvent) {\n      this.$emit('click', e)\n    },\n    genIcon () {\n      const icon = getSlot(this, 'actions', { open: this.isActive }) ||\n        [this.$createElement(KIcon, this.expandIcon)]\n\n      return this.$createElement(KFadeTransition, [\n        this.$createElement('div', {\n          staticClass: 'k-expansion-panel-header__icon',\n          class: {\n            'k-expansion-panel-header__icon--disable-rotate': this.disableIconRotate,\n          },\n          directives: [{\n            name: 'show',\n            value: !this.isDisabled,\n          }],\n        }, icon),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h('button', this.setBackgroundColor(this.color, {\n      staticClass: 'k-expansion-panel-header',\n      class: this.classes,\n      attrs: {\n        tabindex: this.isDisabled ? -1 : null,\n        type: 'button',\n        'aria-expanded': this.isActive,\n      },\n      directives: [{\n        name: 'ripple',\n        value: this.ripple,\n      }],\n      on: {\n        ...this.$listeners,\n        click: this.onClick,\n        mousedown: () => (this.hasMousedown = true),\n        mouseup: () => (this.hasMousedown = false),\n      },\n    }), [\n      getSlot(this, 'default', { open: this.isActive }, true),\n      this.hideActions || this.genIcon(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KExpansionPanelHeader.js"}

package/lib/components/KExpansionPanel/KExpansionPanels.js

@@ -1,20 +1,17 @@
 // Styles
-import "..\\..\\..\\src\\components\\KExpansionPanel\\KExpansionPanel.sass"; // Components
-
-import { BaseItemGroup } from '../KItemGroup/KItemGroup'; // Utilities
-
+import "../../../src/components/KExpansionPanel/KExpansionPanel.sass";
+// Components
+import { BaseItemGroup } from '../KItemGroup/KItemGroup';
+// Utilities
 import { breaking } from '../../util/console';
 /* @kdujs/component */
-
 export default BaseItemGroup.extend({
   name: 'k-expansion-panels',
-
   provide() {
     return {
       expansionPanels: this
     };
   },
-
   props: {
     accordion: Boolean,
     disabled: Boolean,
@@ -28,7 +25,8 @@ export default BaseItemGroup.extend({
   },
   computed: {
     classes() {
-      return { ...BaseItemGroup.options.computed.classes.call(this),
+      return {
+        ...BaseItemGroup.options.computed.classes.call(this),
         'k-expansion-panels': true,
         'k-expansion-panels--accordion': this.accordion,
         'k-expansion-panels--flat': this.flat,
@@ -39,22 +37,17 @@ export default BaseItemGroup.extend({
         'k-expansion-panels--tile': this.tile
       };
     }
-
   },
-
   created() {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('expand')) {
       breaking('expand', 'multiple', this);
     }
     /* istanbul ignore next */
-
-
     if (Array.isArray(this.value) && this.value.length > 0 && typeof this.value[0] === 'boolean') {
       breaking(':value="[true, false, true]"', ':value="[0, 2]"', this);
     }
   },
-
   methods: {
     updateItem(item, index) {
       const value = this.getValue(item, index);
@@ -62,7 +55,6 @@ export default BaseItemGroup.extend({
       item.isActive = this.toggleMethod(value);
       item.nextIsActive = this.toggleMethod(nextValue);
     }
-
   }
 });
 //# sourceMappingURL=KExpansionPanels.js.map

package/lib/components/KExpansionPanel/KExpansionPanels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KExpansionPanel/KExpansionPanels.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oEAAP,C,CAEA;;AACA,SAAS,aAAT,QAAiD,0BAAjD,C,CAGA;;AACA,SAAS,QAAT,QAAyB,oBAAzB;AAKA;;AACA,eAAe,aAAa,CAAC,MAAd,CAAqB;AAClC,EAAA,IAAI,EAAE,oBAD4B;;AAGlC,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,eAAe,EAAE;AADZ,KAAP;AAGD,GAPiC;;AASlC,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE,OADN;AAEL,IAAA,QAAQ,EAAE,OAFL;AAGL,IAAA,IAAI,EAAE,OAHD;AAIL,IAAA,KAAK,EAAE,OAJF;AAKL,IAAA,SAAS,EAAE,OALN;AAML,IAAA,KAAK,EAAE,OANF;AAOL,IAAA,MAAM,EAAE,OAPH;AAQL,IAAA,QAAQ,EAAE,OARL;AASL,IAAA,IAAI,EAAE;AATD,GAT2B;AAqBlC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,aAAa,CAAC,OAAd,CAAsB,QAAtB,CAA+B,OAA/B,CAAuC,IAAvC,CAA4C,IAA5C,CADE;AAEL,8BAAsB,IAFjB;AAGL,yCAAiC,KAAK,SAHjC;AAIL,oCAA4B,KAAK,IAJ5B;AAKL,qCAA6B,KAAK,KAL7B;AAML,yCAAiC,KAAK,SANjC;AAOL,qCAA6B,KAAK,KAP7B;AAQL,sCAA8B,KAAK,MAR9B;AASL,oCAA4B,KAAK;AAT5B,OAAP;AAWD;;AAbO,GArBwB;;AAqClC,EAAA,OAAO,GAAA;AACL;AACA,QAAI,KAAK,MAAL,CAAY,cAAZ,CAA2B,QAA3B,CAAJ,EAA0C;AACxC,MAAA,QAAQ,CAAC,QAAD,EAAW,UAAX,EAAuB,IAAvB,CAAR;AACD;AAED;;;AACA,QACE,KAAK,CAAC,OAAN,CAAc,KAAK,KAAnB,KACA,KAAK,KAAL,CAAW,MAAX,GAAoB,CADpB,IAEA,OAAO,KAAK,KAAL,CAAW,CAAX,CAAP,KAAyB,SAH3B,EAIE;AACA,MAAA,QAAQ,CAAC,8BAAD,EAAiC,iBAAjC,EAAoD,IAApD,CAAR;AACD;AACF,GAnDiC;;AAqDlC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,CAAE,IAAF,EAAqD,KAArD,EAAkE;AAC1E,YAAM,KAAK,GAAG,KAAK,QAAL,CAAc,IAAd,EAAoB,KAApB,CAAd;AACA,YAAM,SAAS,GAAG,KAAK,QAAL,CAAc,IAAd,EAAoB,KAAK,GAAG,CAA5B,CAAlB;AAEA,MAAA,IAAI,CAAC,QAAL,GAAgB,KAAK,YAAL,CAAkB,KAAlB,CAAhB;AACA,MAAA,IAAI,CAAC,YAAL,GAAoB,KAAK,YAAL,CAAkB,SAAlB,CAApB;AACD;;AAPM;AArDyB,CAArB,CAAf","sourcesContent":["// Styles\nimport './KExpansionPanel.sass'\n\n// Components\nimport { BaseItemGroup, GroupableInstance } from '../KItemGroup/KItemGroup'\nimport KExpansionPanel from './KExpansionPanel'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\ninterface KExpansionPanelInstance extends InstanceType<typeof KExpansionPanel> {}\n\n/* @kdujs/component */\nexport default BaseItemGroup.extend({\n  name: 'k-expansion-panels',\n\n  provide (): object {\n    return {\n      expansionPanels: this,\n    }\n  },\n\n  props: {\n    accordion: Boolean,\n    disabled: Boolean,\n    flat: Boolean,\n    hover: Boolean,\n    focusable: Boolean,\n    inset: Boolean,\n    popout: Boolean,\n    readonly: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...BaseItemGroup.options.computed.classes.call(this),\n        'k-expansion-panels': true,\n        'k-expansion-panels--accordion': this.accordion,\n        'k-expansion-panels--flat': this.flat,\n        'k-expansion-panels--hover': this.hover,\n        'k-expansion-panels--focusable': this.focusable,\n        'k-expansion-panels--inset': this.inset,\n        'k-expansion-panels--popout': this.popout,\n        'k-expansion-panels--tile': this.tile,\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('expand')) {\n      breaking('expand', 'multiple', this)\n    }\n\n    /* istanbul ignore next */\n    if (\n      Array.isArray(this.value) &&\n      this.value.length > 0 &&\n      typeof this.value[0] === 'boolean'\n    ) {\n      breaking(':value=\"[true, false, true]\"', ':value=\"[0, 2]\"', this)\n    }\n  },\n\n  methods: {\n    updateItem (item: GroupableInstance & KExpansionPanelInstance, index: number) {\n      const value = this.getValue(item, index)\n      const nextValue = this.getValue(item, index + 1)\n\n      item.isActive = this.toggleMethod(value)\n      item.nextIsActive = this.toggleMethod(nextValue)\n    },\n  },\n})\n"],"sourceRoot":"","file":"KExpansionPanels.js"}
+{"version":3,"sources":["../../../src/components/KExpansionPanel/KExpansionPanels.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,8DAAwB;AAE/B;AACA,SAAS,aAAa,QAA2B,0BAA0B;AAG3E;AACA,SAAS,QAAQ,QAAQ,oBAAoB;AAK7C;AACA,eAAe,aAAa,CAAC,MAAM,CAAC;EAClC,IAAI,EAAE,oBAAoB;EAE1B,OAAO,CAAA,EAAA;IACL,OAAO;MACL,eAAe,EAAE;KAClB;EACH,CAAC;EAED,KAAK,EAAE;IACL,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE;GACP;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,GAAG,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QACpD,oBAAoB,EAAE,IAAI;QAC1B,+BAA+B,EAAE,IAAI,CAAC,SAAS;QAC/C,0BAA0B,EAAE,IAAI,CAAC,IAAI;QACrC,2BAA2B,EAAE,IAAI,CAAC,KAAK;QACvC,+BAA+B,EAAE,IAAI,CAAC,SAAS;QAC/C,2BAA2B,EAAE,IAAI,CAAC,KAAK;QACvC,4BAA4B,EAAE,IAAI,CAAC,MAAM;QACzC,0BAA0B,EAAE,IAAI,CAAC;OAClC;IACH;GACD;EAED,OAAO,CAAA,EAAA;IACL;IACA,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;MACxC,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC;IACrC;IAED;IACA,IACE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IACzB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IACrB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,EAClC;MACA,QAAQ,CAAC,8BAA8B,EAAE,iBAAiB,EAAE,IAAI,CAAC;IAClE;EACH,CAAC;EAED,OAAO,EAAE;IACP,UAAU,CAAE,IAAiD,EAAE,KAAa,EAAA;MAC1E,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;MACxC,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC;MAEhD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;MACxC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;IAClD;EACD;CACF,CAAC","sourcesContent":["// Styles\nimport './KExpansionPanel.sass'\n\n// Components\nimport { BaseItemGroup, GroupableInstance } from '../KItemGroup/KItemGroup'\nimport KExpansionPanel from './KExpansionPanel'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\ninterface KExpansionPanelInstance extends InstanceType<typeof KExpansionPanel> {}\n\n/* @kdujs/component */\nexport default BaseItemGroup.extend({\n  name: 'k-expansion-panels',\n\n  provide (): object {\n    return {\n      expansionPanels: this,\n    }\n  },\n\n  props: {\n    accordion: Boolean,\n    disabled: Boolean,\n    flat: Boolean,\n    hover: Boolean,\n    focusable: Boolean,\n    inset: Boolean,\n    popout: Boolean,\n    readonly: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...BaseItemGroup.options.computed.classes.call(this),\n        'k-expansion-panels': true,\n        'k-expansion-panels--accordion': this.accordion,\n        'k-expansion-panels--flat': this.flat,\n        'k-expansion-panels--hover': this.hover,\n        'k-expansion-panels--focusable': this.focusable,\n        'k-expansion-panels--inset': this.inset,\n        'k-expansion-panels--popout': this.popout,\n        'k-expansion-panels--tile': this.tile,\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('expand')) {\n      breaking('expand', 'multiple', this)\n    }\n\n    /* istanbul ignore next */\n    if (\n      Array.isArray(this.value) &&\n      this.value.length > 0 &&\n      typeof this.value[0] === 'boolean'\n    ) {\n      breaking(':value=\"[true, false, true]\"', ':value=\"[0, 2]\"', this)\n    }\n  },\n\n  methods: {\n    updateItem (item: GroupableInstance & KExpansionPanelInstance, index: number) {\n      const value = this.getValue(item, index)\n      const nextValue = this.getValue(item, index + 1)\n\n      item.isActive = this.toggleMethod(value)\n      item.nextIsActive = this.toggleMethod(nextValue)\n    },\n  },\n})\n"],"sourceRoot":"","file":"KExpansionPanels.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KExpansionPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,sBAAP,MAAmC,0BAAnC;AACA,OAAO,qBAAP,MAAkC,yBAAlC;AAEA,SAAS,gBAAT,EAA2B,eAA3B,EAA4C,qBAA5C,EAAmE,sBAAnE;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,gBADuB;AAEvB,IAAA,eAFuB;AAGvB,IAAA,qBAHuB;AAIvB,IAAA;AAJuB;AADZ,CAAf","sourcesContent":["import KExpansionPanels from './KExpansionPanels'\nimport KExpansionPanel from './KExpansionPanel'\nimport KExpansionPanelContent from './KExpansionPanelContent'\nimport KExpansionPanelHeader from './KExpansionPanelHeader'\n\nexport { KExpansionPanels, KExpansionPanel, KExpansionPanelHeader, KExpansionPanelContent }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KExpansionPanels,\n    KExpansionPanel,\n    KExpansionPanelHeader,\n    KExpansionPanelContent,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KExpansionPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB;AACjD,OAAO,eAAe,MAAM,mBAAmB;AAC/C,OAAO,sBAAsB,MAAM,0BAA0B;AAC7D,OAAO,qBAAqB,MAAM,yBAAyB;AAE3D,SAAS,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,sBAAsB;AAEzF,eAAe;EACb,uBAAuB,EAAE;IACvB,gBAAgB;IAChB,eAAe;IACf,qBAAqB;IACrB;EACD;CACF","sourcesContent":["import KExpansionPanels from './KExpansionPanels'\nimport KExpansionPanel from './KExpansionPanel'\nimport KExpansionPanelContent from './KExpansionPanelContent'\nimport KExpansionPanelHeader from './KExpansionPanelHeader'\n\nexport { KExpansionPanels, KExpansionPanel, KExpansionPanelHeader, KExpansionPanelContent }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KExpansionPanels,\n    KExpansionPanel,\n    KExpansionPanelHeader,\n    KExpansionPanelContent,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KFileInput/KFileInput.js

@@ -1,10 +1,10 @@
 // Styles
-import "..\\..\\..\\src\\components\\KFileInput\\KFileInput.sass"; // Extensions
-
-import KTextField from '../KTextField'; // Components
-
-import { KChip } from '../KChip'; // Utilities
-
+import "../../../src/components/KFileInput/KFileInput.sass";
+// Extensions
+import KTextField from '../KTextField';
+// Components
+import { KChip } from '../KChip';
+// Utilities
 import { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers';
 import { consoleError } from '../../util/console';
 import { mergeStyles } from '../../util/mergeData';
@@ -64,11 +64,11 @@ export default KTextField.extend({
   },
   computed: {
     classes() {
-      return { ...KTextField.options.computed.classes.call(this),
+      return {
+        ...KTextField.options.computed.classes.call(this),
         'k-file-input': true
       };
     },
-
     computedCounterValue() {
       const fileCount = this.multiple && this.lazyValue ? this.lazyValue.length : this.lazyValue instanceof File ? 1 : 0;
       if (!this.showSize) return this.$kdutify.lang.t(this.counterString, fileCount);
@@ -79,31 +79,24 @@ export default KTextField.extend({
       }, 0);
       return this.$kdutify.lang.t(this.counterSizeString, fileCount, humanReadableFileSize(bytes, this.base === 1024));
     },
-
     internalArrayValue() {
       return wrapInArray(this.internalValue);
     },
-
     internalValue: {
       get() {
         return this.lazyValue;
       },
-
       set(val) {
         this.lazyValue = val;
         this.$emit('change', this.lazyValue);
       }
-
     },
-
     isDirty() {
       return this.internalArrayValue.length > 0;
     },
-
     isLabelActive() {
       return this.isDirty;
     },
-
     text() {
       if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder];
       return this.internalArrayValue.map(file => {
@@ -115,28 +108,22 @@ export default KTextField.extend({
         return !this.showSize ? truncatedText : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`;
       });
     },
-
     base() {
       return typeof this.showSize !== 'boolean' ? this.showSize : undefined;
     },
-
     hasChips() {
       return this.chips || this.smallChips;
     }
-
   },
   watch: {
     readonly: {
       handler(v) {
         if (v === true) consoleError('readonly is not supported on <k-file-input>', this);
       },
-
       immediate: true
     },
-
     value(v) {
       const value = this.multiple ? v : v ? [v] : [];
-
       if (!deepEqual(value, this.$refs.input.files)) {
         // When the input value is changed programatically, clear the
         // internal input's value so that the `onInput` handler
@@ -146,14 +133,12 @@ export default KTextField.extend({
         this.$refs.input.value = '';
       }
     }
-
   },
   methods: {
     clearableCallback() {
       this.internalValue = this.multiple ? [] : null;
       this.$refs.input.value = '';
     },
-
     genChips() {
       if (!this.isDirty) return [];
       return this.text.map((text, index) => this.$createElement(KChip, {
@@ -169,34 +154,29 @@ export default KTextField.extend({
         }
       }, [text]));
     },
-
     genControl() {
       const render = KTextField.options.methods.genControl.call(this);
-
       if (this.hideInput) {
         render.data.style = mergeStyles(render.data.style, {
           display: 'none'
         });
       }
-
       return render;
     },
-
     genInput() {
       const input = KTextField.options.methods.genInput.call(this);
-      input.data.attrs.multiple = this.multiple; // We should not be setting value
+      input.data.attrs.multiple = this.multiple;
+      // We should not be setting value
       // programmatically on the input
       // when it is using type="file"
-
-      delete input.data.domProps.value; // This solves an issue in Safari where
+      delete input.data.domProps.value;
+      // This solves an issue in Safari where
       // nothing happens when adding a file
-      // do to the input event not firing
-
+      // due to the input event not firing
       delete input.data.on.input;
       input.data.on.change = this.onInput;
       return [this.genSelections(), input];
     },
-
     genPrependSlot() {
       if (!this.prependIcon) return null;
       const icon = this.genIcon('prepend', () => {
@@ -204,17 +184,14 @@ export default KTextField.extend({
       });
       return this.genSlot('prepend', 'outer', [icon]);
     },
-
     genSelectionText() {
       const length = this.text.length;
       if (length < 2) return this.text;
       if (this.showSize && !this.counter) return [this.computedCounterValue];
       return [this.$kdutify.lang.t(this.counterString, length)];
     },
-
     genSelections() {
       const children = [];
-
       if (this.isDirty && this.$scopedSlots.selection) {
         this.internalArrayValue.forEach((file, index) => {
           if (!this.$scopedSlots.selection) return;
@@ -227,7 +204,6 @@ export default KTextField.extend({
       } else {
         children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText());
       }
-
       return this.$createElement('div', {
         staticClass: 'k-file-input__text',
         class: {
@@ -236,34 +212,34 @@ export default KTextField.extend({
         }
       }, children);
     },
-
     genTextFieldSlot() {
       const node = KTextField.options.methods.genTextFieldSlot.call(this);
-      node.data.on = { ...(node.data.on || {}),
-        click: () => this.$refs.input.click()
+      node.data.on = {
+        ...(node.data.on || {}),
+        click: e => {
+          // Clicking the label already delegates to input element, so we shouldn't click it twice
+          if (e.target && e.target.nodeName === 'LABEL') return;
+          this.$refs.input.click();
+        }
       };
       return node;
     },
-
     onInput(e) {
       const files = [...(e.target.files || [])];
-      this.internalValue = this.multiple ? files : files[0]; // Set initialValue here otherwise isFocused
+      this.internalValue = this.multiple ? files : files[0];
+      // Set initialValue here otherwise isFocused
       // watcher in KTextField will emit a change
       // event whenever the component is blurred
-
       this.initialValue = this.internalValue;
     },
-
     onKeyDown(e) {
       this.$emit('keydown', e);
     },
-
     truncateText(str) {
       if (str.length < Number(this.truncateLength)) return str;
       const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2);
       return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`;
     }
-
   }
 });
 //# sourceMappingURL=KFileInput.js.map

package/lib/components/KFileInput/KFileInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KFileInput/KFileInput.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0DAAP,C,CAEA;;AACA,OAAO,UAAP,MAAuB,eAAvB,C,CAEA;;AACA,SAAS,KAAT,QAAsB,UAAtB,C,CAKA;;AACA,SAAS,SAAT,EAAoB,qBAApB,EAA2C,WAA3C,QAA8D,oBAA9D;AACA,SAAS,YAAT,QAA6B,oBAA7B;AACA,SAAS,WAAT,QAA4B,sBAA5B;AAEA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,cADyB;AAG/B,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,KAAK,EAAE;AAFF,GAHwB;AAQ/B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA,KAFN;AAML,IAAA,iBAAiB,EAAE;AACjB,MAAA,IAAI,EAAE,MADW;AAEjB,MAAA,OAAO,EAAE;AAFQ,KANd;AAUL,IAAA,aAAa,EAAE;AACb,MAAA,IAAI,EAAE,MADO;AAEb,MAAA,OAAO,EAAE;AAFI,KAVV;AAcL,IAAA,SAAS,EAAE,OAdN;AAeL,IAAA,QAAQ,EAAE,OAfL;AAgBL,IAAA,WAAW,EAAE,MAhBR;AAiBL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KAjBR;AAqBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,OADE;AAER,MAAA,OAAO,EAAE;AAFD,KArBL;AAyBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADE;AAER,MAAA,OAAO,EAAE,KAFD;AAGR,MAAA,SAAS,EAAG,CAAD,IAAwB;AACjC,eACE,OAAO,CAAP,KAAa,SAAb,IACA,CAAC,IAAD,EAAO,IAAP,EAAa,QAAb,CAAsB,CAAtB,CAFF;AAID;AARO,KAzBL;AAmCL,IAAA,UAAU,EAAE,OAnCP;AAoCL,IAAA,cAAc,EAAE;AACd,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADQ;AAEd,MAAA,OAAO,EAAE;AAFK,KApCX;AAwCL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAxCD;AA4CL,IAAA,KAAK,EAAE;AACL,MAAA,OAAO,EAAE,SADJ;AAEL,MAAA,SAAS,EAAE,GAAG,IAAG;AACf,eAAO,WAAW,CAAC,GAAD,CAAX,CAAiB,KAAjB,CAAuB,CAAC,IAAI,CAAC,IAAI,IAAL,IAAa,OAAO,CAAP,KAAa,QAAtD,CAAP;AACD;AAJI;AA5CF,GARwB;AA4D/B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,UAAU,CAAC,OAAX,CAAmB,QAAnB,CAA4B,OAA5B,CAAoC,IAApC,CAAyC,IAAzC,CADE;AAEL,wBAAgB;AAFX,OAAP;AAID,KANO;;AAOR,IAAA,oBAAoB,GAAA;AAClB,YAAM,SAAS,GAAI,KAAK,QAAL,IAAiB,KAAK,SAAvB,GACd,KAAK,SAAL,CAAe,MADD,GAEb,KAAK,SAAL,YAA0B,IAA3B,GAAmC,CAAnC,GAAuC,CAF3C;AAIA,UAAI,CAAC,KAAK,QAAV,EAAoB,OAAO,KAAK,QAAL,CAAc,IAAd,CAAmB,CAAnB,CAAqB,KAAK,aAA1B,EAAyC,SAAzC,CAAP;AAEpB,YAAM,KAAK,GAAG,KAAK,kBAAL,CAAwB,MAAxB,CAA+B,CAAC,KAAD,EAAgB;AAAE,QAAA,IAAI,GAAG;AAAT,OAAhB,KAAsC;AACjF,eAAO,KAAK,GAAG,IAAf;AACD,OAFa,EAEX,CAFW,CAAd;AAIA,aAAO,KAAK,QAAL,CAAc,IAAd,CAAmB,CAAnB,CACL,KAAK,iBADA,EAEL,SAFK,EAGL,qBAAqB,CAAC,KAAD,EAAQ,KAAK,IAAL,KAAc,IAAtB,CAHhB,CAAP;AAKD,KAvBO;;AAwBR,IAAA,kBAAkB,GAAA;AAChB,aAAO,WAAW,CAAC,KAAK,aAAN,CAAlB;AACD,KA1BO;;AA2BR,IAAA,aAAa,EAAE;AACb,MAAA,GAAG,GAAA;AACD,eAAO,KAAK,SAAZ;AACD,OAHY;;AAIb,MAAA,GAAG,CAAE,GAAF,EAAoB;AACrB,aAAK,SAAL,GAAiB,GAAjB;AACA,aAAK,KAAL,CAAW,QAAX,EAAqB,KAAK,SAA1B;AACD;;AAPY,KA3BP;;AAoCR,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,kBAAL,CAAwB,MAAxB,GAAiC,CAAxC;AACD,KAtCO;;AAuCR,IAAA,aAAa,GAAA;AACX,aAAO,KAAK,OAAZ;AACD,KAzCO;;AA0CR,IAAA,IAAI,GAAA;AACF,UAAI,CAAC,KAAK,OAAN,KAAkB,KAAK,qBAAL,IAA8B,KAAK,SAAnC,IAAgD,CAAC,KAAK,QAAxE,CAAJ,EAAuF,OAAO,CAAC,KAAK,WAAN,CAAP;AAEvF,aAAO,KAAK,kBAAL,CAAwB,GAAxB,CAA6B,IAAD,IAAe;AAChD,cAAM;AACJ,UAAA,IAAI,GAAG,EADH;AAEJ,UAAA,IAAI,GAAG;AAFH,YAGF,IAHJ;AAKA,cAAM,aAAa,GAAG,KAAK,YAAL,CAAkB,IAAlB,CAAtB;AAEA,eAAO,CAAC,KAAK,QAAN,GACH,aADG,GAEH,GAAG,aAAa,KAAK,qBAAqB,CAAC,IAAD,EAAO,KAAK,IAAL,KAAc,IAArB,CAA0B,GAFxE;AAGD,OAXM,CAAP;AAYD,KAzDO;;AA0DR,IAAA,IAAI,GAAA;AACF,aAAO,OAAO,KAAK,QAAZ,KAAyB,SAAzB,GAAqC,KAAK,QAA1C,GAAqD,SAA5D;AACD,KA5DO;;AA6DR,IAAA,QAAQ,GAAA;AACN,aAAO,KAAK,KAAL,IAAc,KAAK,UAA1B;AACD;;AA/DO,GA5DqB;AA8H/B,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE;AACR,MAAA,OAAO,CAAE,CAAF,EAAG;AACR,YAAI,CAAC,KAAK,IAAV,EAAgB,YAAY,CAAC,6CAAD,EAAgD,IAAhD,CAAZ;AACjB,OAHO;;AAIR,MAAA,SAAS,EAAE;AAJH,KADL;;AAOL,IAAA,KAAK,CAAE,CAAF,EAAG;AACN,YAAM,KAAK,GAAG,KAAK,QAAL,GAAgB,CAAhB,GAAoB,CAAC,GAAG,CAAC,CAAD,CAAH,GAAS,EAA5C;;AACA,UAAI,CAAC,SAAS,CAAC,KAAD,EAAQ,KAAK,KAAL,CAAW,KAAX,CAAiB,KAAzB,CAAd,EAA+C;AAC7C;AACA;AACA;AACA;AACA;AACA,aAAK,KAAL,CAAW,KAAX,CAAiB,KAAjB,GAAyB,EAAzB;AACD;AACF;;AAjBI,GA9HwB;AAkJ/B,EAAA,OAAO,EAAE;AACP,IAAA,iBAAiB,GAAA;AACf,WAAK,aAAL,GAAqB,KAAK,QAAL,GAAgB,EAAhB,GAAqB,IAA1C;AACA,WAAK,KAAL,CAAW,KAAX,CAAiB,KAAjB,GAAyB,EAAzB;AACD,KAJM;;AAKP,IAAA,QAAQ,GAAA;AACN,UAAI,CAAC,KAAK,OAAV,EAAmB,OAAO,EAAP;AAEnB,aAAO,KAAK,IAAL,CAAU,GAAV,CAAc,CAAC,IAAD,EAAO,KAAP,KAAiB,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAC/D,QAAA,KAAK,EAAE;AAAE,UAAA,KAAK,EAAE,KAAK;AAAd,SADwD;AAE/D,QAAA,EAAE,EAAE;AACF,yBAAe,MAAK;AAClB,kBAAM,aAAa,GAAG,KAAK,aAA3B;AACA,YAAA,aAAa,CAAC,MAAd,CAAqB,KAArB,EAA4B,CAA5B;AACA,iBAAK,aAAL,GAAqB,aAArB,CAHkB,CAGiB;AACpC;AALC;AAF2D,OAA3B,EASnC,CAAC,IAAD,CATmC,CAA/B,CAAP;AAUD,KAlBM;;AAmBP,IAAA,UAAU,GAAA;AACR,YAAM,MAAM,GAAG,UAAU,CAAC,OAAX,CAAmB,OAAnB,CAA2B,UAA3B,CAAsC,IAAtC,CAA2C,IAA3C,CAAf;;AAEA,UAAI,KAAK,SAAT,EAAoB;AAClB,QAAA,MAAM,CAAC,IAAP,CAAa,KAAb,GAAqB,WAAW,CAC9B,MAAM,CAAC,IAAP,CAAa,KADiB,EAE9B;AAAE,UAAA,OAAO,EAAE;AAAX,SAF8B,CAAhC;AAID;;AAED,aAAO,MAAP;AACD,KA9BM;;AA+BP,IAAA,QAAQ,GAAA;AACN,YAAM,KAAK,GAAG,UAAU,CAAC,OAAX,CAAmB,OAAnB,CAA2B,QAA3B,CAAoC,IAApC,CAAyC,IAAzC,CAAd;AAEA,MAAA,KAAK,CAAC,IAAN,CAAY,KAAZ,CAAmB,QAAnB,GAA8B,KAAK,QAAnC,CAHM,CAKN;AACA;AACA;;AACA,aAAO,KAAK,CAAC,IAAN,CAAY,QAAZ,CAAsB,KAA7B,CARM,CAUN;AACA;AACA;;AACA,aAAO,KAAK,CAAC,IAAN,CAAY,EAAZ,CAAgB,KAAvB;AACA,MAAA,KAAK,CAAC,IAAN,CAAY,EAAZ,CAAgB,MAAhB,GAAyB,KAAK,OAA9B;AAEA,aAAO,CAAC,KAAK,aAAL,EAAD,EAAuB,KAAvB,CAAP;AACD,KAhDM;;AAiDP,IAAA,cAAc,GAAA;AACZ,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,IAAP;AAEvB,YAAM,IAAI,GAAG,KAAK,OAAL,CAAa,SAAb,EAAwB,MAAK;AACxC,aAAK,KAAL,CAAW,KAAX,CAAiB,KAAjB;AACD,OAFY,CAAb;AAIA,aAAO,KAAK,OAAL,CAAa,SAAb,EAAwB,OAAxB,EAAiC,CAAC,IAAD,CAAjC,CAAP;AACD,KAzDM;;AA0DP,IAAA,gBAAgB,GAAA;AACd,YAAM,MAAM,GAAG,KAAK,IAAL,CAAU,MAAzB;AAEA,UAAI,MAAM,GAAG,CAAb,EAAgB,OAAO,KAAK,IAAZ;AAChB,UAAI,KAAK,QAAL,IAAiB,CAAC,KAAK,OAA3B,EAAoC,OAAO,CAAC,KAAK,oBAAN,CAAP;AACpC,aAAO,CAAC,KAAK,QAAL,CAAc,IAAd,CAAmB,CAAnB,CAAqB,KAAK,aAA1B,EAAyC,MAAzC,CAAD,CAAP;AACD,KAhEM;;AAiEP,IAAA,aAAa,GAAA;AACX,YAAM,QAAQ,GAAG,EAAjB;;AAEA,UAAI,KAAK,OAAL,IAAgB,KAAK,YAAL,CAAkB,SAAtC,EAAiD;AAC/C,aAAK,kBAAL,CAAwB,OAAxB,CAAgC,CAAC,IAAD,EAAa,KAAb,KAA8B;AAC5D,cAAI,CAAC,KAAK,YAAL,CAAkB,SAAvB,EAAkC;AAElC,UAAA,QAAQ,CAAC,IAAT,CACE,KAAK,YAAL,CAAkB,SAAlB,CAA4B;AAC1B,YAAA,IAAI,EAAE,KAAK,IAAL,CAAU,KAAV,CADoB;AAE1B,YAAA,IAF0B;AAG1B,YAAA;AAH0B,WAA5B,CADF;AAOD,SAVD;AAWD,OAZD,MAYO;AACL,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,QAAL,IAAiB,KAAK,OAAtB,GAAgC,KAAK,QAAL,EAAhC,GAAkD,KAAK,gBAAL,EAAhE;AACD;;AAED,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,oBADmB;AAEhC,QAAA,KAAK,EAAE;AACL,6CAAmC,KAAK,WAAL,IAAoB,CAAC,KAAK,OADxD;AAEL,uCAA6B,KAAK,QAAL,IAAiB,CAAC,KAAK,YAAL,CAAkB;AAF5D;AAFyB,OAA3B,EAMJ,QANI,CAAP;AAOD,KA3FM;;AA4FP,IAAA,gBAAgB,GAAA;AACd,YAAM,IAAI,GAAG,UAAU,CAAC,OAAX,CAAmB,OAAnB,CAA2B,gBAA3B,CAA4C,IAA5C,CAAiD,IAAjD,CAAb;AAEA,MAAA,IAAI,CAAC,IAAL,CAAW,EAAX,GAAgB,EACd,IAAI,IAAI,CAAC,IAAL,CAAW,EAAX,IAAiB,EAArB,CADc;AAEd,QAAA,KAAK,EAAE,MAAM,KAAK,KAAL,CAAW,KAAX,CAAiB,KAAjB;AAFC,OAAhB;AAKA,aAAO,IAAP;AACD,KArGM;;AAsGP,IAAA,OAAO,CAAE,CAAF,EAAU;AACf,YAAM,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,MAAF,CAA8B,KAA9B,IAAuC,EAA3C,CAAD,CAAd;AAEA,WAAK,aAAL,GAAqB,KAAK,QAAL,GAAgB,KAAhB,GAAwB,KAAK,CAAC,CAAD,CAAlD,CAHe,CAKf;AACA;AACA;;AACA,WAAK,YAAL,GAAoB,KAAK,aAAzB;AACD,KA/GM;;AAgHP,IAAA,SAAS,CAAE,CAAF,EAAkB;AACzB,WAAK,KAAL,CAAW,SAAX,EAAsB,CAAtB;AACD,KAlHM;;AAmHP,IAAA,YAAY,CAAE,GAAF,EAAa;AACvB,UAAI,GAAG,CAAC,MAAJ,GAAa,MAAM,CAAC,KAAK,cAAN,CAAvB,EAA8C,OAAO,GAAP;AAC9C,YAAM,gBAAgB,GAAG,IAAI,CAAC,KAAL,CAAW,CAAC,MAAM,CAAC,KAAK,cAAN,CAAN,GAA8B,CAA/B,IAAoC,CAA/C,CAAzB;AACA,aAAO,GAAG,GAAG,CAAC,KAAJ,CAAU,CAAV,EAAa,gBAAb,CAA8B,IAAI,GAAG,CAAC,KAAJ,CAAU,GAAG,CAAC,MAAJ,GAAa,gBAAvB,CAAwC,EAApF;AACD;;AAvHM;AAlJsB,CAAlB,CAAf","sourcesContent":["// Styles\nimport './KFileInput.sass'\n\n// Extensions\nimport KTextField from '../KTextField'\n\n// Components\nimport { KChip } from '../KChip'\n\n// Types\nimport { PropValidator } from 'kdu/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\n\nexport default KTextField.extend({\n  name: 'k-file-input',\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$kdutify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$kdutify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KTextField.options.computed.classes.call(this),\n        'k-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$kdutify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$kdutify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <k-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => this.$createElement(KChip, {\n        props: { small: this.smallChips },\n        on: {\n          'click:close': () => {\n            const internalValue = this.internalValue\n            internalValue.splice(index, 1)\n            this.internalValue = internalValue // Trigger the watcher\n          },\n        },\n      }, [text]))\n    },\n    genControl () {\n      const render = KTextField.options.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.data!.style = mergeStyles(\n          render.data!.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = KTextField.options.methods.genInput.call(this)\n\n      input.data!.attrs!.multiple = this.multiple\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.data!.domProps!.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // do to the input event not firing\n      delete input.data!.on!.input\n      input.data!.on!.change = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$kdutify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$scopedSlots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$scopedSlots.selection) return\n\n          children.push(\n            this.$scopedSlots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'k-file-input__text',\n        class: {\n          'k-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'k-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection,\n        },\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = KTextField.options.methods.genTextFieldSlot.call(this)\n\n      node.data!.on = {\n        ...(node.data!.on || {}),\n        click: () => this.$refs.input.click(),\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in KTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n"],"sourceRoot":"","file":"KFileInput.js"}
+{"version":3,"sources":["../../../src/components/KFileInput/KFileInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KFileInput.sass'\n\n// Extensions\nimport KTextField from '../KTextField'\n\n// Components\nimport { KChip } from '../KChip'\n\n// Types\nimport { PropValidator } from 'kdu/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\n\nexport default KTextField.extend({\n  name: 'k-file-input',\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$kdutify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$kdutify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KTextField.options.computed.classes.call(this),\n        'k-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$kdutify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$kdutify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <k-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => this.$createElement(KChip, {\n        props: { small: this.smallChips },\n        on: {\n          'click:close': () => {\n            const internalValue = this.internalValue\n            internalValue.splice(index, 1)\n            this.internalValue = internalValue // Trigger the watcher\n          },\n        },\n      }, [text]))\n    },\n    genControl () {\n      const render = KTextField.options.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.data!.style = mergeStyles(\n          render.data!.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = KTextField.options.methods.genInput.call(this)\n\n      input.data!.attrs!.multiple = this.multiple\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.data!.domProps!.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // due to the input event not firing\n      delete input.data!.on!.input\n      input.data!.on!.change = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$kdutify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$scopedSlots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$scopedSlots.selection) return\n\n          children.push(\n            this.$scopedSlots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'k-file-input__text',\n        class: {\n          'k-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'k-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection,\n        },\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = KTextField.options.methods.genTextFieldSlot.call(this)\n\n      node.data!.on = {\n        ...(node.data!.on || {}),\n        click: (e: MouseEvent) => {\n          // Clicking the label already delegates to input element, so we shouldn't click it twice\n          if (e.target && (e.target as HTMLElement).nodeName === 'LABEL') return\n\n          this.$refs.input.click()\n        },\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in KTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n"],"sourceRoot":"","file":"KFileInput.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KFileInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAP,MAAuB,cAAvB;AAEA,SAAS,UAAT;AACA,eAAe,UAAf","sourcesContent":["import KFileInput from './KFileInput'\n\nexport { KFileInput }\nexport default KFileInput\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KFileInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc;AAErC,SAAS,UAAU;AACnB,eAAe,UAAU","sourcesContent":["import KFileInput from './KFileInput'\n\nexport { KFileInput }\nexport default KFileInput\n"],"sourceRoot":"","file":"index.js"}