kdutify 0.16.9-rc.0 → 2.6.0

package/lib/components/KCombobox/KCombobox.js

@@ -0,0 +1,245 @@
+// Styles
+import "..\\..\\..\\src\\components\\KAutocomplete\\KAutocomplete.sass"; // Extensions
+
+import KSelect from '../KSelect/KSelect';
+import KAutocomplete from '../KAutocomplete/KAutocomplete'; // Utils
+
+import { keyCodes } from '../../util/helpers';
+/* @kdujs/component */
+
+export default KAutocomplete.extend({
+  name: 'k-combobox',
+  props: {
+    delimiters: {
+      type: Array,
+      default: () => []
+    },
+    returnObject: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data: () => ({
+    editingIndex: -1
+  }),
+  computed: {
+    computedCounterValue() {
+      return this.multiple ? this.selectedItems.length : (this.internalSearch || '').toString().length;
+    },
+
+    hasSlot() {
+      return KSelect.options.computed.hasSlot.call(this) || this.multiple;
+    },
+
+    isAnyValueAllowed() {
+      return true;
+    },
+
+    menuCanShow() {
+      if (!this.isFocused) return false;
+      return this.hasDisplayedItems || !!this.$slots['no-data'] && !this.hideNoData;
+    },
+
+    searchIsDirty() {
+      return this.internalSearch != null;
+    }
+
+  },
+  methods: {
+    onInternalSearchChanged(val) {
+      if (val && this.multiple && this.delimiters.length) {
+        const delimiter = this.delimiters.find(d => val.endsWith(d));
+
+        if (delimiter != null) {
+          this.internalSearch = val.slice(0, val.length - delimiter.length);
+          this.updateTags();
+        }
+      }
+
+      this.updateMenuDimensions();
+    },
+
+    genInput() {
+      const input = KAutocomplete.options.methods.genInput.call(this);
+      delete input.data.attrs.name;
+      input.data.on.paste = this.onPaste;
+      return input;
+    },
+
+    genChipSelection(item, index) {
+      const chip = KSelect.options.methods.genChipSelection.call(this, item, index); // Allow user to update an existing value
+
+      if (this.multiple) {
+        chip.componentOptions.listeners = { ...chip.componentOptions.listeners,
+          dblclick: () => {
+            this.editingIndex = index;
+            this.internalSearch = this.getText(item);
+            this.selectedIndex = -1;
+          }
+        };
+      }
+
+      return chip;
+    },
+
+    onChipInput(item) {
+      KSelect.options.methods.onChipInput.call(this, item);
+      this.editingIndex = -1;
+    },
+
+    // Requires a manual definition
+    // to overwrite removal in k-autocomplete
+    onEnterDown(e) {
+      e.preventDefault(); // If has menu index, let k-select-list handle
+
+      if (this.getMenuIndex() > -1) return;
+      this.$nextTick(this.updateSelf);
+    },
+
+    onKeyDown(e) {
+      const keyCode = e.keyCode;
+
+      if (e.ctrlKey || ![keyCodes.home, keyCodes.end].includes(keyCode)) {
+        KSelect.options.methods.onKeyDown.call(this, e);
+      } // If user is at selection index of 0
+      // create a new tag
+
+
+      if (this.multiple && keyCode === keyCodes.left && this.$refs.input.selectionStart === 0) {
+        this.updateSelf();
+      } else if (keyCode === keyCodes.enter) {
+        this.onEnterDown(e);
+      } // The ordering is important here
+      // allows new value to be updated
+      // and then moves the index to the
+      // proper location
+
+
+      this.changeSelectedIndex(keyCode);
+    },
+
+    onTabDown(e) {
+      // When adding tags, if searching and
+      // there is not a filtered options,
+      // add the value to the tags list
+      if (this.multiple && this.internalSearch && this.getMenuIndex() === -1) {
+        e.preventDefault();
+        e.stopPropagation();
+        return this.updateTags();
+      }
+
+      KAutocomplete.options.methods.onTabDown.call(this, e);
+    },
+
+    selectItem(item) {
+      // Currently only supports items:<string[]>
+      if (this.editingIndex > -1) {
+        this.updateEditing();
+      } else {
+        KAutocomplete.options.methods.selectItem.call(this, item); // if selected item contains search value,
+        // remove the search string
+
+        if (this.internalSearch && this.multiple && this.getText(item).toLocaleLowerCase().includes(this.internalSearch.toLocaleLowerCase())) {
+          this.internalSearch = null;
+        }
+      }
+    },
+
+    setSelectedItems() {
+      if (this.internalValue == null || this.internalValue === '') {
+        this.selectedItems = [];
+      } else {
+        this.selectedItems = this.multiple ? this.internalValue : [this.internalValue];
+      }
+    },
+
+    setValue(value) {
+      KSelect.options.methods.setValue.call(this, value != null ? value : this.internalSearch);
+    },
+
+    updateEditing() {
+      const value = this.internalValue.slice();
+      const index = this.selectedItems.findIndex(item => this.getText(item) === this.internalSearch); // If user enters a duplicate text on chip edit,
+      // don't add it, move it to the end of the list
+
+      if (index > -1) {
+        const item = typeof value[index] === 'object' ? Object.assign({}, value[index]) : value[index];
+        value.splice(index, 1);
+        value.push(item);
+      } else {
+        value[this.editingIndex] = this.internalSearch;
+      }
+
+      this.setValue(value);
+      this.editingIndex = -1;
+      this.internalSearch = null;
+    },
+
+    updateCombobox() {
+      // If search is not dirty, do nothing
+      if (!this.searchIsDirty) return; // The internal search is not matching
+      // the internal value, update the input
+
+      if (this.internalSearch !== this.getText(this.internalValue)) this.setValue(); // Reset search if using slot to avoid a double input
+
+      const isUsingSlot = Boolean(this.$scopedSlots.selection) || this.hasChips;
+      if (isUsingSlot) this.internalSearch = null;
+    },
+
+    updateSelf() {
+      this.multiple ? this.updateTags() : this.updateCombobox();
+    },
+
+    updateTags() {
+      const menuIndex = this.getMenuIndex(); // If the user is not searching
+      // and no menu item is selected
+      // or if the search is empty
+      // do nothing
+
+      if (menuIndex < 0 && !this.searchIsDirty || !this.internalSearch) return;
+
+      if (this.editingIndex > -1) {
+        return this.updateEditing();
+      }
+
+      const index = this.selectedItems.findIndex(item => this.internalSearch === this.getText(item)); // If the duplicate item is an object,
+      // copy it, so that it can be added again later
+
+      const itemToSelect = index > -1 && typeof this.selectedItems[index] === 'object' ? Object.assign({}, this.selectedItems[index]) : this.internalSearch; // If it already exists, do nothing
+      // this might need to change to bring
+      // the duplicated item to the last entered
+
+      if (index > -1) {
+        const internalValue = this.internalValue.slice();
+        internalValue.splice(index, 1);
+        this.setValue(internalValue);
+      } // If menu index is greater than 1
+      // the selection is handled elsewhere
+      // TODO: find out where
+
+
+      if (menuIndex > -1) return this.internalSearch = null;
+      this.selectItem(itemToSelect);
+      this.internalSearch = null;
+    },
+
+    onPaste(event) {
+      var _event$clipboardData;
+
+      if (!this.multiple || this.searchIsDirty) return;
+      const pastedItemText = (_event$clipboardData = event.clipboardData) == null ? void 0 : _event$clipboardData.getData('text/vnd.kdutify.autocomplete.item+plain');
+
+      if (pastedItemText && this.findExistingIndex(pastedItemText) === -1) {
+        event.preventDefault();
+        KSelect.options.methods.selectItem.call(this, pastedItemText);
+      }
+    },
+
+    clearableCallback() {
+      this.editingIndex = -1;
+      KAutocomplete.options.methods.clearableCallback.call(this);
+    }
+
+  }
+});
+//# sourceMappingURL=KCombobox.js.map

package/lib/components/KCombobox/KCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCombobox/KCombobox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../KAutocomplete/KAutocomplete.sass'\n\n// Extensions\nimport KSelect from '../KSelect/KSelect'\nimport KAutocomplete from '../KAutocomplete/KAutocomplete'\n\n// Utils\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { PropValidator } from 'kdu/types/options'\n\n/* @kdujs/component */\nexport default KAutocomplete.extend({\n  name: 'k-combobox',\n\n  props: {\n    delimiters: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<string[]>,\n    returnObject: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data: () => ({\n    editingIndex: -1,\n  }),\n\n  computed: {\n    computedCounterValue (): number {\n      return this.multiple\n        ? this.selectedItems.length\n        : (this.internalSearch || '').toString().length\n    },\n    hasSlot (): boolean {\n      return KSelect.options.computed.hasSlot.call(this) || this.multiple\n    },\n    isAnyValueAllowed (): boolean {\n      return true\n    },\n    menuCanShow (): boolean {\n      if (!this.isFocused) return false\n\n      return this.hasDisplayedItems ||\n        (!!this.$slots['no-data'] && !this.hideNoData)\n    },\n    searchIsDirty (): boolean {\n      return this.internalSearch != null\n    },\n  },\n\n  methods: {\n    onInternalSearchChanged (val: any) {\n      if (\n        val &&\n        this.multiple &&\n        this.delimiters.length\n      ) {\n        const delimiter = this.delimiters.find(d => val.endsWith(d))\n        if (delimiter != null) {\n          this.internalSearch = val.slice(0, val.length - delimiter.length)\n          this.updateTags()\n        }\n      }\n\n      this.updateMenuDimensions()\n    },\n    genInput () {\n      const input = KAutocomplete.options.methods.genInput.call(this)\n\n      delete input.data!.attrs!.name\n      input.data!.on!.paste = this.onPaste\n\n      return input\n    },\n    genChipSelection (item: object, index: number) {\n      const chip = KSelect.options.methods.genChipSelection.call(this, item, index)\n\n      // Allow user to update an existing value\n      if (this.multiple) {\n        chip.componentOptions!.listeners! = {\n          ...chip.componentOptions!.listeners!,\n          dblclick: () => {\n            this.editingIndex = index\n            this.internalSearch = this.getText(item)\n            this.selectedIndex = -1\n          },\n        }\n      }\n\n      return chip\n    },\n    onChipInput (item: object) {\n      KSelect.options.methods.onChipInput.call(this, item)\n\n      this.editingIndex = -1\n    },\n    // Requires a manual definition\n    // to overwrite removal in k-autocomplete\n    onEnterDown (e: Event) {\n      e.preventDefault()\n      // If has menu index, let k-select-list handle\n      if (this.getMenuIndex() > -1) return\n\n      this.$nextTick(this.updateSelf)\n    },\n    onKeyDown (e: KeyboardEvent) {\n      const keyCode = e.keyCode\n\n      if (\n        e.ctrlKey ||\n        ![keyCodes.home, keyCodes.end].includes(keyCode)\n      ) {\n        KSelect.options.methods.onKeyDown.call(this, e)\n      }\n\n      // If user is at selection index of 0\n      // create a new tag\n      if (this.multiple &&\n        keyCode === keyCodes.left &&\n        this.$refs.input.selectionStart === 0\n      ) {\n        this.updateSelf()\n      } else if (keyCode === keyCodes.enter) {\n        this.onEnterDown(e)\n      }\n\n      // The ordering is important here\n      // allows new value to be updated\n      // and then moves the index to the\n      // proper location\n      this.changeSelectedIndex(keyCode)\n    },\n    onTabDown (e: KeyboardEvent) {\n      // When adding tags, if searching and\n      // there is not a filtered options,\n      // add the value to the tags list\n      if (this.multiple &&\n        this.internalSearch &&\n        this.getMenuIndex() === -1\n      ) {\n        e.preventDefault()\n        e.stopPropagation()\n\n        return this.updateTags()\n      }\n\n      KAutocomplete.options.methods.onTabDown.call(this, e)\n    },\n    selectItem (item: object) {\n      // Currently only supports items:<string[]>\n      if (this.editingIndex > -1) {\n        this.updateEditing()\n      } else {\n        KAutocomplete.options.methods.selectItem.call(this, item)\n\n        // if selected item contains search value,\n        // remove the search string\n        if (\n          this.internalSearch &&\n          this.multiple &&\n          this.getText(item).toLocaleLowerCase().includes(this.internalSearch.toLocaleLowerCase())\n        ) {\n          this.internalSearch = null\n        }\n      }\n    },\n    setSelectedItems () {\n      if (this.internalValue == null ||\n        this.internalValue === ''\n      ) {\n        this.selectedItems = []\n      } else {\n        this.selectedItems = this.multiple ? this.internalValue : [this.internalValue]\n      }\n    },\n    setValue (value?: any) {\n      KSelect.options.methods.setValue.call(this, value ?? this.internalSearch)\n    },\n    updateEditing () {\n      const value = this.internalValue.slice()\n      const index = this.selectedItems.findIndex(item =>\n        this.getText(item) === this.internalSearch)\n\n      // If user enters a duplicate text on chip edit,\n      // don't add it, move it to the end of the list\n      if (index > -1) {\n        const item = typeof value[index] === 'object'\n          ? Object.assign({}, value[index])\n          : value[index]\n\n        value.splice(index, 1)\n        value.push(item)\n      } else {\n        value[this.editingIndex] = this.internalSearch\n      }\n\n      this.setValue(value)\n      this.editingIndex = -1\n      this.internalSearch = null\n    },\n    updateCombobox () {\n      // If search is not dirty, do nothing\n      if (!this.searchIsDirty) return\n\n      // The internal search is not matching\n      // the internal value, update the input\n      if (this.internalSearch !== this.getText(this.internalValue)) this.setValue()\n\n      // Reset search if using slot to avoid a double input\n      const isUsingSlot = Boolean(this.$scopedSlots.selection) || this.hasChips\n      if (isUsingSlot) this.internalSearch = null\n    },\n    updateSelf () {\n      this.multiple ? this.updateTags() : this.updateCombobox()\n    },\n    updateTags () {\n      const menuIndex = this.getMenuIndex()\n\n      // If the user is not searching\n      // and no menu item is selected\n      // or if the search is empty\n      // do nothing\n      if ((menuIndex < 0 && !this.searchIsDirty) ||\n          !this.internalSearch) return\n\n      if (this.editingIndex > -1) {\n        return this.updateEditing()\n      }\n\n      const index = this.selectedItems.findIndex(item =>\n        this.internalSearch === this.getText(item))\n\n      // If the duplicate item is an object,\n      // copy it, so that it can be added again later\n      const itemToSelect = index > -1 && typeof this.selectedItems[index] === 'object'\n        ? Object.assign({}, this.selectedItems[index])\n        : this.internalSearch\n\n      // If it already exists, do nothing\n      // this might need to change to bring\n      // the duplicated item to the last entered\n      if (index > -1) {\n        const internalValue = this.internalValue.slice()\n        internalValue.splice(index, 1)\n\n        this.setValue(internalValue)\n      }\n\n      // If menu index is greater than 1\n      // the selection is handled elsewhere\n      // TODO: find out where\n      if (menuIndex > -1) return (this.internalSearch = null)\n\n      this.selectItem(itemToSelect)\n\n      this.internalSearch = null\n    },\n    onPaste (event: ClipboardEvent) {\n      if (!this.multiple || this.searchIsDirty) return\n\n      const pastedItemText = event.clipboardData?.getData('text/vnd.kdutify.autocomplete.item+plain')\n      if (pastedItemText && this.findExistingIndex(pastedItemText as any) === -1) {\n        event.preventDefault()\n        KSelect.options.methods.selectItem.call(this, pastedItemText as any)\n      }\n    },\n    clearableCallback () {\n      this.editingIndex = -1\n\n      KAutocomplete.options.methods.clearableCallback.call(this)\n    },\n  },\n})\n"],"sourceRoot":"","file":"KCombobox.js"}

package/lib/components/KCombobox/index.js

@@ -0,0 +1,4 @@
+import KCombobox from './KCombobox';
+export { KCombobox };
+export default KCombobox;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCombobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AAEA,SAAS,SAAT;AACA,eAAe,SAAf","sourcesContent":["import KCombobox from './KCombobox'\n\nexport { KCombobox }\nexport default KCombobox\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KContent/KContent.js

@@ -0,0 +1,22 @@
+// Extensions
+import KMain from '../KMain/KMain';
+import { deprecate } from '../../util/console';
+/* @kdujs/component */
+
+export default KMain.extend({
+  name: 'k-main',
+
+  created() {
+    deprecate('k-content', 'k-main', this);
+  },
+
+  render(h) {
+    // Add the legacy class names
+    const node = KMain.options.render.call(this, h);
+    node.data.staticClass += ' k-content';
+    node.children[0].data.staticClass += ' k-content__wrap';
+    return h(node.tag, node.data, node.children);
+  }
+
+});
+//# sourceMappingURL=KContent.js.map

package/lib/components/KContent/KContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KContent/KContent.ts"],"names":[],"mappings":"AAGA;AACA,OAAO,KAAP,MAAkB,gBAAlB;AACA,SAAS,SAAT,QAA0B,oBAA1B;AAEA;;AACA,eAAe,KAAK,CAAC,MAAN,CAAa;AAC1B,EAAA,IAAI,EAAE,QADoB;;AAG1B,EAAA,OAAO,GAAA;AACL,IAAA,SAAS,CAAC,WAAD,EAAc,QAAd,EAAwB,IAAxB,CAAT;AACD,GALyB;;AAO1B,EAAA,MAAM,CAAE,CAAF,EAAG;AACP;AACA,UAAM,IAAI,GAAG,KAAK,CAAC,OAAN,CAAc,MAAd,CAAqB,IAArB,CAA0B,IAA1B,EAAgC,CAAhC,CAAb;AAEA,IAAA,IAAI,CAAC,IAAL,CAAW,WAAX,IAA0B,YAA1B;AACA,IAAA,IAAI,CAAC,QAAL,CAAe,CAAf,EAAmB,IAAnB,CAAyB,WAAzB,IAAwC,kBAAxC;AAEA,WAAO,CAAC,CAAC,IAAI,CAAC,GAAN,EAAW,IAAI,CAAC,IAAhB,EAAsB,IAAI,CAAC,QAA3B,CAAR;AACD;;AAfyB,CAAb,CAAf","sourcesContent":["// Types\nimport { KNode } from 'kdu'\n\n// Extensions\nimport KMain from '../KMain/KMain'\nimport { deprecate } from '../../util/console'\n\n/* @kdujs/component */\nexport default KMain.extend({\n  name: 'k-main',\n\n  created () {\n    deprecate('k-content', 'k-main', this)\n  },\n\n  render (h): KNode {\n    // Add the legacy class names\n    const node = KMain.options.render.call(this, h)\n\n    node.data!.staticClass += ' k-content'\n    node.children![0]!.data!.staticClass += ' k-content__wrap'\n\n    return h(node.tag, node.data, node.children)\n  },\n})\n"],"sourceRoot":"","file":"KContent.js"}

package/lib/components/KContent/index.js

@@ -0,0 +1,4 @@
+import KContent from './KContent';
+export { KContent };
+export default KContent;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAP,MAAqB,YAArB;AAEA,SAAS,QAAT;AAEA,eAAe,QAAf","sourcesContent":["import KContent from './KContent'\n\nexport { KContent }\n\nexport default KContent\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KCounter/KCounter.js

@@ -0,0 +1,37 @@
+// Styles
+import "..\\..\\..\\src\\components\\KCounter\\KCounter.sass"; // Mixins
+
+import Themeable, { functionalThemeClasses } from '../../mixins/themeable';
+import mixins from '../../util/mixins';
+/* @kdujs/component */
+
+export default mixins(Themeable).extend({
+  name: 'k-counter',
+  functional: true,
+  props: {
+    value: {
+      type: [Number, String],
+      default: ''
+    },
+    max: [Number, String]
+  },
+
+  render(h, ctx) {
+    const {
+      props
+    } = ctx;
+    const max = parseInt(props.max, 10);
+    const value = parseInt(props.value, 10);
+    const content = max ? `${value} / ${max}` : String(props.value);
+    const isGreater = max && value > max;
+    return h('div', {
+      staticClass: 'k-counter',
+      class: {
+        'error--text': isGreater,
+        ...functionalThemeClasses(ctx)
+      }
+    }, content);
+  }
+
+});
+//# sourceMappingURL=KCounter.js.map

package/lib/components/KCounter/KCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCounter/KCounter.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,sDAAP,C,CAEA;;AACA,OAAO,SAAP,IAAoB,sBAApB,QAAkD,wBAAlD;AAIA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;;AACA,eAAe,MAAM,CAAC,SAAD,CAAN,CAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,WADgC;AAGtC,EAAA,UAAU,EAAE,IAH0B;AAKtC,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KADF;AAKL,IAAA,GAAG,EAAE,CAAC,MAAD,EAAS,MAAT;AALA,GAL+B;;AAatC,EAAA,MAAM,CAAE,CAAF,EAAK,GAAL,EAAQ;AACZ,UAAM;AAAE,MAAA;AAAF,QAAY,GAAlB;AACA,UAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAP,EAAY,EAAZ,CAApB;AACA,UAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAP,EAAc,EAAd,CAAtB;AACA,UAAM,OAAO,GAAG,GAAG,GAAG,GAAG,KAAK,MAAM,GAAG,EAApB,GAAyB,MAAM,CAAC,KAAK,CAAC,KAAP,CAAlD;AACA,UAAM,SAAS,GAAG,GAAG,IAAK,KAAK,GAAG,GAAlC;AAEA,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,WADC;AAEd,MAAA,KAAK,EAAE;AACL,uBAAe,SADV;AAEL,WAAG,sBAAsB,CAAC,GAAD;AAFpB;AAFO,KAAR,EAML,OANK,CAAR;AAOD;;AA3BqC,CAAzB,CAAf","sourcesContent":["// Styles\nimport './KCounter.sass'\n\n// Mixins\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { KNode } from 'kdu'\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(Themeable).extend({\n  name: 'k-counter',\n\n  functional: true,\n\n  props: {\n    value: {\n      type: [Number, String],\n      default: '',\n    },\n    max: [Number, String],\n  },\n\n  render (h, ctx): KNode {\n    const { props } = ctx\n    const max = parseInt(props.max, 10)\n    const value = parseInt(props.value, 10)\n    const content = max ? `${value} / ${max}` : String(props.value)\n    const isGreater = max && (value > max)\n\n    return h('div', {\n      staticClass: 'k-counter',\n      class: {\n        'error--text': isGreater,\n        ...functionalThemeClasses(ctx),\n      },\n    }, content)\n  },\n})\n"],"sourceRoot":"","file":"KCounter.js"}

package/lib/components/KCounter/index.js

@@ -0,0 +1,4 @@
+import KCounter from './KCounter';
+export { KCounter };
+export default KCounter;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KCounter/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAP,MAAqB,YAArB;AAEA,SAAS,QAAT;AACA,eAAe,QAAf","sourcesContent":["import KCounter from './KCounter'\n\nexport { KCounter }\nexport default KCounter\n"],"sourceRoot":"","file":"index.js"}