@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VChip/VChip.css

@@ -0,0 +1,276 @@
+.v-chip {
+  align-items: center;
+  cursor: default;
+  display: inline-flex;
+  font-weight: 400;
+  max-width: 100%;
+  overflow: hidden;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: 0;
+  border-radius: 9999px;
+}
+.v-chip--size-x-small {
+  --v-chip-size: 0.625rem;
+  --v-chip-height: 20px;
+  font-size: 0.625rem;
+  padding: 0 8px;
+}
+.v-chip--size-x-small .v-avatar {
+  --v-avatar-height: 12px;
+}
+.v-chip--pill.v-chip--size-x-small .v-avatar {
+  --v-avatar-height: 20px;
+}
+
+.v-chip--size-x-small .v-chip__prepend,
+.v-chip--size-x-small .v-chip__filter {
+  margin-inline-start: -4px;
+  margin-inline-end: 4px;
+}
+.v-chip--pill.v-chip--size-x-small .v-chip__prepend, .v-chip--pill.v-chip--size-x-small .v-chip__filter {
+  margin-inline-start: -8px;
+}
+
+.v-chip--size-x-small .v-chip__append,
+.v-chip--size-x-small .v-chip__close {
+  margin-inline-end: -4px;
+  margin-inline-start: 4px;
+}
+.v-chip--pill.v-chip--size-x-small .v-chip__append, .v-chip--pill.v-chip--size-x-small .v-chip__close {
+  margin-inline-end: -8px;
+}
+
+.v-chip--size-small {
+  --v-chip-size: 0.75rem;
+  --v-chip-height: 26px;
+  font-size: 0.75rem;
+  padding: 0 10px;
+}
+.v-chip--size-small .v-avatar {
+  --v-avatar-height: 18px;
+}
+.v-chip--pill.v-chip--size-small .v-avatar {
+  --v-avatar-height: 26px;
+}
+
+.v-chip--size-small .v-chip__prepend,
+.v-chip--size-small .v-chip__filter {
+  margin-inline-start: -5px;
+  margin-inline-end: 5px;
+}
+.v-chip--pill.v-chip--size-small .v-chip__prepend, .v-chip--pill.v-chip--size-small .v-chip__filter {
+  margin-inline-start: -10px;
+}
+
+.v-chip--size-small .v-chip__append,
+.v-chip--size-small .v-chip__close {
+  margin-inline-end: -5px;
+  margin-inline-start: 5px;
+}
+.v-chip--pill.v-chip--size-small .v-chip__append, .v-chip--pill.v-chip--size-small .v-chip__close {
+  margin-inline-end: -10px;
+}
+
+.v-chip--size-default {
+  --v-chip-size: 0.875rem;
+  --v-chip-height: 32px;
+  font-size: 0.875rem;
+  padding: 0 12px;
+}
+.v-chip--size-default .v-avatar {
+  --v-avatar-height: 24px;
+}
+.v-chip--pill.v-chip--size-default .v-avatar {
+  --v-avatar-height: 32px;
+}
+
+.v-chip--size-default .v-chip__prepend,
+.v-chip--size-default .v-chip__filter {
+  margin-inline-start: -6px;
+  margin-inline-end: 6px;
+}
+.v-chip--pill.v-chip--size-default .v-chip__prepend, .v-chip--pill.v-chip--size-default .v-chip__filter {
+  margin-inline-start: -12px;
+}
+
+.v-chip--size-default .v-chip__append,
+.v-chip--size-default .v-chip__close {
+  margin-inline-end: -6px;
+  margin-inline-start: 6px;
+}
+.v-chip--pill.v-chip--size-default .v-chip__append, .v-chip--pill.v-chip--size-default .v-chip__close {
+  margin-inline-end: -12px;
+}
+
+.v-chip--size-large {
+  --v-chip-size: 1rem;
+  --v-chip-height: 38px;
+  font-size: 1rem;
+  padding: 0 14px;
+}
+.v-chip--size-large .v-avatar {
+  --v-avatar-height: 30px;
+}
+.v-chip--pill.v-chip--size-large .v-avatar {
+  --v-avatar-height: 38px;
+}
+
+.v-chip--size-large .v-chip__prepend,
+.v-chip--size-large .v-chip__filter {
+  margin-inline-start: -7px;
+  margin-inline-end: 7px;
+}
+.v-chip--pill.v-chip--size-large .v-chip__prepend, .v-chip--pill.v-chip--size-large .v-chip__filter {
+  margin-inline-start: -14px;
+}
+
+.v-chip--size-large .v-chip__append,
+.v-chip--size-large .v-chip__close {
+  margin-inline-end: -7px;
+  margin-inline-start: 7px;
+}
+.v-chip--pill.v-chip--size-large .v-chip__append, .v-chip--pill.v-chip--size-large .v-chip__close {
+  margin-inline-end: -14px;
+}
+
+.v-chip--size-x-large {
+  --v-chip-size: 1.125rem;
+  --v-chip-height: 44px;
+  font-size: 1.125rem;
+  padding: 0 17px;
+}
+.v-chip--size-x-large .v-avatar {
+  --v-avatar-height: 36px;
+}
+.v-chip--pill.v-chip--size-x-large .v-avatar {
+  --v-avatar-height: 44px;
+}
+
+.v-chip--size-x-large .v-chip__prepend,
+.v-chip--size-x-large .v-chip__filter {
+  margin-inline-start: -8.5px;
+  margin-inline-end: 8.5px;
+}
+.v-chip--pill.v-chip--size-x-large .v-chip__prepend, .v-chip--pill.v-chip--size-x-large .v-chip__filter {
+  margin-inline-start: -17px;
+}
+
+.v-chip--size-x-large .v-chip__append,
+.v-chip--size-x-large .v-chip__close {
+  margin-inline-end: -8.5px;
+  margin-inline-start: 8.5px;
+}
+.v-chip--pill.v-chip--size-x-large .v-chip__append, .v-chip--pill.v-chip--size-x-large .v-chip__close {
+  margin-inline-end: -17px;
+}
+
+.v-chip.v-chip--density-default {
+  height: calc(var(--v-chip-height) + 0px);
+}
+
+.v-chip.v-chip--density-comfortable {
+  height: calc(var(--v-chip-height) + -8px);
+}
+
+.v-chip.v-chip--density-compact {
+  height: calc(var(--v-chip-height) + -12px);
+}
+
+.v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-contained-text {
+  background: transparent;
+  color: inherit;
+}
+.v-chip--variant-plain {
+  opacity: 0.26;
+}
+.v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
+  opacity: 1;
+}
+.v-chip--variant-plain .v-chip__overlay {
+  display: none;
+}
+.v-chip--variant-contained, .v-chip--variant-contained-flat {
+  background: rgb(var(--v-theme-surface-variant));
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+.v-chip--variant-contained {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+}
+.v-chip--variant-contained-flat {
+  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+}
+.v-chip--variant-outlined {
+  border: thin solid currentColor;
+}
+.v-chip--variant-text .v-chip__overlay {
+  background: currentColor;
+}
+.v-chip--variant-contained-text .v-chip__underlay {
+  background: currentColor;
+  opacity: var(--v-activated-opacity);
+  border-radius: inherit;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease-in-out;
+}
+.v-chip--border {
+  border-width: thin;
+}
+.v-chip--link {
+  cursor: pointer;
+}
+.v-chip--label {
+  border-radius: 4px;
+}
+
+.v-chip__filter,
+.v-chip__prepend,
+.v-chip__append,
+.v-chip__close {
+  align-items: center;
+  display: inline-flex;
+}
+
+.v-chip__close {
+  cursor: pointer;
+  flex: 0 1 auto;
+  font-size: 18px;
+  max-height: 18px;
+  max-width: 18px;
+  user-select: none;
+}
+.v-chip__close .v-icon {
+  font-size: inherit;
+}
+
+.v-chip__overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: currentColor;
+  border-radius: inherit;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.v-chip--disabled {
+  opacity: 0.3;
+  pointer-events: none;
+  user-select: none;
+}
+
+.v-chip--label {
+  border-radius: 4px;
+}

package/lib/components/VChip/VChip.mjs

@@ -1,41 +1,37 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { resolveDirective as _resolveDirective, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 // Styles
-import "./VChip.sass"; // Types
-
-import mixins from "../../util/mixins.mjs"; // Components
+import "./VChip.css"; // Components
 
+import { VAvatar } from "../VAvatar/index.mjs";
+import { VChipGroupSymbol } from "../VChipGroup/VChipGroup.mjs";
 import { VExpandXTransition } from "../transitions/index.mjs";
-import VIcon from "../VIcon/index.mjs"; // Mixins
-
-import Colorable from "../../mixins/colorable/index.mjs";
-import { factory as GroupableFactory } from "../../mixins/groupable.mjs";
-import Themeable from "../../mixins/themeable/index.mjs";
-import { factory as ToggleableFactory } from "../../mixins/toggleable/index.mjs";
-import Routable from "../../mixins/routable/index.mjs";
-import Sizeable from "../../mixins/sizeable.mjs"; // Utilities
-
-import { breaking } from "../../util/console.mjs"; // Types
-
-/* @vue/component */
-export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory('chipGroup'), ToggleableFactory('inputValue')).extend({
-  name: 'v-chip',
+import { VIcon } from "../VIcon/index.mjs"; // Composables
+
+import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
+import { makeBorderProps, useBorder } from "../../composables/border.mjs";
+import { makeDensityProps, useDensity } from "../../composables/density.mjs";
+import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
+import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
+import { makeRouterProps, useLink } from "../../composables/router.mjs";
+import { makeSizeProps, useSize } from "../../composables/size.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Directives
+
+import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+export const VChip = defineComponent({
+  name: 'VChip',
+  directives: {
+    Ripple
+  },
   props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    activeClass: {
-      type: String,
-
-      default() {
-        if (!this.chipGroup) return '';
-        return this.chipGroup.activeClass;
-      }
-
-    },
-    close: Boolean,
+    activeClass: String,
+    appendAvatar: String,
+    appendIcon: String,
+    closable: Boolean,
     closeIcon: {
       type: String,
       default: '$delete'
@@ -44,7 +40,6 @@ export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory
       type: String,
       default: '$vuetify.close'
     },
-    disabled: Boolean,
     draggable: Boolean,
     filter: Boolean,
     filterIcon: {
@@ -53,124 +48,139 @@ export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory
     },
     label: Boolean,
     link: Boolean,
-    outlined: Boolean,
     pill: Boolean,
-    tag: {
-      type: String,
-      default: 'span'
-    },
-    textColor: String,
-    value: null
-  },
-  data: () => ({
-    proxyClass: 'v-chip--active'
-  }),
-  computed: {
-    classes() {
-      return {
-        'v-chip': true,
-        ...Routable.options.computed.classes.call(this),
-        'v-chip--clickable': this.isClickable,
-        'v-chip--disabled': this.disabled,
-        'v-chip--draggable': this.draggable,
-        'v-chip--label': this.label,
-        'v-chip--link': this.isLink,
-        'v-chip--no-color': !this.color,
-        'v-chip--outlined': this.outlined,
-        'v-chip--pill': this.pill,
-        'v-chip--removable': this.hasClose,
-        ...this.themeClasses,
-        ...this.sizeableClasses,
-        ...this.groupClasses
-      };
+    prependAvatar: String,
+    prependIcon: String,
+    ripple: {
+      type: Boolean,
+      default: true
     },
-
-    hasClose() {
-      return Boolean(this.close);
+    text: String,
+    modelValue: {
+      type: Boolean,
+      default: true
     },
-
-    isClickable() {
-      return Boolean(Routable.options.computed.isClickable.call(this) || this.chipGroup);
-    }
-
+    ...makeBorderProps(),
+    ...makeDensityProps(),
+    ...makeElevationProps(),
+    ...makeGroupItemProps(),
+    ...makeRoundedProps(),
+    ...makeRouterProps(),
+    ...makeSizeProps(),
+    ...makeTagProps({
+      tag: 'span'
+    }),
+    ...makeThemeProps(),
+    ...makeVariantProps({
+      variant: 'contained-text'
+    })
   },
-
-  created() {
-    const breakingProps = [['outline', 'outlined'], ['selected', 'input-value'], ['value', 'active'], ['@input', '@active.sync']];
-    /* istanbul ignore next */
-
-    breakingProps.forEach(([original, replacement]) => {
-      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
-    });
+  emits: {
+    'click:close': e => true,
+    'update:active': value => true,
+    'update:modelValue': value => true
   },
 
-  methods: {
-    click(e) {
-      this.$emit('click', e);
-      this.chipGroup && this.toggle();
-    },
-
-    genFilter() {
-      const children = [];
+  setup(props, _ref) {
+    let {
+      attrs,
+      emit,
+      slots
+    } = _ref;
+    const isActive = useProxiedModel(props, 'modelValue');
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
+    const {
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(props);
+    const {
+      elevationClasses
+    } = useElevation(props);
+    const group = useGroupItem(props, VChipGroupSymbol, false);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const {
+      sizeClasses
+    } = useSize(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    const link = useLink(props, attrs);
+
+    function onCloseClick(e) {
+      isActive.value = false;
+      emit('click:close', e);
+    }
 
-      if (this.isActive) {
-        children.push(this.$createElement(VIcon, {
-          staticClass: 'v-chip__filter',
+    return () => {
+      var _slots$default, _slots$default2;
+
+      const Tag = link.isLink.value ? 'a' : props.tag;
+      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar);
+      const hasClose = !!(slots.close || props.closable);
+      const hasFilter = !!(slots.filter || props.filter) && group;
+      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar);
+      const hasColor = !group || group.isSelected.value;
+      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link);
+      const onClickFunc = props.link ? props.link : group == null ? void 0 : group.toggle;
+      return isActive.value && _withDirectives(_createVNode(Tag, {
+        "class": ['v-chip', {
+          'v-chip--disabled': props.disabled,
+          'v-chip--label': props.label,
+          'v-chip--link': isClickable,
+          'v-chip--pill': props.pill
+        }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group == null ? void 0 : group.selectedClass.value],
+        "style": [hasColor ? colorStyles.value : undefined],
+        "disabled": props.disabled || undefined,
+        "draggable": props.draggable,
+        "href": link.href.value,
+        "onClick": isClickable && onClickFunc
+      }, {
+        default: () => [genOverlays(isClickable, 'v-chip'), hasFilter && _createVNode(VExpandXTransition, null, {
+          default: () => [_withDirectives(_createVNode("div", {
+            "class": "v-chip__filter"
+          }, [slots.filter ? slots.filter() : _createVNode(VIcon, {
+            "icon": props.filterIcon
+          }, null)]), [[_vShow, group.isSelected.value]])]
+        }), hasPrepend && _createVNode("div", {
+          "class": "v-chip__prepend"
+        }, [slots.prepend ? slots.prepend() : _createVNode(VAvatar, {
+          "icon": props.prependIcon,
+          "image": props.prependAvatar,
+          "size": props.size
+        }, null)]), (_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots, {
+          isSelected: group == null ? void 0 : group.isSelected.value,
+          selectedClass: group == null ? void 0 : group.selectedClass.value,
+          select: group == null ? void 0 : group.select,
+          toggle: group == null ? void 0 : group.toggle,
+          value: group == null ? void 0 : group.value.value,
+          disabled: props.disabled
+        })) != null ? _slots$default : props.text, hasAppend && _createVNode("div", {
+          "class": "v-chip__append"
+        }, [slots.append ? slots.append() : _createVNode(VAvatar, {
+          "icon": props.appendIcon,
+          "image": props.appendAvatar,
+          "size": props.size
+        }, null)]), hasClose && _createVNode("div", {
+          "class": "v-chip__close",
+          "onClick": onCloseClick
+        }, [slots.close ? slots.close({
           props: {
-            left: true
-          }
-        }, this.filterIcon));
-      }
-
-      return this.$createElement(VExpandXTransition, children);
-    },
-
-    genClose() {
-      return this.$createElement(VIcon, {
-        staticClass: 'v-chip__close',
-        props: {
-          right: true,
-          size: 18
-        },
-        attrs: {
-          'aria-label': this.$vuetify.lang.t(this.closeLabel)
-        },
-        on: {
-          click: e => {
-            e.stopPropagation();
-            e.preventDefault();
-            this.$emit('click:close');
-            this.$emit('update:active', false);
+            onClick: onCloseClick
           }
-        }
-      }, this.closeIcon);
-    },
-
-    genContent() {
-      return this.$createElement('span', {
-        staticClass: 'v-chip__content'
-      }, [this.filter && this.genFilter(), this.$slots.default, this.hasClose && this.genClose()]);
-    }
-
-  },
-
-  render(h) {
-    const children = [this.genContent()];
-    let {
-      tag,
-      data
-    } = this.generateRouteLink();
-    data.attrs = { ...data.attrs,
-      draggable: this.draggable ? 'true' : undefined,
-      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs.tabindex
+        }) : _createVNode(VIcon, {
+          "icon": props.closeIcon,
+          "size": "x-small"
+        }, null)])]
+      }), [[_resolveDirective("ripple"), isClickable && props.ripple, null]]);
     };
-    data.directives.push({
-      name: 'show',
-      value: this.active
-    });
-    data = this.setBackgroundColor(this.color, data);
-    const color = this.textColor || this.outlined && this.color;
-    return h(tag, this.setTextColor(color, data), children);
   }
 
 });

package/lib/components/VChip/VChip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChip/VChip.ts"],"names":["mixins","VExpandXTransition","VIcon","Colorable","factory","GroupableFactory","Themeable","ToggleableFactory","Routable","Sizeable","breaking","extend","name","props","active","type","Boolean","default","activeClass","String","chipGroup","close","closeIcon","closeLabel","disabled","draggable","filter","filterIcon","label","link","outlined","pill","tag","textColor","value","data","proxyClass","computed","classes","options","call","isClickable","isLink","color","hasClose","themeClasses","sizeableClasses","groupClasses","created","breakingProps","forEach","original","replacement","$attrs","hasOwnProperty","methods","click","e","$emit","toggle","genFilter","children","isActive","push","$createElement","staticClass","left","genClose","right","size","attrs","$vuetify","lang","t","on","stopPropagation","preventDefault","genContent","$slots","render","h","generateRouteLink","undefined","tabindex","directives","setBackgroundColor","setTextColor"],"mappings":"AAAA;;AACA;AAEA;AACA,sB,CAEA;;OAEOA,M,+BAEP;;SACSC,kB;OACFC,K,4BAEP;;OACOC,S;SACEC,OAAO,IAAIC,gB;OACbC,S;SACEF,OAAO,IAAIG,iB;OACbC,Q;OACAC,Q,mCAEP;;SACSC,Q,kCAET;;AAGA;AACA,eAAeV,MAAM,CACnBG,SADmB,EAEnBM,QAFmB,EAGnBD,QAHmB,EAInBF,SAJmB,EAKnBD,gBAAgB,CAAC,WAAD,CALG,EAMnBE,iBAAiB,CAAC,YAAD,CANE,CAAN,CAObI,MAPa,CAON;AACPC,EAAAA,IAAI,EAAE,QADC;AAGPC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAEC,OADA;AAENC,MAAAA,OAAO,EAAE;AAFH,KADH;AAKLC,IAAAA,WAAW,EAAE;AACXH,MAAAA,IAAI,EAAEI,MADK;;AAEXF,MAAAA,OAAO,GAAwB;AAC7B,YAAI,CAAC,KAAKG,SAAV,EAAqB,OAAO,EAAP;AAErB,eAAO,KAAKA,SAAL,CAAeF,WAAtB;AACD;;AANU,KALR;AAaLG,IAAAA,KAAK,EAAEL,OAbF;AAcLM,IAAAA,SAAS,EAAE;AACTP,MAAAA,IAAI,EAAEI,MADG;AAETF,MAAAA,OAAO,EAAE;AAFA,KAdN;AAkBLM,IAAAA,UAAU,EAAE;AACVR,MAAAA,IAAI,EAAEI,MADI;AAEVF,MAAAA,OAAO,EAAE;AAFC,KAlBP;AAsBLO,IAAAA,QAAQ,EAAER,OAtBL;AAuBLS,IAAAA,SAAS,EAAET,OAvBN;AAwBLU,IAAAA,MAAM,EAAEV,OAxBH;AAyBLW,IAAAA,UAAU,EAAE;AACVZ,MAAAA,IAAI,EAAEI,MADI;AAEVF,MAAAA,OAAO,EAAE;AAFC,KAzBP;AA6BLW,IAAAA,KAAK,EAAEZ,OA7BF;AA8BLa,IAAAA,IAAI,EAAEb,OA9BD;AA+BLc,IAAAA,QAAQ,EAAEd,OA/BL;AAgCLe,IAAAA,IAAI,EAAEf,OAhCD;AAiCLgB,IAAAA,GAAG,EAAE;AACHjB,MAAAA,IAAI,EAAEI,MADH;AAEHF,MAAAA,OAAO,EAAE;AAFN,KAjCA;AAqCLgB,IAAAA,SAAS,EAAEd,MArCN;AAsCLe,IAAAA,KAAK,EAAE;AAtCF,GAHA;AA4CPC,EAAAA,IAAI,EAAE,OAAO;AACXC,IAAAA,UAAU,EAAE;AADD,GAAP,CA5CC;AAgDPC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,GAAY;AACjB,aAAO;AACL,kBAAU,IADL;AAEL,WAAG9B,QAAQ,CAAC+B,OAAT,CAAiBF,QAAjB,CAA0BC,OAA1B,CAAkCE,IAAlC,CAAuC,IAAvC,CAFE;AAGL,6BAAqB,KAAKC,WAHrB;AAIL,4BAAoB,KAAKjB,QAJpB;AAKL,6BAAqB,KAAKC,SALrB;AAML,yBAAiB,KAAKG,KANjB;AAOL,wBAAgB,KAAKc,MAPhB;AAQL,4BAAoB,CAAC,KAAKC,KARrB;AASL,4BAAoB,KAAKb,QATpB;AAUL,wBAAgB,KAAKC,IAVhB;AAWL,6BAAqB,KAAKa,QAXrB;AAYL,WAAG,KAAKC,YAZH;AAaL,WAAG,KAAKC,eAbH;AAcL,WAAG,KAAKC;AAdH,OAAP;AAgBD,KAlBO;;AAmBRH,IAAAA,QAAQ,GAAa;AACnB,aAAO5B,OAAO,CAAC,KAAKK,KAAN,CAAd;AACD,KArBO;;AAsBRoB,IAAAA,WAAW,GAAa;AACtB,aAAOzB,OAAO,CACZR,QAAQ,CAAC+B,OAAT,CAAiBF,QAAjB,CAA0BI,WAA1B,CAAsCD,IAAtC,CAA2C,IAA3C,KACA,KAAKpB,SAFO,CAAd;AAID;;AA3BO,GAhDH;;AA8EP4B,EAAAA,OAAO,GAAI;AACT,UAAMC,aAAa,GAAG,CACpB,CAAC,SAAD,EAAY,UAAZ,CADoB,EAEpB,CAAC,UAAD,EAAa,aAAb,CAFoB,EAGpB,CAAC,OAAD,EAAU,QAAV,CAHoB,EAIpB,CAAC,QAAD,EAAW,cAAX,CAJoB,CAAtB;AAOA;;AACAA,IAAAA,aAAa,CAACC,OAAd,CAAsB,CAAC,CAACC,QAAD,EAAWC,WAAX,CAAD,KAA6B;AACjD,UAAI,KAAKC,MAAL,CAAYC,cAAZ,CAA2BH,QAA3B,CAAJ,EAA0CzC,QAAQ,CAACyC,QAAD,EAAWC,WAAX,EAAwB,IAAxB,CAAR;AAC3C,KAFD;AAGD,GA1FM;;AA4FPG,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,CAAEC,CAAF,EAAuB;AAC1B,WAAKC,KAAL,CAAW,OAAX,EAAoBD,CAApB;AAEA,WAAKrC,SAAL,IAAkB,KAAKuC,MAAL,EAAlB;AACD,KALM;;AAMPC,IAAAA,SAAS,GAAW;AAClB,YAAMC,QAAQ,GAAG,EAAjB;;AAEA,UAAI,KAAKC,QAAT,EAAmB;AACjBD,QAAAA,QAAQ,CAACE,IAAT,CACE,KAAKC,cAAL,CAAoB9D,KAApB,EAA2B;AACzB+D,UAAAA,WAAW,EAAE,gBADY;AAEzBpD,UAAAA,KAAK,EAAE;AAAEqD,YAAAA,IAAI,EAAE;AAAR;AAFkB,SAA3B,EAGG,KAAKvC,UAHR,CADF;AAMD;;AAED,aAAO,KAAKqC,cAAL,CAAoB/D,kBAApB,EAAwC4D,QAAxC,CAAP;AACD,KAnBM;;AAoBPM,IAAAA,QAAQ,GAAW;AACjB,aAAO,KAAKH,cAAL,CAAoB9D,KAApB,EAA2B;AAChC+D,QAAAA,WAAW,EAAE,eADmB;AAEhCpD,QAAAA,KAAK,EAAE;AACLuD,UAAAA,KAAK,EAAE,IADF;AAELC,UAAAA,IAAI,EAAE;AAFD,SAFyB;AAMhCC,QAAAA,KAAK,EAAE;AACL,wBAAc,KAAKC,QAAL,CAAcC,IAAd,CAAmBC,CAAnB,CAAqB,KAAKlD,UAA1B;AADT,SANyB;AAShCmD,QAAAA,EAAE,EAAE;AACFlB,UAAAA,KAAK,EAAGC,CAAD,IAAc;AACnBA,YAAAA,CAAC,CAACkB,eAAF;AACAlB,YAAAA,CAAC,CAACmB,cAAF;AAEA,iBAAKlB,KAAL,CAAW,aAAX;AACA,iBAAKA,KAAL,CAAW,eAAX,EAA4B,KAA5B;AACD;AAPC;AAT4B,OAA3B,EAkBJ,KAAKpC,SAlBD,CAAP;AAmBD,KAxCM;;AAyCPuD,IAAAA,UAAU,GAAW;AACnB,aAAO,KAAKb,cAAL,CAAoB,MAApB,EAA4B;AACjCC,QAAAA,WAAW,EAAE;AADoB,OAA5B,EAEJ,CACD,KAAKvC,MAAL,IAAe,KAAKkC,SAAL,EADd,EAED,KAAKkB,MAAL,CAAY7D,OAFX,EAGD,KAAK2B,QAAL,IAAiB,KAAKuB,QAAL,EAHhB,CAFI,CAAP;AAOD;;AAjDM,GA5FF;;AAgJPY,EAAAA,MAAM,CAAEC,CAAF,EAAY;AAChB,UAAMnB,QAAQ,GAAG,CAAC,KAAKgB,UAAL,EAAD,CAAjB;AACA,QAAI;AAAE7C,MAAAA,GAAF;AAAOG,MAAAA;AAAP,QAAgB,KAAK8C,iBAAL,EAApB;AAEA9C,IAAAA,IAAI,CAACmC,KAAL,GAAa,EACX,GAAGnC,IAAI,CAACmC,KADG;AAEX7C,MAAAA,SAAS,EAAE,KAAKA,SAAL,GAAiB,MAAjB,GAA0ByD,SAF1B;AAGXC,MAAAA,QAAQ,EAAE,KAAK/D,SAAL,IAAkB,CAAC,KAAKI,QAAxB,GAAmC,CAAnC,GAAuCW,IAAI,CAACmC,KAAL,CAAYa;AAHlD,KAAb;AAKAhD,IAAAA,IAAI,CAACiD,UAAL,CAAiBrB,IAAjB,CAAsB;AACpBnD,MAAAA,IAAI,EAAE,MADc;AAEpBsB,MAAAA,KAAK,EAAE,KAAKpB;AAFQ,KAAtB;AAIAqB,IAAAA,IAAI,GAAG,KAAKkD,kBAAL,CAAwB,KAAK1C,KAA7B,EAAoCR,IAApC,CAAP;AAEA,UAAMQ,KAAK,GAAG,KAAKV,SAAL,IAAmB,KAAKH,QAAL,IAAiB,KAAKa,KAAvD;AAEA,WAAOqC,CAAC,CAAChD,GAAD,EAAM,KAAKsD,YAAL,CAAkB3C,KAAlB,EAAyBR,IAAzB,CAAN,EAAsC0B,QAAtC,CAAR;AACD;;AAlKM,CAPM,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n"],"file":"VChip.mjs"}
+{"version":3,"sources":["../../../src/components/VChip/VChip.tsx"],"names":["VAvatar","VChipGroupSymbol","VExpandXTransition","VIcon","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","Ripple","defineComponent","VChip","name","directives","props","activeClass","String","appendAvatar","appendIcon","closable","Boolean","closeIcon","type","default","closeLabel","draggable","filter","filterIcon","label","link","pill","prependAvatar","prependIcon","ripple","text","modelValue","tag","variant","emits","e","value","setup","attrs","emit","slots","isActive","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","elevationClasses","group","roundedClasses","sizeClasses","densityClasses","onCloseClick","Tag","isLink","hasAppend","append","hasClose","close","hasFilter","hasPrepend","prepend","hasColor","isSelected","isClickable","disabled","onClickFunc","toggle","undefined","selectedClass","href","size","select","onClick"],"mappings":"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","sourcesContent":["// Styles\nimport './VChip.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VChipGroupSymbol } from '@/components/VChipGroup/VChipGroup'\nimport { VExpandXTransition } from '@/components/transitions'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VChip = defineComponent({\n  name: 'VChip',\n\n  directives: { Ripple },\n\n  props: {\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: String,\n    closable: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    pill: Boolean,\n    prependAvatar: String,\n    prependIcon: String,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    text: String,\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'span' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'contained-text' } as const),\n  },\n\n  emits: {\n    'click:close': (e: Event) => true,\n    'update:active': (value: Boolean) => true,\n    'update:modelValue': (value: Boolean) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { elevationClasses } = useElevation(props)\n    const group = useGroupItem(props, VChipGroupSymbol, false)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const { densityClasses } = useDensity(props)\n    const link = useLink(props, attrs)\n\n    function onCloseClick (e: Event) {\n      isActive.value = false\n\n      emit('click:close', e)\n    }\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar)\n      const hasClose = !!(slots.close || props.closable)\n      const hasFilter = !!(slots.filter || props.filter) && group\n      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar)\n      const hasColor = !group || group.isSelected.value\n      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link)\n      const onClickFunc = props.link ? props.link : group?.toggle\n\n      return isActive.value && (\n        <Tag\n          class={[\n            'v-chip',\n            {\n              'v-chip--disabled': props.disabled,\n              'v-chip--label': props.label,\n              'v-chip--link': isClickable,\n              'v-chip--pill': props.pill,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            group?.selectedClass.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n          ]}\n          disabled={ props.disabled || undefined }\n          draggable={ props.draggable }\n          href={ link.href.value }\n          v-ripple={ [isClickable && props.ripple, null] }\n          onClick={ isClickable && onClickFunc }\n        >\n          { genOverlays(isClickable, 'v-chip') }\n\n          { hasFilter && (\n            <VExpandXTransition>\n              <div\n                class=\"v-chip__filter\"\n                v-show={ group.isSelected.value }\n              >\n                { slots.filter\n                  ? slots.filter()\n                  : <VIcon icon={ props.filterIcon } />\n                }\n              </div>\n            </VExpandXTransition>\n          ) }\n\n          { hasPrepend && (\n            <div class=\"v-chip__prepend\">\n              { slots.prepend\n                ? slots.prepend()\n                : (\n                  <VAvatar\n                    icon={ props.prependIcon }\n                    image={ props.prependAvatar }\n                    size={ props.size }\n                  />\n                )\n              }\n            </div>\n          ) }\n\n          { slots.default?.({\n            isSelected: group?.isSelected.value,\n            selectedClass: group?.selectedClass.value,\n            select: group?.select,\n            toggle: group?.toggle,\n            value: group?.value.value,\n            disabled: props.disabled,\n          }) ?? props.text }\n\n          { hasAppend && (\n            <div class=\"v-chip__append\">\n              { slots.append\n                ? slots.append()\n                : (\n                  <VAvatar\n                    icon={ props.appendIcon }\n                    image={ props.appendAvatar }\n                    size={ props.size }\n                  />\n                )\n              }\n            </div>\n          ) }\n\n          { hasClose && (\n            <div\n              class=\"v-chip__close\"\n              onClick={ onCloseClick }\n            >\n              { slots.close\n                ? slots.close({ props: { onClick: onCloseClick } })\n                : (\n                  <VIcon\n                    icon={ props.closeIcon }\n                    size=\"x-small\"\n                  />\n                )\n              }\n            </div>\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VChip = InstanceType<typeof VChip>\n"],"file":"VChip.mjs"}