@kokoccc/vuetify 1.0.1 → 1.0.3

package/lib/components/VStepper/VStepperStep.js

@@ -0,0 +1,145 @@
+import { h, withDirectives } from 'vue'; // Components
+
+import VIcon from '../VIcon'; // Mixins
+
+import Colorable from '../../mixins/colorable';
+import { inject as RegistrableInject } from '../../mixins/registrable'; // Directives
+
+import ripple from '../../directives/ripple'; // Utilities
+
+import mixins from '../../util/mixins';
+import { getSlot, keyCodes } from '../../util/helpers';
+const baseMixins = mixins(Colorable, RegistrableInject('stepper', 'v-stepper-step', 'v-stepper'));
+/* @vue/component */
+
+export default baseMixins.extend({
+  name: 'v-stepper-step',
+  inject: ['stepClick'],
+  props: {
+    color: {
+      type: String,
+      default: 'primary'
+    },
+    complete: Boolean,
+    completeIcon: {
+      type: String,
+      default: '$complete'
+    },
+    editable: Boolean,
+    editIcon: {
+      type: String,
+      default: '$edit'
+    },
+    errorIcon: {
+      type: String,
+      default: '$error'
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    },
+    step: [Number, String]
+  },
+
+  data() {
+    return {
+      isActive: false,
+      isInactive: true
+    };
+  },
+
+  computed: {
+    classes() {
+      return {
+        'v-stepper__step': true,
+        'v-stepper__step--active': this.isActive,
+        'v-stepper__step--editable': this.editable,
+        'v-stepper__step--inactive': this.isInactive,
+        'v-stepper__step--error error--text': this.hasError,
+        'v-stepper__step--complete': this.complete
+      };
+    },
+
+    hasError() {
+      return this.rules.some(validate => validate() !== true);
+    }
+
+  },
+
+  mounted() {
+    this.stepper && this.stepper.register(this);
+  },
+
+  beforeUnmount() {
+    this.stepper && this.stepper.unregister(this);
+  },
+
+  methods: {
+    click(e) {
+      e.stopPropagation();
+      this.$emit('click', e);
+
+      if (this.editable) {
+        this.stepClick(this.step);
+      }
+    },
+
+    genIcon(icon) {
+      return h(VIcon, icon);
+    },
+
+    genLabel() {
+      return h('div', {
+        class: 'v-stepper__label'
+      }, getSlot(this));
+    },
+
+    genStep() {
+      const color = !this.hasError && (this.complete || this.isActive) ? this.color : false;
+      return h('span', this.setBackgroundColor(color, {
+        class: 'v-stepper__step__step'
+      }), this.genStepContent());
+    },
+
+    genStepContent() {
+      const children = [];
+
+      if (this.hasError) {
+        children.push(this.genIcon(this.errorIcon));
+      } else if (this.complete) {
+        if (this.editable) {
+          children.push(this.genIcon(this.editIcon));
+        } else {
+          children.push(this.genIcon(this.completeIcon));
+        }
+      } else {
+        children.push(String(this.step));
+      }
+
+      return children;
+    },
+
+    keyboardClick(e) {
+      if (e.keyCode === keyCodes.space) {
+        this.click(e);
+      }
+    },
+
+    toggle(step) {
+      this.isActive = step.toString() === this.step.toString();
+      this.isInactive = Number(step) < Number(this.step);
+    }
+
+  },
+
+  render() {
+    return withDirectives(h('div', {
+      tabindex: this.editable ? 0 : -1,
+      class: this.classes,
+      onClick: this.click,
+      onKeydown: this.keyboardClick
+    }, [this.genStep(), this.genLabel()]), [[ripple, this.editable]]);
+  }
+
+});
+//# sourceMappingURL=VStepperStep.js.map

package/lib/components/VStepper/VStepperStep.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VStepper/VStepperStep.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Components\nimport VIcon from '../VIcon'\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 mixins from '../../util/mixins'\nimport { getSlot, keyCodes } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\ntype VuetifyStepperRuleValidator = () => string | boolean\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject('stepper', 'v-stepper-step', 'v-stepper')\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  stepClick: (step: number | string) => void\n}\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-stepper-step',\n\n\n  inject: ['stepClick'],\n\n  props: {\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    complete: Boolean,\n    completeIcon: {\n      type: String,\n      default: '$complete',\n    },\n    editable: Boolean,\n    editIcon: {\n      type: String,\n      default: '$edit',\n    },\n    errorIcon: {\n      type: String,\n      default: '$error',\n    },\n    rules: {\n      type: Array,\n      default: () => [],\n    } as PropValidator<VuetifyStepperRuleValidator[]>,\n    step: [Number, String],\n  },\n\n  data () {\n    return {\n      isActive: false,\n      isInactive: true,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-stepper__step': true,\n        'v-stepper__step--active': this.isActive,\n        'v-stepper__step--editable': this.editable,\n        'v-stepper__step--inactive': this.isInactive,\n        'v-stepper__step--error error--text': this.hasError,\n        'v-stepper__step--complete': this.complete,\n      }\n    },\n    hasError (): boolean {\n      return this.rules.some(validate => validate() !== true)\n    },\n  },\n\n  mounted () {\n    this.stepper && this.stepper.register(this)\n  },\n\n  beforeUnmount () {\n    this.stepper && this.stepper.unregister(this)\n  },\n\n  methods: {\n    click (e: MouseEvent | KeyboardEvent) {\n      e.stopPropagation()\n\n      this.$emit('click', e)\n\n      if (this.editable) {\n        this.stepClick(this.step)\n      }\n    },\n    genIcon (icon: string) {\n      return h(VIcon, icon)\n    },\n    genLabel () {\n      return h('div', {\n        class: 'v-stepper__label',\n      }, getSlot(this))\n    },\n    genStep () {\n      const color = (!this.hasError && (this.complete || this.isActive)) ? this.color : false\n\n      return h('span', this.setBackgroundColor(color, {\n        class: 'v-stepper__step__step',\n      }), this.genStepContent())\n    },\n    genStepContent () {\n      const children = []\n\n      if (this.hasError) {\n        children.push(this.genIcon(this.errorIcon))\n      } else if (this.complete) {\n        if (this.editable) {\n          children.push(this.genIcon(this.editIcon))\n        } else {\n          children.push(this.genIcon(this.completeIcon))\n        }\n      } else {\n        children.push(String(this.step))\n      }\n\n      return children\n    },\n    keyboardClick (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.space) {\n        this.click(e)\n      }\n    },\n    toggle (step: number | string) {\n      this.isActive = step.toString() === this.step.toString()\n      this.isInactive = Number(step) < Number(this.step)\n    },\n  },\n\n  render (): VNode {\n    return withDirectives(h('div', {\n      tabindex: this.editable ? 0 : -1,\n      class: this.classes,\n      onClick: this.click,\n      onKeydown: this.keyboardClick,\n    }, [\n      this.genStep(),\n      this.genLabel(),\n    ]), [\n      [ripple, this.editable]\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VStepperStep.js"}

package/lib/components/VStepper/index.js

@@ -0,0 +1,17 @@
+import { createSimpleFunctional } from '../../util/helpers';
+import VStepper from './VStepper';
+import VStepperStep from './VStepperStep';
+import VStepperContent from './VStepperContent';
+const VStepperHeader = createSimpleFunctional('v-stepper__header');
+const VStepperItems = createSimpleFunctional('v-stepper__items');
+export { VStepper, VStepperContent, VStepperStep, VStepperHeader, VStepperItems };
+export default {
+  $_vuetify_subcomponents: {
+    VStepper,
+    VStepperContent,
+    VStepperStep,
+    VStepperHeader,
+    VStepperItems
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VStepper/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AACA,OAAO,QAAP,MAAqB,YAArB;AACA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,eAAP,MAA4B,mBAA5B;AAEA,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAD,CAA7C;AACA,MAAM,aAAa,GAAG,sBAAsB,CAAC,kBAAD,CAA5C;AAEA,SACE,QADF,EAEE,eAFF,EAGE,YAHF,EAIE,cAJF,EAKE,aALF;AAQA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,QADuB;AAEvB,IAAA,eAFuB;AAGvB,IAAA,YAHuB;AAIvB,IAAA,cAJuB;AAKvB,IAAA;AALuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\nimport VStepper from './VStepper'\nimport VStepperStep from './VStepperStep'\nimport VStepperContent from './VStepperContent'\n\nconst VStepperHeader = createSimpleFunctional('v-stepper__header')\nconst VStepperItems = createSimpleFunctional('v-stepper__items')\n\nexport {\n  VStepper,\n  VStepperContent,\n  VStepperStep,\n  VStepperHeader,\n  VStepperItems,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VStepper,\n    VStepperContent,\n    VStepperStep,\n    VStepperHeader,\n    VStepperItems,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VSubheader/VSubheader.js

@@ -0,0 +1,27 @@
+import { h } from 'vue'; // Styles
+
+import "../../../src/components/VSubheader/VSubheader.sass"; // Mixins
+
+import Themeable from '../../mixins/themeable';
+import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
+export default mixins(Themeable
+/* @vue/component */
+).extend({
+  name: 'v-subheader',
+  props: {
+    inset: Boolean
+  },
+
+  render() {
+    return h('div', { ...this.$attrs,
+      class: ['v-subheader', {
+        'v-subheader--inset': this.inset,
+        ...this.themeClasses
+      }],
+      ...this.$listeners
+    }, getSlot(this));
+  }
+
+});
+//# sourceMappingURL=VSubheader.js.map

package/lib/components/VSubheader/VSubheader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VSubheader/VSubheader.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,OAAO,oDAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAKA,eAAe,MAAM,CACnB;AACA;AAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,aADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AADF,GAHA;;AAOP,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ,EACd,GAAG,KAAK,MADM;AAEd,MAAA,KAAK,EAAE,CAAC,aAAD,EAAgB;AACrB,8BAAsB,KAAK,KADN;AAErB,WAAG,KAAK;AAFa,OAAhB,CAFO;AAMd,SAAG,KAAK;AANM,KAAR,EAOL,OAAO,CAAC,IAAD,CAPF,CAAR;AAQD;;AAhBM,CAHM,CAAf","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VSubheader.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-subheader',\n\n  props: {\n    inset: Boolean,\n  },\n\n  render (): VNode {\n    return h('div', {\n      ...this.$attrs,\n      class: ['v-subheader', {\n        'v-subheader--inset': this.inset,\n        ...this.themeClasses,\n      }],\n      ...this.$listeners\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VSubheader.js"}

package/lib/components/VSubheader/index.js

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

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

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

package/lib/components/VSwitch/VSwitch.js

@@ -0,0 +1,117 @@
+// Styles
+import "../../../src/styles/components/_selection-controls.sass";
+import "../../../src/components/VSwitch/VSwitch.sass"; // Mixins
+
+import Selectable from '../../mixins/selectable';
+import VInput from '../VInput'; // Directives
+
+import Touch from '../../directives/touch'; // Components
+
+import { VFabTransition } from '../transitions';
+import VProgressCircular from '../VProgressCircular/VProgressCircular'; // Helpers
+
+import { getSlot, keyCodes } from '../../util/helpers'; // Types
+
+import { defineComponent, h } from 'vue';
+import mergeData from '../../util/mergeData';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-switch',
+  extends: Selectable,
+  props: {
+    inset: Boolean,
+    loading: {
+      type: [Boolean, String],
+      default: false
+    },
+    flat: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['click', 'focus', 'blur', 'update:modelValue', 'change'],
+  computed: {
+    classes() {
+      return { ...VInput.computed.classes.call(this),
+        'v-input--selection-controls v-input--switch': true,
+        'v-input--switch--flat': this.flat,
+        'v-input--switch--inset': this.inset
+      };
+    },
+
+    attrs() {
+      return {
+        'aria-checked': String(this.isActive),
+        'aria-disabled': String(this.isDisabled),
+        role: 'switch'
+      };
+    },
+
+    // Do not return undefined if disabled,
+    // according to spec, should still show
+    // a color when disabled and active
+    validationState() {
+      if (this.hasError && this.shouldValidate) return 'error';
+      if (this.hasSuccess) return 'success';
+      if (this.hasColor !== null) return this.computedColor;
+      return undefined;
+    },
+
+    switchData() {
+      return this.setTextColor(this.loading ? undefined : this.validationState, {
+        class: this.themeClasses
+      });
+    }
+
+  },
+  methods: {
+    genDefaultSlot() {
+      return [this.genSwitch(), this.genLabel()];
+    },
+
+    genSwitch() {
+      const {
+        title,
+        ...switchAttrs
+      } = this.attrs$;
+      return h('div', {
+        class: 'v-input--selection-controls__input'
+      }, [this.genInput('checkbox', { ...this.attrs,
+        ...switchAttrs
+      }), this.genRipple(this.setTextColor(this.validationState, {
+        directives: [[Touch, {
+          left: this.onSwipeLeft,
+          right: this.onSwipeRight
+        }]]
+      })), h('div', mergeData({
+        class: 'v-input--switch__track'
+      }, this.switchData)), h('div', mergeData({
+        class: 'v-input--switch__thumb'
+      }, this.switchData), [this.genProgress()])]);
+    },
+
+    genProgress() {
+      return h(VFabTransition, {}, () => [this.loading === false ? null : getSlot(this, 'progress') || h(VProgressCircular, {
+        color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
+        size: 16,
+        width: 2,
+        indeterminate: true
+      })]);
+    },
+
+    onSwipeLeft() {
+      if (this.isActive) this.onChange();
+    },
+
+    onSwipeRight() {
+      if (!this.isActive) this.onChange();
+    },
+
+    onKeydown(e) {
+      if (e.keyCode === keyCodes.left && this.isActive || e.keyCode === keyCodes.right && !this.isActive) this.onChange();
+    }
+
+  }
+});
+//# sourceMappingURL=VSwitch.js.map

package/lib/components/VSwitch/VSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VSwitch/VSwitch.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './VSwitch.sass'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport VInput from '../VInput'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport { VFabTransition } from '../transitions'\nimport VProgressCircular from '../VProgressCircular/VProgressCircular'\n\n// Helpers\nimport { getSlot, keyCodes } from '../../util/helpers'\n\n// Types\nimport { defineComponent, VNode, VNodeData, h } from 'vue'\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-switch',\n\n\n  extends: Selectable,\n\n  props: {\n    inset: Boolean,\n    loading: {\n      type: [Boolean, String],\n      default: false,\n    },\n    flat: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: ['click', 'focus', 'blur', 'update:modelValue', 'change'],\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        'v-input--selection-controls v-input--switch': true,\n        'v-input--switch--flat': this.flat,\n        'v-input--switch--inset': this.inset,\n      }\n    },\n    attrs (): object {\n      return {\n        'aria-checked': String(this.isActive),\n        'aria-disabled': String(this.isDisabled),\n        role: 'switch',\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n    switchData (): VNodeData {\n      return this.setTextColor(this.loading ? undefined : this.validationState, {\n        class: this.themeClasses,\n      })\n    },\n  },\n\n  methods: {\n    genDefaultSlot (): (VNode | null)[] {\n      return [\n        this.genSwitch(),\n        this.genLabel(),\n      ]\n    },\n    genSwitch (): VNode {\n      const { title, ...switchAttrs } = this.attrs$\n\n      return h('div', {\n        class: 'v-input--selection-controls__input',\n      }, [\n        this.genInput('checkbox', {\n          ...this.attrs,\n          ...switchAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.validationState, {\n          directives: [[\n            Touch,\n            {\n              left: this.onSwipeLeft,\n              right: this.onSwipeRight,\n            },\n          ]],\n        })),\n\n        h('div', mergeData({ class: 'v-input--switch__track' },\n          this.switchData,\n        )),\n        h('div', mergeData({ class: 'v-input--switch__thumb' },\n          this.switchData,\n        ), [this.genProgress()]),\n      ])\n    },\n    genProgress (): VNode {\n      return h(VFabTransition, {}, () => [\n        this.loading === false\n          ? null\n          : getSlot(this, 'progress') || h(VProgressCircular, {\n            color: (this.loading === true || this.loading === '')\n              ? (this.color || 'primary')\n              : this.loading,\n            size: 16,\n            width: 2,\n            indeterminate: true,\n          }),\n      ])\n    },\n    onSwipeLeft () {\n      if (this.isActive) this.onChange()\n    },\n    onSwipeRight () {\n      if (!this.isActive) this.onChange()\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (\n        (e.keyCode === keyCodes.left && this.isActive) ||\n        (e.keyCode === keyCodes.right && !this.isActive)\n      ) this.onChange()\n    },\n  },\n})\n"],"sourceRoot":"","file":"VSwitch.js"}

package/lib/components/VSwitch/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VSwitch/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import VSwitch from './VSwitch'\n\nexport { VSwitch }\nexport default VSwitch\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VSystemBar/VSystemBar.js

@@ -0,0 +1,64 @@
+import { h } from 'vue'; // Styles
+
+import "../../../src/components/VSystemBar/VSystemBar.sass"; // Mixins
+
+import Applicationable from '../../mixins/applicationable';
+import Colorable from '../../mixins/colorable';
+import Themeable from '../../mixins/themeable'; // Utilities
+
+import mixins from '../../util/mixins';
+import { convertToUnit, getSlot } from '../../util/helpers';
+export default mixins(Applicationable('bar', ['height', 'window']), Colorable, Themeable
+/* @vue/component */
+).extend({
+  name: 'v-system-bar',
+  props: {
+    height: [Number, String],
+    lightsOut: Boolean,
+    window: Boolean
+  },
+  computed: {
+    classes() {
+      return {
+        'v-system-bar--lights-out': this.lightsOut,
+        'v-system-bar--absolute': this.absolute,
+        'v-system-bar--fixed': !this.absolute && (this.app || this.fixed),
+        'v-system-bar--window': this.window,
+        ...this.themeClasses
+      };
+    },
+
+    computedHeight() {
+      if (this.height) {
+        return isNaN(parseInt(this.height)) ? this.height : parseInt(this.height);
+      }
+
+      return this.window ? 32 : 24;
+    },
+
+    styles() {
+      return {
+        height: convertToUnit(this.computedHeight)
+      };
+    }
+
+  },
+  methods: {
+    updateApplication() {
+      return this.$el ? this.$el.clientHeight : this.computedHeight;
+    }
+
+  },
+
+  render() {
+    const data = {
+      class: 'v-system-bar',
+      class: this.classes,
+      style: this.styles,
+      on: this.$listeners
+    };
+    return h('div', this.setBackgroundColor(this.color, data), getSlot(this));
+  }
+
+});
+//# sourceMappingURL=VSystemBar.js.map

package/lib/components/VSystemBar/VSystemBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VSystemBar/VSystemBar.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,OAAO,oDAAP,C,CAEA;;AACA,OAAO,eAAP,MAA4B,8BAA5B;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AAKA,eAAe,MAAM,CACnB,eAAe,CAAC,KAAD,EAAQ,CACrB,QADqB,EAErB,QAFqB,CAAR,CADI,EAKnB,SALmB,EAMnB;AACF;AAPqB,CAAN,CAQb,MARa,CAQN;AACP,EAAA,IAAI,EAAE,cADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE,CAAC,MAAD,EAAS,MAAT,CADH;AAEL,IAAA,SAAS,EAAE,OAFN;AAGL,IAAA,MAAM,EAAE;AAHH,GAHA;AASP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,oCAA4B,KAAK,SAD5B;AAEL,kCAA0B,KAAK,QAF1B;AAGL,+BAAuB,CAAC,KAAK,QAAN,KAAmB,KAAK,GAAL,IAAY,KAAK,KAApC,CAHlB;AAIL,gCAAwB,KAAK,MAJxB;AAKL,WAAG,KAAK;AALH,OAAP;AAOD,KATO;;AAUR,IAAA,cAAc,GAAA;AACZ,UAAI,KAAK,MAAT,EAAiB;AACf,eAAO,KAAK,CAAC,QAAQ,CAAC,KAAK,MAAN,CAAT,CAAL,GAA+B,KAAK,MAApC,GAA6C,QAAQ,CAAC,KAAK,MAAN,CAA5D;AACD;;AAED,aAAO,KAAK,MAAL,GAAc,EAAd,GAAmB,EAA1B;AACD,KAhBO;;AAiBR,IAAA,MAAM,GAAA;AACJ,aAAO;AACL,QAAA,MAAM,EAAE,aAAa,CAAC,KAAK,cAAN;AADhB,OAAP;AAGD;;AArBO,GATH;AAiCP,EAAA,OAAO,EAAE;AACP,IAAA,iBAAiB,GAAA;AACf,aAAO,KAAK,GAAL,GACH,KAAK,GAAL,CAAS,YADN,GAEH,KAAK,cAFT;AAGD;;AALM,GAjCF;;AAyCP,EAAA,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG;AACX,MAAA,KAAK,EAAE,cADI;AAEX,MAAA,KAAK,EAAE,KAAK,OAFD;AAGX,MAAA,KAAK,EAAE,KAAK,MAHD;AAIX,MAAA,EAAE,EAAE,KAAK;AAJE,KAAb;AAOA,WAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAR,EAAmD,OAAO,CAAC,IAAD,CAA1D,CAAR;AACD;;AAlDM,CARM,CAAf","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VSystemBar.sass'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\n\nexport default mixins(\n  Applicationable('bar', [\n    'height',\n    'window',\n  ]),\n  Colorable,\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'v-system-bar',\n\n  props: {\n    height: [Number, String],\n    lightsOut: Boolean,\n    window: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-system-bar--lights-out': this.lightsOut,\n        'v-system-bar--absolute': this.absolute,\n        'v-system-bar--fixed': !this.absolute && (this.app || this.fixed),\n        'v-system-bar--window': this.window,\n        ...this.themeClasses,\n      }\n    },\n    computedHeight (): number | string {\n      if (this.height) {\n        return isNaN(parseInt(this.height)) ? this.height : parseInt(this.height)\n      }\n\n      return this.window ? 32 : 24\n    },\n    styles (): object {\n      return {\n        height: convertToUnit(this.computedHeight),\n      }\n    },\n  },\n\n  methods: {\n    updateApplication () {\n      return this.$el\n        ? this.$el.clientHeight\n        : this.computedHeight\n    },\n  },\n\n  render (): VNode {\n    const data = {\n      class: 'v-system-bar',\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners,\n    }\n\n    return h('div', this.setBackgroundColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VSystemBar.js"}

package/lib/components/VSystemBar/index.js

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

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

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

package/lib/components/VTabs/VTab.js

@@ -0,0 +1,99 @@
+import { h, withDirectives } from 'vue'; // Mixins
+
+import { factory as GroupableFactory } from '../../mixins/groupable';
+import Routable from '../../mixins/routable';
+import Themeable from '../../mixins/themeable'; // Utilities
+
+import { getSlot, keyCodes } from './../../util/helpers';
+import mixins from '../../util/mixins';
+const baseMixins = mixins(Routable, // Must be after routable
+// to overwrite activeClass
+GroupableFactory('tabsBar'), Themeable);
+export default baseMixins.extend({
+  name: 'v-tab',
+  emits: ['change', 'click', 'keydown'],
+  props: {
+    ripple: {
+      type: [Boolean, Object],
+      default: true
+    },
+    tabValue: {
+      required: false
+    }
+  },
+  data: () => ({
+    proxyClass: 'v-tab--active'
+  }),
+  computed: {
+    classes() {
+      return {
+        'v-tab': true,
+        ...Routable.computed.classes.call(this),
+        'v-tab--disabled': this.disabled,
+        ...this.groupClasses
+      };
+    },
+
+    value() {
+      if (this.tabValue != null) return this.tabValue;
+      let to = this.to || this.href;
+      if (to == null) return to;
+
+      if (this.$router && this.to === Object(this.to)) {
+        const resolve = this.$router.resolve(this.to, this.$route, this.append);
+        to = resolve.href;
+      }
+
+      return to.replace('#', '');
+    }
+
+  },
+  methods: {
+    click(e) {
+      // Prevent keyboard actions
+      // from children elements
+      // within disabled tabs
+      if (this.disabled) {
+        e.preventDefault();
+        return;
+      } // If user provides an
+      // actual link, do not
+      // prevent default
+
+
+      if (this.href && this.href.indexOf('#') > -1) e.preventDefault();
+      if (e.detail) this.$el.blur();
+      this.$emit('click', e);
+      this.to || this.toggle();
+    },
+
+    toggle() {
+      // VItemGroup treats a change event as a click
+      if (!this.isActive || !this.tabsBar.mandatory && !this.to) {
+        this.$emit('change');
+        this.$emitLegacy('change');
+      }
+    }
+
+  },
+
+  render() {
+    let {
+      tag,
+      data,
+      directives
+    } = this.generateRouteLink();
+    data = { ...data,
+      'aria-selected': String(this.isActive),
+      role: 'tab',
+      tabindex: this.disabled ? -1 : 0,
+      onKeydown: e => {
+        if (e.keyCode === keyCodes.enter) this.click(e);
+        this.$emit('keydown', e);
+      }
+    };
+    return withDirectives(h(tag, data, getSlot(this)), directives);
+  }
+
+});
+//# sourceMappingURL=VTab.js.map

package/lib/components/VTabs/VTab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTabs/VTab.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Routable from '../../mixins/routable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { getSlot, keyCodes } from './../../util/helpers'\nimport mixins from '../../util/mixins'\nimport { ExtractVue } from './../../util/mixins'\n\n// Types\nimport { VNode } from 'vue/types'\n\n// Components\nimport VTabsBar from '../VTabs/VTabsBar'\n\nconst baseMixins = mixins(\n  Routable,\n  // Must be after routable\n  // to overwrite activeClass\n  GroupableFactory('tabsBar'),\n  Themeable\n)\n\ntype VTabBarInstance = InstanceType<typeof VTabsBar>\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  tabsBar: VTabBarInstance\n}\n\nexport default baseMixins.extend({\n  name: 'v-tab',\n\n  emits: ['change', 'click', 'keydown'],\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n    tabValue: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    proxyClass: 'v-tab--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-tab': true,\n        ...Routable.computed.classes.call(this),\n        'v-tab--disabled': this.disabled,\n        ...this.groupClasses,\n      }\n    },\n    value (): any {\n      if (this.tabValue != null) return this.tabValue\n\n      let to = this.to || this.href\n\n      if (to == null) return to\n\n      if (this.$router &&\n        this.to === Object(this.to)\n      ) {\n        const resolve = this.$router.resolve(\n          this.to,\n          this.$route,\n          this.append\n        )\n\n        to = resolve.href\n      }\n\n      return to.replace('#', '')\n    },\n  },\n\n  methods: {\n    click (e: KeyboardEvent | MouseEvent): void {\n      // Prevent keyboard actions\n      // from children elements\n      // within disabled tabs\n      if (this.disabled) {\n        e.preventDefault()\n        return\n      }\n\n      // If user provides an\n      // actual link, do not\n      // prevent default\n      if (this.href &&\n        this.href.indexOf('#') > -1\n      ) e.preventDefault()\n\n      if (e.detail) this.$el.blur()\n\n      this.$emit('click', e)\n\n      this.to || this.toggle()\n    },\n    toggle () {\n      // VItemGroup treats a change event as a click\n      if (!this.isActive || (!this.tabsBar.mandatory && !this.to)) {\n        this.$emit('change')\n        this.$emitLegacy('change')\n      }\n    },\n  },\n\n  render (): VNode {\n    let { tag, data, directives } = this.generateRouteLink()\n\n    data = {\n      ...data,\n      'aria-selected': String(this.isActive),\n      role: 'tab',\n      tabindex: this.disabled ? -1 : 0,\n      onKeydown: (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.enter) this.click(e)\n\n        this.$emit('keydown', e)\n      }\n    }\n\n    return withDirectives(\n      h(tag, data, getSlot(this)),\n      directives\n    )\n  },\n})\n"],"sourceRoot":"","file":"VTab.js"}

package/lib/components/VTabs/VTabItem.js

@@ -0,0 +1,21 @@
+// Extensions
+import { defineComponent } from 'vue';
+import VWindowItem from '../VWindow/VWindowItem';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-tab-item',
+  extends: VWindowItem,
+  props: {
+    id: String
+  },
+  methods: {
+    genWindowItem() {
+      const item = VWindowItem.methods.genWindowItem.call(this);
+      item.id = this.id || this.value;
+      return item;
+    }
+
+  }
+});
+//# sourceMappingURL=VTabItem.js.map

package/lib/components/VTabs/VTabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTabs/VTabItem.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,eAAT,QAAgC,KAAhC;AACA,OAAO,WAAP,MAAwB,wBAAxB;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,YADuB;AAG7B,EAAA,OAAO,EAAE,WAHoB;AAK7B,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE;AADC,GALsB;AAS7B,EAAA,OAAO,EAAE;AACP,IAAA,aAAa,GAAA;AACX,YAAM,IAAI,GAAG,WAAW,CAAC,OAAZ,CAAoB,aAApB,CAAkC,IAAlC,CAAuC,IAAvC,CAAb;AAEA,MAAA,IAAI,CAAC,EAAL,GAAU,KAAK,EAAL,IAAW,KAAK,KAA1B;AAEA,aAAO,IAAP;AACD;;AAPM;AAToB,CAAD,CAA9B","sourcesContent":["// Extensions\nimport { defineComponent } from 'vue'\nimport VWindowItem from '../VWindow/VWindowItem'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-tab-item',\n\n  extends: VWindowItem,\n\n  props: {\n    id: String,\n  },\n\n  methods: {\n    genWindowItem () {\n      const item = VWindowItem.methods.genWindowItem.call(this)\n\n      item.id = this.id || this.value\n\n      return item\n    },\n  },\n})\n"],"sourceRoot":"","file":"VTabItem.js"}