@kokoccc/vuetify 1.0.1 → 1.0.3

package/lib/components/VCombobox/VCombobox.js

@@ -0,0 +1,247 @@
+// Styles
+import "../../../src/components/VAutocomplete/VAutocomplete.sass"; // Extensions
+
+import VSelect from '../VSelect/VSelect';
+import VAutocomplete from '../VAutocomplete/VAutocomplete'; // Utils
+
+import { keyCodes } from '../../util/helpers';
+import { defineComponent } from 'vue';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-combobox',
+  extends: VAutocomplete,
+  props: {
+    delimiters: {
+      type: Array,
+      default: () => []
+    },
+    returnObject: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ['update:search-input', 'update:modelValue', 'change', 'focus', 'blur', 'keydown', 'click', 'update:list-index', 'mousedown', 'mouseup', 'touchstart', 'touchend', 'click:prepend', 'click:append', 'click:append-outer', 'click:prepend-inner', 'click:clear', 'input', 'update:error', 'paste'],
+  data: () => ({
+    editingIndex: -1
+  }),
+  computed: {
+    computedCounterValue() {
+      return this.multiple ? this.selectedItems.length : (this.internalSearch || '').toString().length;
+    },
+
+    hasSlot() {
+      return VSelect.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 = VAutocomplete.methods.genInput.call(this);
+      delete input.props.name;
+      input.onPaste = this.onPaste;
+      return input;
+    },
+
+    genChipSelection(item, index) {
+      const chip = VSelect.methods.genChipSelection.call(this, item, index); // Allow user to update an existing value
+
+      if (this.multiple) {
+        chip.props.onDblclick = () => {
+          this.editingIndex = index;
+          this.internalSearch = this.getText(item);
+          this.selectedIndex = -1;
+        };
+      }
+
+      return chip;
+    },
+
+    onChipInput(item) {
+      VSelect.methods.onChipInput.call(this, item);
+      this.editingIndex = -1;
+    },
+
+    // Requires a manual definition
+    // to overwrite removal in v-autocomplete
+    onEnterDown(e) {
+      e.preventDefault(); // If has menu index, let v-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)) {
+        VSelect.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();
+      }
+
+      VAutocomplete.methods.onTabDown.call(this, e);
+    },
+
+    selectItem(item) {
+      // Currently only supports items:<string[]>
+      if (this.editingIndex > -1) {
+        this.updateEditing();
+      } else {
+        VAutocomplete.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) {
+      VSelect.methods.setValue.call(this, value === undefined ? this.internalSearch : value);
+    },
+
+    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.$slots.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 _a;
+
+      this.$emit('paste', event);
+      if (!this.multiple || this.searchIsDirty) return;
+      const pastedItemText = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/vnd.vuetify.autocomplete.item+plain');
+
+      if (pastedItemText && this.findExistingIndex(pastedItemText) === -1) {
+        event.preventDefault();
+        VSelect.methods.selectItem.call(this, pastedItemText);
+      }
+    },
+
+    clearableCallback() {
+      this.editingIndex = -1;
+      VAutocomplete.methods.clearableCallback.call(this);
+    }
+
+  }
+});
+//# sourceMappingURL=VCombobox.js.map

package/lib/components/VCombobox/VCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCombobox/VCombobox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../VAutocomplete/VAutocomplete.sass'\n\n// Extensions\nimport VSelect from '../VSelect/VSelect'\nimport VAutocomplete from '../VAutocomplete/VAutocomplete'\n\n// Utils\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\nimport { defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-combobox',\n\n  extends: VAutocomplete,\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  emits: [\n    'update:search-input',\n    'update:modelValue',\n    'change',\n    'focus',\n    'blur',\n    'keydown',\n    'click',\n    'update:list-index',\n    'mousedown',\n    'mouseup',\n    'touchstart',\n    'touchend',\n    'click:prepend',\n    'click:append',\n    'click:append-outer',\n    'click:prepend-inner',\n    'click:clear',\n    'input',\n    'update:error',\n    'paste',\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 VSelect.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 = VAutocomplete.methods.genInput.call(this)\n\n      delete input.props.name\n      input.onPaste = this.onPaste\n\n      return input\n    },\n    genChipSelection (item: object, index: number) {\n      const chip = VSelect.methods.genChipSelection.call(this, item, index)\n\n      // Allow user to update an existing value\n      if (this.multiple) {\n        chip.props.onDblclick = () => {\n          this.editingIndex = index\n          this.internalSearch = this.getText(item)\n          this.selectedIndex = -1\n        }\n      }\n\n      return chip\n    },\n    onChipInput (item: object) {\n      VSelect.methods.onChipInput.call(this, item)\n\n      this.editingIndex = -1\n    },\n    // Requires a manual definition\n    // to overwrite removal in v-autocomplete\n    onEnterDown (e: Event) {\n      e.preventDefault()\n      // If has menu index, let v-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        VSelect.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      VAutocomplete.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        VAutocomplete.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      VSelect.methods.setValue.call(this, value === undefined ? this.internalSearch : value)\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.$slots.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      this.$emit('paste', event)\n      if (!this.multiple || this.searchIsDirty) return\n\n      const pastedItemText = event.clipboardData?.getData('text/vnd.vuetify.autocomplete.item+plain')\n      if (pastedItemText && this.findExistingIndex(pastedItemText as any) === -1) {\n        event.preventDefault()\n        VSelect.methods.selectItem.call(this, pastedItemText as any)\n      }\n    },\n    clearableCallback () {\n      this.editingIndex = -1\n\n      VAutocomplete.methods.clearableCallback.call(this)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCombobox.js"}

package/lib/components/VCombobox/index.js

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

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

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

package/lib/components/VContent/VContent.js

@@ -0,0 +1,41 @@
+import { h } from 'vue'; // Types
+
+import { defineComponent } from 'vue'; // Extensions
+
+import VMain from '../VMain/VMain';
+import { deprecate } from '../../util/console';
+import { normalizeClasses, getTagValue } from '../../util/helpers';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-main',
+  extends: VMain,
+
+  created() {
+    deprecate('v-content', 'v-main', this);
+  },
+
+  render() {
+    var _a; // Add the legacy class names
+
+
+    const node = VMain.render.call(this, h);
+    const existingClasses = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.class) || '';
+    const contentClasses = normalizeClasses(`${existingClasses} v-content`);
+    node.data = { ...node.data,
+      class: contentClasses
+    };
+
+    if (node.children && node.children[0] && node.children[0].data) {
+      const childExistingClasses = node.children[0].data.class || '';
+      const wrapClasses = normalizeClasses(`${childExistingClasses} v-content__wrap`);
+      node.children[0].data = { ...node.children[0].data,
+        class: wrapClasses
+      };
+    }
+
+    return h(getTagValue(this.tag), node.data, node.children);
+  }
+
+});
+//# sourceMappingURL=VContent.js.map

package/lib/components/VContent/VContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VContent/VContent.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,SAAgB,eAAhB,QAAuC,KAAvC,C,CAEA;;AACA,OAAO,KAAP,MAAkB,gBAAlB;AACA,SAAS,SAAT,QAA0B,oBAA1B;AACA,SAAS,gBAAT,EAA2B,WAA3B,QAA8C,oBAA9C;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,QADuB;AAG7B,EAAA,OAAO,EAAE,KAHoB;;AAK7B,EAAA,OAAO,GAAA;AACL,IAAA,SAAS,CAAC,WAAD,EAAc,QAAd,EAAwB,IAAxB,CAAT;AACD,GAP4B;;AAS7B,EAAA,MAAM,GAAA;WAAA,CACJ;;;AACA,UAAM,IAAI,GAAG,KAAK,CAAC,MAAN,CAAa,IAAb,CAAkB,IAAlB,EAAwB,CAAxB,CAAb;AAEA,UAAM,eAAe,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAL,MAAS,IAAT,IAAS,EAAA,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAS,EAAA,CAAE,KAAX,KAAoB,EAA5C;AACA,UAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,eAAe,YAAnB,CAAvC;AACA,IAAA,IAAI,CAAC,IAAL,GAAY,EAAE,GAAG,IAAI,CAAC,IAAV;AAAgB,MAAA,KAAK,EAAE;AAAvB,KAAZ;;AAEA,QAAI,IAAI,CAAC,QAAL,IAAiB,IAAI,CAAC,QAAL,CAAc,CAAd,CAAjB,IAAqC,IAAI,CAAC,QAAL,CAAc,CAAd,EAAiB,IAA1D,EAAgE;AAC9D,YAAM,oBAAoB,GAAG,IAAI,CAAC,QAAL,CAAc,CAAd,EAAiB,IAAjB,CAAsB,KAAtB,IAA+B,EAA5D;AACA,YAAM,WAAW,GAAG,gBAAgB,CAAC,GAAG,oBAAoB,kBAAxB,CAApC;AACA,MAAA,IAAI,CAAC,QAAL,CAAc,CAAd,EAAiB,IAAjB,GAAwB,EAAE,GAAG,IAAI,CAAC,QAAL,CAAc,CAAd,EAAiB,IAAtB;AAA4B,QAAA,KAAK,EAAE;AAAnC,OAAxB;AACD;;AAED,WAAO,CAAC,CAAC,WAAW,CAAC,KAAK,GAAN,CAAZ,EAAwB,IAAI,CAAC,IAA7B,EAAmC,IAAI,CAAC,QAAxC,CAAR;AACD;;AAxB4B,CAAD,CAA9B","sourcesContent":["import {h} from 'vue'\n// Types\nimport { VNode, defineComponent } from 'vue'\n\n// Extensions\nimport VMain from '../VMain/VMain'\nimport { deprecate } from '../../util/console'\nimport { normalizeClasses, getTagValue } from '../../util/helpers'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-main',\n\n  extends: VMain,\n\n  created () {\n    deprecate('v-content', 'v-main', this)\n  },\n\n  render (): VNode {\n    // Add the legacy class names\n    const node = VMain.render.call(this, h)\n\n    const existingClasses = node.data?.class || ''\n    const contentClasses = normalizeClasses(`${existingClasses} v-content`)\n    node.data = { ...node.data, class: contentClasses }\n\n    if (node.children && node.children[0] && node.children[0].data) {\n      const childExistingClasses = node.children[0].data.class || ''\n      const wrapClasses = normalizeClasses(`${childExistingClasses} v-content__wrap`)\n      node.children[0].data = { ...node.children[0].data, class: wrapClasses }\n    }\n\n    return h(getTagValue(this.tag), node.data, node.children)\n  },\n})\n"],"sourceRoot":"","file":"VContent.js"}

package/lib/components/VContent/index.js

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

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

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

package/lib/components/VCounter/VCounter.js

@@ -0,0 +1,37 @@
+// Styles
+import "../../../src/components/VCounter/VCounter.sass"; // Mixins
+
+import Themeable, { functionalThemeClasses } from '../../mixins/themeable'; // Types
+
+import { h } from 'vue';
+import mixins from '../../util/mixins';
+/* @vue/component */
+
+export default mixins(Themeable).extend({
+  name: 'v-counter',
+  functional: true,
+  props: {
+    value: {
+      type: [Number, String],
+      default: ''
+    },
+    max: [Number, String]
+  },
+
+  render() {
+    const props = this.$props;
+    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', {
+      class: {
+        'v-counter': true,
+        'error--text': isGreater,
+        ...functionalThemeClasses(this)
+      }
+    }, content);
+  }
+
+});
+//# sourceMappingURL=VCounter.js.map

package/lib/components/VCounter/VCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCounter/VCounter.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,gDAAP,C,CAEA;;AACA,OAAO,SAAP,IAAoB,sBAApB,QAAkD,wBAAlD,C,CAEA;;AACA,SAAgB,CAAhB,QAAyB,KAAzB;AACA,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,GAAA;AACJ,UAAM,KAAK,GAAG,KAAK,MAAnB;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,KAAK,EAAE;AACL,qBAAa,IADR;AAEL,uBAAe,SAFV;AAGL,WAAG,sBAAsB,CAAC,IAAD;AAHpB;AADO,KAAR,EAML,OANK,CAAR;AAOD;;AA3BqC,CAAzB,CAAf","sourcesContent":["// Styles\nimport './VCounter.sass'\n\n// Mixins\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { VNode, h } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Themeable).extend({\n  name: 'v-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 (): VNode {\n    const props = this.$props\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      class: {\n        'v-counter': true,\n        'error--text': isGreater,\n        ...functionalThemeClasses(this),\n      },\n    }, content)\n  },\n})\n"],"sourceRoot":"","file":"VCounter.js"}

package/lib/components/VCounter/index.js

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

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

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