@dialpad/dialtone-vue 3.220.0-next.7 → 3.221.0

package/dist/lib/tab/tab.js

@@ -1,8 +1,10 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import t from "../button/button.js";
-import { createBlock as n, createSlots as r, mergeProps as i, openBlock as a, renderSlot as o, resolveComponent as s, toHandlers as c, withCtx as l } from "vue";
-//#region components/Tab/Tab.vue
+import { TAB_IMPORTANCE_MODIFIERS as n } from "./tabs-constants.js";
+import { createBlock as r, mergeProps as i, openBlock as a, renderSlot as o, resolveComponent as s, toHandlers as c, withCtx as l } from "vue";
+//#region components/tab/tab.vue
 var u = {
+	compatConfig: { MODE: 3 },
 	name: "DtTab",
 	components: { DtButton: t },
 	inject: ["groupContext", "setFocus"],
@@ -35,33 +37,12 @@ var u = {
 				Object
 			],
 			default: ""
-		},
-		labelClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		leadingClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		trailingClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
 		}
 	},
 	emits: ["focus", "click"],
+	data() {
+		return { TAB_IMPORTANCE_MODIFIERS: n };
+	},
 	computed: {
 		tabListeners() {
 			return {
@@ -73,106 +54,41 @@ var u = {
 				}
 			};
 		},
-		isDisabled() {
-			return this.groupContext.disabled || this.disabled;
-		},
-		buttonSize() {
-			let e = this.groupContext.size;
-			return e === "default" ? void 0 : e;
-		},
 		isSelected() {
 			return this.groupContext.selected === this.panelId;
-		},
-		isFocusTarget() {
-			let e = this.groupContext.focusedTabId;
-			return e ? e === this.id : this.isSelected;
-		},
-		buttonKind() {
-			return this.groupContext.outlined ? this.groupContext.kind === "muted" ? "muted" : "default" : this.groupContext.kind === "muted" ? "muted" : this.isSelected ? "default" : "muted";
-		},
-		buttonImportance() {
-			return this.groupContext.outlined && this.isSelected ? "outlined" : "clear";
-		},
-		buttonActive() {
-			return this.groupContext.outlined ? !1 : this.groupContext.kind === "muted" ? this.isSelected : !1;
 		}
 	},
 	mounted() {
 		this.selected && (this.groupContext.selected = this.panelId);
-	},
-	beforeUnmount() {
-		this.groupContext.focusedTabId === this.id && this.setFocus(null);
-	},
-	methods: {}
+	}
 };
-function d(e, t, u, d, f, p) {
-	let m = s("dt-button");
-	return a(), n(m, i({
-		id: `dt-tab-${u.id}`,
+function d(e, t, n, u, d, f) {
+	let p = s("dt-button");
+	return a(), r(p, i({
+		id: `dt-tab-${n.id}`,
 		class: [
-			"d-tablist__item",
-			u.tabClass,
-			{ "d-tablist__item--vertical": p.groupContext.orientation === "vertical" },
-			{ "d-btn--disabled": p.isDisabled },
-			{ "d-tab--is-selected": !p.groupContext.outlined && p.groupContext.kind !== "muted" && p.isSelected }
+			"d-tab",
+			{ [d.TAB_IMPORTANCE_MODIFIERS.selected]: f.isSelected },
+			n.tabClass
 		],
-		importance: p.buttonImportance,
-		kind: p.buttonKind,
-		active: p.buttonActive,
-		size: p.buttonSize,
 		role: "tab",
-		"aria-selected": `${p.isSelected}`,
-		"aria-controls": `dt-panel-${u.panelId}`,
-		"aria-label": u.label,
-		"aria-disabled": p.isDisabled ? "true" : void 0,
-		"label-class": u.labelClass,
-		"leading-class": u.leadingClass,
-		"trailing-class": u.trailingClass,
+		"aria-selected": `${f.isSelected}`,
+		"aria-controls": `dt-panel-${n.panelId}`,
+		"aria-label": n.label,
 		"data-qa": "dt-tab",
-		tabindex: p.isFocusTarget ? "0" : "-1"
-	}, e.$attrs, c(p.tabListeners)), r({
+		tabindex: f.isSelected ? "0" : "-1",
+		disabled: f.groupContext.disabled || n.disabled
+	}, e.$attrs, c(f.tabListeners)), {
 		default: l(() => [o(e.$slots, "default")]),
-		_: 2
-	}, [
-		e.$slots.startIcon ? {
-			name: "startIcon",
-			fn: l(({ iconSize: t }) => [o(e.$slots, "startIcon", { iconSize: t })]),
-			key: "0"
-		} : e.$slots.icon ? {
-			name: "startIcon",
-			fn: l(({ iconSize: t }) => [o(e.$slots, "icon", { iconSize: t })]),
-			key: "1"
-		} : void 0,
-		e.$slots.endIcon ? {
-			name: "endIcon",
-			fn: l(({ iconSize: t }) => [o(e.$slots, "endIcon", { iconSize: t })]),
-			key: "2"
-		} : void 0,
-		e.$slots.leading ? {
-			name: "leading",
-			fn: l(() => [o(e.$slots, "leading")]),
-			key: "3"
-		} : void 0,
-		e.$slots.trailing ? {
-			name: "trailing",
-			fn: l(() => [o(e.$slots, "trailing")]),
-			key: "4"
-		} : void 0
-	]), 1040, [
+		_: 3
+	}, 16, [
 		"id",
 		"class",
-		"importance",
-		"kind",
-		"active",
-		"size",
 		"aria-selected",
 		"aria-controls",
 		"aria-label",
-		"aria-disabled",
-		"label-class",
-		"leading-class",
-		"trailing-class",
-		"tabindex"
+		"tabindex",
+		"disabled"
 	]);
 }
 var f = /* @__PURE__ */ e(u, [["render", d]]);

package/dist/lib/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","names":[],"sources":["../../../components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tablist__item',\n      tabClass,\n      { 'd-tablist__item--vertical': groupContext.orientation === 'vertical' },\n      { 'd-btn--disabled': isDisabled },\n      { 'd-tab--is-selected': !groupContext.outlined && groupContext.kind !== 'muted' && isSelected },\n    ]\"\n    :importance=\"buttonImportance\"\n    :kind=\"buttonKind\"\n    :active=\"buttonActive\"\n    :size=\"buttonSize\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    :label-class=\"labelClass\"\n    :leading-class=\"leadingClass\"\n    :trailing-class=\"trailingClass\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isFocusTarget ? '0' : '-1'\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot Icon displayed at the start (left in LTR) of the tab -->\n    <template\n      v-if=\"$slots.startIcon\"\n      #startIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"startIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <!-- @slot @deprecated Use startIcon -->\n    <template\n      v-else-if=\"$slots.icon\"\n      #startIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <!-- @slot Icon displayed at the end (right in LTR) of the tab -->\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"endIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <slot name=\"trailing\" />\n    </template>\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { DtButton } from '../Button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the leading container\n     */\n    leadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the trailing container\n     */\n    trailingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n\n    isDisabled () {\n      return this.groupContext.disabled || this.disabled;\n    },\n\n    buttonSize () {\n      const size = this.groupContext.size;\n      return size === 'default' ? undefined : size;\n    },\n\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n\n    isFocusTarget () {\n      const focusedId = this.groupContext.focusedTabId;\n      return focusedId ? focusedId === this.id : this.isSelected;\n    },\n\n    buttonKind () {\n      if (this.groupContext.outlined) {\n        return this.groupContext.kind === 'muted' ? 'muted' : 'default';\n      }\n      if (this.groupContext.kind === 'muted') {\n        return 'muted';\n      }\n      return this.isSelected ? 'default' : 'muted';\n    },\n\n    buttonImportance () {\n      if (this.groupContext.outlined && this.isSelected) {\n        return 'outlined';\n      }\n      return 'clear';\n    },\n\n    buttonActive () {\n      if (this.groupContext.outlined) {\n        return false;\n      }\n      if (this.groupContext.kind === 'muted') {\n        return this.isSelected;\n      }\n      return false;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n\n  beforeUnmount () {\n    if (this.groupContext.focusedTabId === this.id) {\n      this.setFocus(null);\n    }\n  },\n\n  methods: {\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tab.js","names":[],"sources":["../../../components/tab/tab.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tab',\n      {\n        [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n      },\n      tabClass,\n    ]\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    :disabled=\"groupContext.disabled || disabled\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"mappings":";;;;;AAiCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EACV,UAAA,GACD;CAED,QAAQ,CAAC,gBAAgB,WAAW;CAEpC,cAAc;CAEd,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAU;GACX;EAKD,SAAS;GACP,MAAM;GACN,UAAU;GACX;EAKD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,OAAO,CAOL,SAQA,QACD;CAED,OAAQ;AACN,SAAO,EACL,6BACD;;CAGH,UAAU;EACR,eAAgB;AACd,UAAO;IACL,QAAO,MAAS;AACd,UAAK,MAAM,SAAS,EAAM;;IAG5B,QAAO,MAAS;AAEd,KADA,KAAK,SAAS,KAAK,GAAG,EACtB,KAAK,MAAM,SAAS,EAAM;;IAE7B;;EAGH,aAAc;AACZ,UAAO,KAAK,aAAa,aAAa,KAAK;;EAE9C;CAED,UAAW;AACT,EAAI,KAAK,aACP,KAAK,aAAa,WAAW,KAAK;;CAGvC;;;aA/IC,EAqBY,GArBZ,EAqBY;EApBT,IAAE,UAAY,EAAA;EACd,OAAK;;MAAoC,EAAA,yBAAyB,WAAW,EAAA,YAAA;GAA2B,EAAA;;EAOzG,MAAK;EACJ,iBAAa,GAAK,EAAA;EAClB,iBAAa,YAAc,EAAA;EAC3B,cAAY,EAAA;EACb,WAAQ;EACP,UAAU,EAAA,aAAU,MAAA;EACpB,UAAU,EAAA,aAAa,YAAY,EAAA;IAC5B,EAAA,QACR,EAAmB,EAAb,aAAY,CAAA,EAAA;mBAGV,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/lib/tab/tabs-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`100`,`200`,`300`,`400`,`500`,`default`,`xs`,`sm`,`md`,`lg`,`xl`],t={100:`d-tablist--xs`,200:`d-tablist--sm`,300:``,400:`d-tablist--lg`,500:`d-tablist--xl`,xs:`d-tablist--xs`,sm:`d-tablist--sm`,md:``,lg:`d-tablist--lg`,xl:`d-tablist--xl`,default:``},n={inverted:`d-tablist--inverted`},r={borderless:`d-tablist--no-border`},i=[`horizontal`,`vertical`],a={vertical:`d-tablist--vertical`},o=[`auto`,`manual`],s=[`default`,`muted`],c=[`none`,`grow`,`equal`],l={grow:`d-tablist--spread-grow`,equal:`d-tablist--spread-equal`};exports.TAB_ACTIVATION_MODES=o,exports.TAB_GROUP_KINDS=s,exports.TAB_LIST_IMPORTANCE_MODIFIERS=r,exports.TAB_LIST_KIND_MODIFIERS=n,exports.TAB_LIST_SIZES=e,exports.TAB_LIST_SIZE_MODIFIERS=t,exports.TAB_ORIENTATIONS=i,exports.TAB_ORIENTATION_MODIFIERS=a,exports.TAB_SPREADS=c,exports.TAB_SPREAD_MODIFIERS=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`default`,`sm`],t={sm:`d-tablist--sm`},n={inverted:`d-tablist--inverted`},r={borderless:`d-tablist--no-border`},i={selected:`d-tab--selected`};exports.TAB_IMPORTANCE_MODIFIERS=i,exports.TAB_LIST_IMPORTANCE_MODIFIERS=r,exports.TAB_LIST_KIND_MODIFIERS=n,exports.TAB_LIST_SIZES=e,exports.TAB_LIST_SIZE_MODIFIERS=t;
 //# sourceMappingURL=tabs-constants.cjs.map

package/dist/lib/tab/tabs-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-constants.cjs","names":[],"sources":["../../../components/Tab/TabsConstants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['100', '200', '300', '400', '500', 'default', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-tablist--xs',\n  200: 'd-tablist--sm',\n  300: '',\n  400: 'd-tablist--lg',\n  500: 'd-tablist--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-tablist--xs',\n  sm: 'd-tablist--sm',\n  md: '',\n  lg: 'd-tablist--lg',\n  xl: 'd-tablist--xl',\n  // Legacy alias\n  default: '',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_ORIENTATIONS = ['horizontal', 'vertical'];\n\nexport const TAB_ORIENTATION_MODIFIERS = {\n  vertical: 'd-tablist--vertical',\n};\n\nexport const TAB_ACTIVATION_MODES = ['auto', 'manual'];\n\nexport const TAB_GROUP_KINDS = ['default', 'muted'];\n\nexport const TAB_SPREADS = ['none', 'grow', 'equal'];\n\nexport const TAB_SPREAD_MODIFIERS = {\n  grow: 'd-tablist--spread-grow',\n  equal: 'd-tablist--spread-equal',\n};\n"],"mappings":"mEAAA,IAAa,EAAiB,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,UAAW,KAAM,KAAM,KAAM,KAAM,KAAK,CAE7F,EAA0B,CAErC,IAAK,gBACL,IAAK,gBACL,IAAK,GACL,IAAK,gBACL,IAAK,gBAEL,GAAI,gBACJ,GAAI,gBACJ,GAAI,GACJ,GAAI,gBACJ,GAAI,gBAEJ,QAAS,GACV,CAEY,EAA0B,CACrC,SAAU,sBACX,CAEY,EAAgC,CAC3C,WAAY,uBACb,CAEY,EAAmB,CAAC,aAAc,WAAW,CAE7C,EAA4B,CACvC,SAAU,sBACX,CAEY,EAAuB,CAAC,OAAQ,SAAS,CAEzC,EAAkB,CAAC,UAAW,QAAQ,CAEtC,EAAc,CAAC,OAAQ,OAAQ,QAAQ,CAEvC,EAAuB,CAClC,KAAM,yBACN,MAAO,0BACR"}
+{"version":3,"file":"tabs-constants.cjs","names":[],"sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n"],"mappings":"mEAAA,IAAa,EAAiB,CAAC,UAAW,KAAK,CAElC,EAA0B,CACrC,GAAI,gBACL,CAEY,EAA0B,CACrC,SAAU,sBACX,CAEY,EAAgC,CAC3C,WAAY,uBACb,CAEY,EAA2B,CACtC,SAAU,kBACX"}

package/dist/lib/tab/tabs-constants.js

@@ -1,37 +1,6 @@
-//#region components/Tab/TabsConstants.js
-var e = [
-	"100",
-	"200",
-	"300",
-	"400",
-	"500",
-	"default",
-	"xs",
-	"sm",
-	"md",
-	"lg",
-	"xl"
-], t = {
-	100: "d-tablist--xs",
-	200: "d-tablist--sm",
-	300: "",
-	400: "d-tablist--lg",
-	500: "d-tablist--xl",
-	xs: "d-tablist--xs",
-	sm: "d-tablist--sm",
-	md: "",
-	lg: "d-tablist--lg",
-	xl: "d-tablist--xl",
-	default: ""
-}, n = { inverted: "d-tablist--inverted" }, r = { borderless: "d-tablist--no-border" }, i = ["horizontal", "vertical"], a = { vertical: "d-tablist--vertical" }, o = ["auto", "manual"], s = ["default", "muted"], c = [
-	"none",
-	"grow",
-	"equal"
-], l = {
-	grow: "d-tablist--spread-grow",
-	equal: "d-tablist--spread-equal"
-};
+//#region components/tab/tabs_constants.js
+var e = ["default", "sm"], t = { sm: "d-tablist--sm" }, n = { inverted: "d-tablist--inverted" }, r = { borderless: "d-tablist--no-border" }, i = { selected: "d-tab--selected" };
 //#endregion
-export { o as TAB_ACTIVATION_MODES, s as TAB_GROUP_KINDS, r as TAB_LIST_IMPORTANCE_MODIFIERS, n as TAB_LIST_KIND_MODIFIERS, e as TAB_LIST_SIZES, t as TAB_LIST_SIZE_MODIFIERS, i as TAB_ORIENTATIONS, a as TAB_ORIENTATION_MODIFIERS, c as TAB_SPREADS, l as TAB_SPREAD_MODIFIERS };
+export { i as TAB_IMPORTANCE_MODIFIERS, r as TAB_LIST_IMPORTANCE_MODIFIERS, n as TAB_LIST_KIND_MODIFIERS, e as TAB_LIST_SIZES, t as TAB_LIST_SIZE_MODIFIERS };
 
 //# sourceMappingURL=tabs-constants.js.map

package/dist/lib/tab/tabs-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-constants.js","names":[],"sources":["../../../components/Tab/TabsConstants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['100', '200', '300', '400', '500', 'default', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-tablist--xs',\n  200: 'd-tablist--sm',\n  300: '',\n  400: 'd-tablist--lg',\n  500: 'd-tablist--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-tablist--xs',\n  sm: 'd-tablist--sm',\n  md: '',\n  lg: 'd-tablist--lg',\n  xl: 'd-tablist--xl',\n  // Legacy alias\n  default: '',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_ORIENTATIONS = ['horizontal', 'vertical'];\n\nexport const TAB_ORIENTATION_MODIFIERS = {\n  vertical: 'd-tablist--vertical',\n};\n\nexport const TAB_ACTIVATION_MODES = ['auto', 'manual'];\n\nexport const TAB_GROUP_KINDS = ['default', 'muted'];\n\nexport const TAB_SPREADS = ['none', 'grow', 'equal'];\n\nexport const TAB_SPREAD_MODIFIERS = {\n  grow: 'd-tablist--spread-grow',\n  equal: 'd-tablist--spread-equal',\n};\n"],"mappings":";AAAA,IAAa,IAAiB;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAW;CAAM;CAAM;CAAM;CAAM;CAAK,EAE7F,IAA0B;CAErC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CAEJ,SAAS;CACV,EAEY,IAA0B,EACrC,UAAU,uBACX,EAEY,IAAgC,EAC3C,YAAY,wBACb,EAEY,IAAmB,CAAC,cAAc,WAAW,EAE7C,IAA4B,EACvC,UAAU,uBACX,EAEY,IAAuB,CAAC,QAAQ,SAAS,EAEzC,IAAkB,CAAC,WAAW,QAAQ,EAEtC,IAAc;CAAC;CAAQ;CAAQ;CAAQ,EAEvC,IAAuB;CAClC,MAAM;CACN,OAAO;CACR"}
+{"version":3,"file":"tabs-constants.js","names":[],"sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n"],"mappings":";AAAA,IAAa,IAAiB,CAAC,WAAW,KAAK,EAElC,IAA0B,EACrC,IAAI,iBACL,EAEY,IAA0B,EACrC,UAAU,uBACX,EAEY,IAAgC,EAC3C,YAAY,wBACb,EAEY,IAA2B,EACtC,UAAU,mBACX"}

package/dist/lib/toast/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./toast-constants.cjs`),t=require(`../../Toast-CM4ZR3wM.cjs`);exports.DtToast=t.t,exports.TOAST_MIN_DURATION=e.TOAST_MIN_DURATION,exports.TOAST_ROLES=e.TOAST_ROLES;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./toast-constants.cjs`),t=require(`../../toast-d8_zmgkL.cjs`);exports.DtToast=t.t,exports.TOAST_MIN_DURATION=e.TOAST_MIN_DURATION,exports.TOAST_ROLES=e.TOAST_ROLES;

package/dist/lib/toast/index.js

@@ -1,3 +1,3 @@
 import { TOAST_MIN_DURATION as e, TOAST_ROLES as t } from "./toast-constants.js";
-import { t as n } from "../../Toast-pX3QCKz-.js";
+import { t as n } from "../../toast-DvPN-bCi.js";
 export { n as DtToast, e as TOAST_MIN_DURATION, t as TOAST_ROLES };

package/dist/lib/toast/toast-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast-constants.cjs","names":["NOTICE_KINDS"],"sources":["../../../components/Toast/ToastConstants.js"],"sourcesContent":["import { NOTICE_KINDS } from '@/components/Notice';\nexport const TOAST_ALTERNATE_KINDS = ['gradient', ...NOTICE_KINDS];\nexport const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\nexport const TOAST_LAYOUTS = ['default', 'alternate'];\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n  TOAST_LAYOUTS,\n  TOAST_ALTERNATE_KINDS,\n};\n"],"mappings":"+FACA,IAAa,EAAwB,CAAC,WAAY,6CAAGA,aAAa,CACrD,EAAc,CAAC,SAAU,QAAQ,CACjC,EAAqB,IACrB,EAAgB,CAAC,UAAW,YAAY,CAErD,EAAe,CACb,cACA,qBACA,gBACA,wBACD"}
+{"version":3,"file":"toast-constants.cjs","names":["NOTICE_KINDS"],"sources":["../../../components/toast/toast_constants.js"],"sourcesContent":["import { NOTICE_KINDS } from '@/components/notice';\nexport const TOAST_ALTERNATE_KINDS = ['gradient', ...NOTICE_KINDS];\nexport const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\nexport const TOAST_LAYOUTS = ['default', 'alternate'];\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n  TOAST_LAYOUTS,\n  TOAST_ALTERNATE_KINDS,\n};\n"],"mappings":"+FACA,IAAa,EAAwB,CAAC,WAAY,6CAAGA,aAAa,CACrD,EAAc,CAAC,SAAU,QAAQ,CACjC,EAAqB,IACrB,EAAgB,CAAC,UAAW,YAAY,CAErD,EAAe,CACb,cACA,qBACA,gBACA,wBACD"}

package/dist/lib/toast/toast-constants.js

@@ -1,5 +1,5 @@
 import { NOTICE_KINDS as e } from "../notice/notice-constants.js";
-//#region components/Toast/ToastConstants.js
+//#region components/toast/toast_constants.js
 var t = ["gradient", ...e], n = ["status", "alert"], r = 6e3, i = ["default", "alternate"], a = {
 	TOAST_ROLES: n,
 	TOAST_MIN_DURATION: r,

package/dist/lib/toast/toast-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-constants.js","names":[],"sources":["../../../components/Toast/ToastConstants.js"],"sourcesContent":["import { NOTICE_KINDS } from '@/components/Notice';\nexport const TOAST_ALTERNATE_KINDS = ['gradient', ...NOTICE_KINDS];\nexport const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\nexport const TOAST_LAYOUTS = ['default', 'alternate'];\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n  TOAST_LAYOUTS,\n  TOAST_ALTERNATE_KINDS,\n};\n"],"mappings":";;AACA,IAAa,IAAwB,CAAC,YAAY,GAAG,EAAa,EACrD,IAAc,CAAC,UAAU,QAAQ,EACjC,IAAqB,KACrB,IAAgB,CAAC,WAAW,YAAY,EAErD,IAAe;CACb;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"toast-constants.js","names":[],"sources":["../../../components/toast/toast_constants.js"],"sourcesContent":["import { NOTICE_KINDS } from '@/components/notice';\nexport const TOAST_ALTERNATE_KINDS = ['gradient', ...NOTICE_KINDS];\nexport const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\nexport const TOAST_LAYOUTS = ['default', 'alternate'];\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n  TOAST_LAYOUTS,\n  TOAST_ALTERNATE_KINDS,\n};\n"],"mappings":";;AACA,IAAa,IAAwB,CAAC,YAAY,GAAG,EAAa,EACrD,IAAc,CAAC,UAAU,QAAQ,EACjC,IAAqB,KACrB,IAAgB,CAAC,WAAW,YAAY,EAErD,IAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/lib/toast/toast.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../Toast-CM4ZR3wM.cjs`);exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../toast-d8_zmgkL.cjs`);exports.default=e.t;

package/dist/lib/toast/toast.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Toast-pX3QCKz-.js";
+import { t as e } from "../../toast-DvPN-bCi.js";
 export { e as default };

package/dist/lib/toggle/toggle-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={200:`d-toggle--small`,300:``,sm:`d-toggle--small`,md:``},t=[!1,!0,`mixed`],n={TOGGLE_SIZE_MODIFIERS:e,TOGGLE_CHECKED_VALUES:t};exports.TOGGLE_CHECKED_VALUES=t,exports.TOGGLE_SIZE_MODIFIERS=e,exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={sm:`d-toggle--small`,md:``},t=[!1,!0,`mixed`],n={TOGGLE_SIZE_MODIFIERS:e,TOGGLE_CHECKED_VALUES:t};exports.TOGGLE_CHECKED_VALUES=t,exports.TOGGLE_SIZE_MODIFIERS=e,exports.default=n;
 //# sourceMappingURL=toggle-constants.cjs.map

package/dist/lib/toggle/toggle-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-constants.cjs","names":[],"sources":["../../../components/Toggle/ToggleConstants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-toggle--small',\n  300: '',\n  // T-shirt aliases (deprecated)\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,CAEnC,IAAK,kBACL,IAAK,GAEL,GAAI,kBACJ,GAAI,GACL,CAEY,EAAwB,CAAC,GAAO,GAAM,QAAQ,CAE3D,EAAe,CACb,wBACA,wBACD"}
+{"version":3,"file":"toggle-constants.cjs","names":[],"sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,CACnC,GAAI,kBACJ,GAAI,GACL,CAEY,EAAwB,CAAC,GAAO,GAAM,QAAQ,CAE3D,EAAe,CACb,wBACA,wBACD"}

package/dist/lib/toggle/toggle-constants.js

@@ -1,7 +1,5 @@
-//#region components/Toggle/ToggleConstants.js
+//#region components/toggle/toggle_constants.js
 var e = {
-	200: "d-toggle--small",
-	300: "",
 	sm: "d-toggle--small",
 	md: ""
 }, t = [

package/dist/lib/toggle/toggle-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-constants.js","names":[],"sources":["../../../components/Toggle/ToggleConstants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  200: 'd-toggle--small',\n  300: '',\n  // T-shirt aliases (deprecated)\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CAEnC,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACL,EAEY,IAAwB;CAAC;CAAO;CAAM;CAAQ,EAE3D,IAAe;CACb;CACA;CACD"}
+{"version":3,"file":"toggle-constants.js","names":[],"sources":["../../../components/toggle/toggle_constants.js"],"sourcesContent":["export const TOGGLE_SIZE_MODIFIERS = {\n  sm: 'd-toggle--small',\n  md: '',\n};\n\nexport const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];\n\nexport default {\n  TOGGLE_SIZE_MODIFIERS,\n  TOGGLE_CHECKED_VALUES,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CACnC,IAAI;CACJ,IAAI;CACL,EAEY,IAAwB;CAAC;CAAO;CAAM;CAAQ,EAE3D,IAAe;CACb;CACA;CACD"}

package/dist/lib/toggle/toggle.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./toggle-constants.cjs`);let r=require(`vue`);var i={name:`DtToggle`,inheritAttrs:!1,props:{id:{type:String,default(){return e.getUniqueString()}},disabled:{type:Boolean,default:!1},modelValue:{type:[Boolean,String],default:!1,validator:e=>n.TOGGLE_CHECKED_VALUES.includes(e)},toggleOnClick:{type:Boolean,default:!0},size:{type:[String,Number],default:300,validator:e=>Object.keys(n.TOGGLE_SIZE_MODIFIERS).includes(String(e))},showLabel:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},labelClass:{type:[String,Array,Object],default:``},labelChildProps:{type:Object,default:()=>({})}},emits:[`update:modelValue`],data(){return{internalChecked:this.modelValue,hasSlotContent:e.hasSlotContent}},computed:{inputListeners(){return{...e.removeClassStyleAttrs(this.$attrs),onClick:()=>this.toggleCheckedValue()}},isIndeterminate(){return this.internalChecked===`mixed`},toggleRole(){return this.isIndeterminate?`checkbox`:`switch`},toggleClasses(){return[`d-toggle`,n.TOGGLE_SIZE_MODIFIERS[String(this.size)],{"d-toggle--checked":this.internalChecked===!0,"d-toggle--disabled":this.disabled,"d-toggle--indeterminate":this.isIndeterminate}]}},watch:{modelValue(e){this.internalChecked=e}},mounted(){this.runValidations()},methods:{toggleCheckedValue(){this.$emit(`update:modelValue`,!this.internalChecked),this.toggleOnClick&&(this.internalChecked=!this.internalChecked)},hasSlotLabel(){return!!this.$slots.default},runValidations(){!(this.showLabel&&this.hasSlotLabel())&&!this.$attrs[`aria-label`]&&console.info(`[Dialtone] A label is required for accessibility. Provide a label and use show-label="false" to hide it visually.`)}}},a=[`for`],o=[`id`,`role`,`aria-checked`,`disabled`,`aria-disabled`],s={key:0,class:`d-toggle__inner`};function c(e,t,n,i,c,l){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`d-toggle-wrapper`,e.$attrs.class]),style:(0,r.normalizeStyle)(e.$attrs.style)},[n.showLabel&&c.hasSlotContent(e.$slots.default)?((0,r.openBlock)(),(0,r.createElementBlock)(`label`,(0,r.mergeProps)({key:0,class:n.labelClass,for:n.id},n.labelChildProps,{"data-qa":`toggle-label`}),[(0,r.renderSlot)(e.$slots,`default`)],16,a)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`button`,(0,r.mergeProps)({id:n.id,role:l.toggleRole,type:`button`,"aria-checked":c.internalChecked.toString(),disabled:n.disabled,"aria-disabled":n.disabled.toString(),class:l.toggleClasses},l.inputListeners),[n.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s)):(0,r.createCommentVNode)(``,!0)],16,o)],6)}var l=t.t(i,[[`render`,c]]);exports.default=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./toggle-constants.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtToggle`,inheritAttrs:!1,props:{id:{type:String,default(){return e.getUniqueString()}},disabled:{type:Boolean,default:!1},modelValue:{type:[Boolean,String],default:!1,validator:e=>n.TOGGLE_CHECKED_VALUES.includes(e)},toggleOnClick:{type:Boolean,default:!0},size:{type:String,default:`md`,validator:e=>Object.keys(n.TOGGLE_SIZE_MODIFIERS).includes(e)},showIcon:{type:Boolean,default:!0},labelClass:{type:[String,Array,Object],default:``},wrapperClass:{type:[String,Array,Object],default:void 0},labelChildProps:{type:Object,default:()=>({})}},emits:[`change`,`update:modelValue`],data(){return{internalChecked:this.modelValue,hasSlotContent:e.hasSlotContent}},computed:{inputListeners(){return{...e.removeClassStyleAttrs(this.$attrs),onClick:()=>this.toggleCheckedValue()}},isIndeterminate(){return this.internalChecked===`mixed`},toggleRole(){return this.isIndeterminate?`checkbox`:`switch`},toggleClasses(){return[`d-toggle`,n.TOGGLE_SIZE_MODIFIERS[this.size],{"d-toggle--checked":this.internalChecked===!0,"d-toggle--disabled":this.disabled,"d-toggle--indeterminate":this.isIndeterminate}]}},watch:{modelValue(e){this.internalChecked=e}},mounted(){this.runValidations()},methods:{addClassStyleAttrs:e.addClassStyleAttrs,toggleCheckedValue(){this.$emit(`update:modelValue`,!this.internalChecked),this.$emit(`change`,!this.internalChecked),this.toggleOnClick&&(this.internalChecked=!this.internalChecked)},hasSlotLabel(){return!!this.$slots.default},runValidations(){this.validateInputLabels(this.hasSlotLabel(),this.$attrs[`aria-label`])},validateInputLabels(e,t){!e&&!t&&(0,r.warn)(`You must provide an aria-label when there is no label passed`,this)}}},a=[`for`],o=[`id`,`role`,`aria-checked`,`disabled`,`aria-disabled`],s={key:0,class:`d-toggle__inner`};function c(e,t,n,i,c,l){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,(0,r.mergeProps)({class:[`d-toggle-wrapper`,n.wrapperClass]},l.addClassStyleAttrs(e.$attrs)),[c.hasSlotContent(e.$slots.default)?((0,r.openBlock)(),(0,r.createElementBlock)(`label`,(0,r.mergeProps)({key:0,class:n.labelClass,for:n.id},n.labelChildProps,{"data-qa":`toggle-label`}),[(0,r.renderSlot)(e.$slots,`default`)],16,a)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`button`,(0,r.mergeProps)({id:n.id,role:l.toggleRole,type:`button`,"aria-checked":c.internalChecked.toString(),disabled:n.disabled,"aria-disabled":n.disabled.toString(),class:l.toggleClasses},l.inputListeners),[n.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s)):(0,r.createCommentVNode)(``,!0)],16,o)],16)}var l=t.t(i,[[`render`,c]]);exports.default=l;
 //# sourceMappingURL=toggle.cjs.map

package/dist/lib/toggle/toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.cjs","names":[],"sources":["../../../components/Toggle/Toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', $attrs.class]\"\n    :style=\"$attrs.style\"\n  >\n    <label\n      v-if=\"showLabel && hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/Toggle/ToggleConstants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values 200, 300\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(String(s)),\n    },\n\n    /**\n     * Determines visibility of toggle label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: () => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[String(this.size)],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    toggleCheckedValue () {\n      this.$emit('update:modelValue', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      const hasVisibleLabel = this.showLabel && this.hasSlotLabel();\n      if (!hasVisibleLabel && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label and use show-label=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"sSAyCA,IAAK,EAAU,CAEb,KAAM,WAEN,aAAc,GAEd,MAAO,CAKL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,iBAAiB,EACtC,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,WAAY,CACV,KAAM,CAAC,QAAS,OAAO,CACvB,QAAS,GACT,UAAY,GAAM,EAAA,sBAAsB,SAAS,EAAE,CACpD,CAOD,cAAe,CACb,KAAM,QACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACT,UAAY,GAAM,OAAO,KAAK,EAAA,sBAAsB,CAAC,SAAS,OAAO,EAAE,CAAC,CACzE,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,gBAAiB,CACf,KAAM,OACN,aAAgB,EAAE,EACnB,CACF,CAED,MAAO,CAOL,oBACD,CAED,MAAQ,CACN,MAAO,CACL,gBAAiB,KAAK,WACtB,eAAA,EAAA,eACD,EAGH,SAAU,CACR,gBAAkB,CAChB,MAAO,CACL,GAAG,EAAA,sBAAsB,KAAK,OAAO,CACrC,YAAe,KAAK,oBAAoB,CACzC,EAGH,iBAAmB,CACjB,OAAO,KAAK,kBAAoB,SAGlC,YAAc,CACZ,OAAO,KAAK,gBAAkB,WAAa,UAG7C,eAAiB,CACf,MAAO,CACL,WACA,EAAA,sBAAsB,OAAO,KAAK,KAAK,EACvC,CACE,oBAAqB,KAAK,kBAAoB,GAC9C,qBAAsB,KAAK,SAC3B,0BAA2B,KAAK,gBACjC,CACF,EAEJ,CAED,MAAO,CACL,WAAY,EAAY,CACtB,KAAK,gBAAkB,GAE1B,CAED,SAAW,CACT,KAAK,gBAAgB,EAGvB,QAAS,CACP,oBAAsB,CACpB,KAAK,MAAM,oBAAqB,CAAC,KAAK,gBAAgB,CAElD,KAAK,gBACP,KAAK,gBAAkB,CAAC,KAAK,kBAIjC,cAAgB,CACd,MAAO,CAAC,CAAE,KAAK,OAAO,SAGxB,gBAAkB,CAEZ,EADoB,KAAK,WAAa,KAAK,cAAc,GACrC,CAAC,KAAK,OAAO,eACnC,QAAQ,KACN,oHACD,EAGN,CACF,8EAtLO,MAAM,4FAGN,MAAA,CA5BH,OAAA,EAAA,EAAA,gBAAK,CAAA,mBAAuB,EAAA,OAAO,MAAK,CAAA,CACxC,OAAA,EAAA,EAAA,gBAAO,EAAA,OAAO,MAAK,GAGZ,EAAA,WAAa,EAAA,eAAe,EAAA,OAAO,QAAO,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQ1C,SAAA,EAAA,EAAA,YAAA,OAPL,MAAO,EAAA,WACP,IAAK,EAAA,IACE,EAAA,gBAAe,CACvB,UAAQ,eAAc,CAAA,CAAA,EAAA,EAAA,EAAA,YAGd,EAAA,OAAA,UAAA,CAAA,CAAA,GAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,oBAgBD,UAAA,EAAA,EAAA,YAAA,CAbN,GAAI,EAAA,GACJ,KAAM,EAAA,WACP,KAAK,SACJ,eAAc,EAAA,gBAAgB,UAAQ,CACtC,SAAU,EAAA,SACV,gBAAe,EAAA,SAAS,UAAQ,CAChC,MAAO,EAAA,eACA,EAAA,eAAc,CAAA,CAGd,EAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAEN,OAHF,EAGE,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,GAAA,EAAA,CAAA,CAAA,EAAA"}
+{"version":3,"file":"toggle.cjs","names":[],"sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', wrapperClass]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model modelValue\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n\n    /**\n     * v-model event event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: () => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('update:modelValue', !this.internalChecked);\n      this.$emit('change', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/toggle/toggle.js

@@ -1,16 +1,17 @@
-import { getUniqueString as e, hasSlotContent as t, removeClassStyleAttrs as n } from "../../common/utils/index.js";
-import { t as r } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { TOGGLE_CHECKED_VALUES as i, TOGGLE_SIZE_MODIFIERS as a } from "./toggle-constants.js";
-import { createCommentVNode as o, createElementBlock as s, createElementVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderSlot as p } from "vue";
-//#region components/Toggle/Toggle.vue
+import { addClassStyleAttrs as e, getUniqueString as t, hasSlotContent as n, removeClassStyleAttrs as r } from "../../common/utils/index.js";
+import { t as i } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { TOGGLE_CHECKED_VALUES as a, TOGGLE_SIZE_MODIFIERS as o } from "./toggle-constants.js";
+import { createCommentVNode as s, createElementBlock as c, createElementVNode as l, mergeProps as u, openBlock as d, renderSlot as f, warn as p } from "vue";
+//#region components/toggle/toggle.vue
 var m = {
+	compatConfig: { MODE: 3 },
 	name: "DtToggle",
 	inheritAttrs: !1,
 	props: {
 		id: {
 			type: String,
 			default() {
-				return e();
+				return t();
 			}
 		},
 		disabled: {
@@ -20,20 +21,16 @@ var m = {
 		modelValue: {
 			type: [Boolean, String],
 			default: !1,
-			validator: (e) => i.includes(e)
+			validator: (e) => a.includes(e)
 		},
 		toggleOnClick: {
 			type: Boolean,
 			default: !0
 		},
 		size: {
-			type: [String, Number],
-			default: 300,
-			validator: (e) => Object.keys(a).includes(String(e))
-		},
-		showLabel: {
-			type: Boolean,
-			default: !0
+			type: String,
+			default: "md",
+			validator: (e) => Object.keys(o).includes(e)
 		},
 		showIcon: {
 			type: Boolean,
@@ -47,22 +44,30 @@ var m = {
 			],
 			default: ""
 		},
+		wrapperClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: void 0
+		},
 		labelChildProps: {
 			type: Object,
 			default: () => ({})
 		}
 	},
-	emits: ["update:modelValue"],
+	emits: ["change", "update:modelValue"],
 	data() {
 		return {
 			internalChecked: this.modelValue,
-			hasSlotContent: t
+			hasSlotContent: n
 		};
 	},
 	computed: {
 		inputListeners() {
 			return {
-				...n(this.$attrs),
+				...r(this.$attrs),
 				onClick: () => this.toggleCheckedValue()
 			};
 		},
@@ -75,7 +80,7 @@ var m = {
 		toggleClasses() {
 			return [
 				"d-toggle",
-				a[String(this.size)],
+				o[this.size],
 				{
 					"d-toggle--checked": this.internalChecked === !0,
 					"d-toggle--disabled": this.disabled,
@@ -91,14 +96,18 @@ var m = {
 		this.runValidations();
 	},
 	methods: {
+		addClassStyleAttrs: e,
 		toggleCheckedValue() {
-			this.$emit("update:modelValue", !this.internalChecked), this.toggleOnClick && (this.internalChecked = !this.internalChecked);
+			this.$emit("update:modelValue", !this.internalChecked), this.$emit("change", !this.internalChecked), this.toggleOnClick && (this.internalChecked = !this.internalChecked);
 		},
 		hasSlotLabel() {
 			return !!this.$slots.default;
 		},
 		runValidations() {
-			!(this.showLabel && this.hasSlotLabel()) && !this.$attrs["aria-label"] && console.info("[Dialtone] A label is required for accessibility. Provide a label and use show-label=\"false\" to hide it visually.");
+			this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
+		},
+		validateInputLabels(e, t) {
+			!e && !t && p("You must provide an aria-label when there is no label passed", this);
 		}
 	}
 }, h = ["for"], g = [
@@ -112,14 +121,11 @@ var m = {
 	class: "d-toggle__inner"
 };
 function v(e, t, n, r, i, a) {
-	return f(), s("div", {
-		class: u(["d-toggle-wrapper", e.$attrs.class]),
-		style: d(e.$attrs.style)
-	}, [n.showLabel && i.hasSlotContent(e.$slots.default) ? (f(), s("label", l({
+	return d(), c("div", u({ class: ["d-toggle-wrapper", n.wrapperClass] }, a.addClassStyleAttrs(e.$attrs)), [i.hasSlotContent(e.$slots.default) ? (d(), c("label", u({
 		key: 0,
 		class: n.labelClass,
 		for: n.id
-	}, n.labelChildProps, { "data-qa": "toggle-label" }), [p(e.$slots, "default")], 16, h)) : o("", !0), c("button", l({
+	}, n.labelChildProps, { "data-qa": "toggle-label" }), [f(e.$slots, "default")], 16, h)) : s("", !0), l("button", u({
 		id: n.id,
 		role: a.toggleRole,
 		type: "button",
@@ -127,9 +133,9 @@ function v(e, t, n, r, i, a) {
 		disabled: n.disabled,
 		"aria-disabled": n.disabled.toString(),
 		class: a.toggleClasses
-	}, a.inputListeners), [n.showIcon ? (f(), s("span", _)) : o("", !0)], 16, g)], 6);
+	}, a.inputListeners), [n.showIcon ? (d(), c("span", _)) : s("", !0)], 16, g)], 16);
 }
-var y = /* @__PURE__ */ r(m, [["render", v]]);
+var y = /* @__PURE__ */ i(m, [["render", v]]);
 //#endregion
 export { y as default };
 

package/dist/lib/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":[],"sources":["../../../components/Toggle/Toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', $attrs.class]\"\n    :style=\"$attrs.style\"\n  >\n    <label\n      v-if=\"showLabel && hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/Toggle/ToggleConstants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values 200, 300\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(String(s)),\n    },\n\n    /**\n     * Determines visibility of toggle label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: () => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[String(this.size)],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    toggleCheckedValue () {\n      this.$emit('update:modelValue', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      const hasVisibleLabel = this.showLabel && this.hasSlotLabel();\n      if (!hasVisibleLabel && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label and use show-label=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAyCA,IAAK,IAAU;CAEb,MAAM;CAEN,cAAc;CAEd,OAAO;EAKL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,GAAiB;;GACtC;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM,CAAC,SAAS,OAAO;GACvB,SAAS;GACT,YAAY,MAAM,EAAsB,SAAS,EAAE;GACpD;EAOD,eAAe;GACb,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAsB,CAAC,SAAS,OAAO,EAAE,CAAC;GACzE;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,iBAAiB;GACf,MAAM;GACN,gBAAgB,EAAE;GACnB;EACF;CAED,OAAO,CAOL,oBACD;CAED,OAAQ;AACN,SAAO;GACL,iBAAiB,KAAK;GACtB;GACD;;CAGH,UAAU;EACR,iBAAkB;AAChB,UAAO;IACL,GAAG,EAAsB,KAAK,OAAO;IACrC,eAAe,KAAK,oBAAoB;IACzC;;EAGH,kBAAmB;AACjB,UAAO,KAAK,oBAAoB;;EAGlC,aAAc;AACZ,UAAO,KAAK,kBAAkB,aAAa;;EAG7C,gBAAiB;AACf,UAAO;IACL;IACA,EAAsB,OAAO,KAAK,KAAK;IACvC;KACE,qBAAqB,KAAK,oBAAoB;KAC9C,sBAAsB,KAAK;KAC3B,2BAA2B,KAAK;KACjC;IACF;;EAEJ;CAED,OAAO,EACL,WAAY,GAAY;AACtB,OAAK,kBAAkB;IAE1B;CAED,UAAW;AACT,OAAK,gBAAgB;;CAGvB,SAAS;EACP,qBAAsB;AAGpB,GAFA,KAAK,MAAM,qBAAqB,CAAC,KAAK,gBAAgB,EAElD,KAAK,kBACP,KAAK,kBAAkB,CAAC,KAAK;;EAIjC,eAAgB;AACd,UAAO,CAAC,CAAE,KAAK,OAAO;;EAGxB,iBAAkB;AAEhB,GAAI,EADoB,KAAK,aAAa,KAAK,cAAc,KACrC,CAAC,KAAK,OAAO,iBACnC,QAAQ,KACN,sHACD;;EAGN;CACF;;;;;;;;CAtLO,OAAM;;;aA1BZ,EA6BM,OAAA;EA5BH,OAAK,EAAA,CAAA,oBAAuB,EAAA,OAAO,MAAK,CAAA;EACxC,OAAK,EAAE,EAAA,OAAO,MAAK;KAGZ,EAAA,aAAa,EAAA,eAAe,EAAA,OAAO,QAAO,IAAA,GAAA,EADlD,EASQ,SATR,EASQ;;EAPL,OAAO,EAAA;EACP,KAAK,EAAA;IACE,EAAA,iBAAe,EACvB,WAAQ,gBAAc,CAAA,EAAA,CAGtB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAEV,EAcS,UAdT,EAcS;EAbN,IAAI,EAAA;EACJ,MAAM,EAAA;EACP,MAAK;EACJ,gBAAc,EAAA,gBAAgB,UAAQ;EACtC,UAAU,EAAA;EACV,iBAAe,EAAA,SAAS,UAAQ;EAChC,OAAO,EAAA;IACA,EAAA,eAAc,EAAA,CAGd,EAAA,YAAA,GAAA,EADR,EAGE,QAHF,EAGE,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"toggle.js","names":[],"sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-toggle-wrapper', wrapperClass]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model modelValue\n     * @values true, false, 'mixed'\n     */\n    modelValue: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the wrapper element\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n\n    /**\n     * v-model event event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: () => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('update:modelValue', !this.internalChecked);\n      this.$emit('change', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AA0CA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CAEzB,MAAM;CAEN,cAAc;CAEd,OAAO;EAKL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,GAAiB;;GACtC;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAOD,YAAY;GACV,MAAM,CAAC,SAAS,OAAO;GACvB,SAAS;GACT,YAAY,MAAM,EAAsB,SAAS,EAAE;GACpD;EAOD,eAAe;GACb,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAsB,CAAC,SAAS,EAAE;GACjE;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS,KAAA;GACV;EAKD,iBAAiB;GACf,MAAM;GACN,gBAAgB,EAAE;GACnB;EACF;CAED,OAAO,CAQL,UASA,oBACD;CAED,OAAQ;AACN,SAAO;GACL,iBAAiB,KAAK;GACtB;GACD;;CAGH,UAAU;EACR,iBAAkB;AAChB,UAAO;IACL,GAAG,EAAsB,KAAK,OAAO;IACrC,eAAe,KAAK,oBAAoB;IACzC;;EAGH,kBAAmB;AACjB,UAAO,KAAK,oBAAoB;;EAGlC,aAAc;AACZ,UAAO,KAAK,kBAAkB,aAAa;;EAG7C,gBAAiB;AACf,UAAO;IACL;IACA,EAAsB,KAAK;IAC3B;KACE,qBAAqB,KAAK,oBAAoB;KAC9C,sBAAsB,KAAK;KAC3B,2BAA2B,KAAK;KACjC;IACF;;EAEJ;CAED,OAAO,EACL,WAAY,GAAY;AACtB,OAAK,kBAAkB;IAE1B;CAED,UAAW;AACT,OAAK,gBAAgB;;CAGvB,SAAS;EACP;EACA,qBAAsB;AAIpB,GAHA,KAAK,MAAM,qBAAqB,CAAC,KAAK,gBAAgB,EACtD,KAAK,MAAM,UAAU,CAAC,KAAK,gBAAgB,EAEvC,KAAK,kBACP,KAAK,kBAAkB,CAAC,KAAK;;EAIjC,eAAgB;AACd,UAAO,CAAC,CAAE,KAAK,OAAO;;EAGxB,iBAAkB;AAChB,QAAK,oBAAoB,KAAK,cAAc,EAAE,KAAK,OAAO,cAAc;;EAG1E,oBAAqB,GAAU,GAAW;AACxC,GAAI,CAAC,KAAY,CAAC,KAChB,EACE,gEACA,KACD;;EAGN;CACF;;;;;;;;CAxMO,OAAM;;;aA1BZ,EA6BM,OA7BN,EA6BM,EA5BH,OAAK,CAAA,oBAAuB,EAAA,aAAY,EAAA,EACjC,EAAA,mBAAmB,EAAA,OAAM,CAAA,EAAA,CAGzB,EAAA,eAAe,EAAA,OAAO,QAAO,IAAA,GAAA,EADrC,EASQ,SATR,EASQ;;EAPL,OAAO,EAAA;EACP,KAAK,EAAA;IACE,EAAA,iBAAe,EACvB,WAAQ,gBAAc,CAAA,EAAA,CAGtB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAEV,EAcS,UAdT,EAcS;EAbN,IAAI,EAAA;EACJ,MAAM,EAAA;EACP,MAAK;EACJ,gBAAc,EAAA,gBAAgB,UAAQ;EACtC,UAAU,EAAA;EACV,iBAAe,EAAA,SAAS,UAAQ;EAChC,OAAO,EAAA;IACA,EAAA,eAAc,EAAA,CAGd,EAAA,YAAA,GAAA,EADR,EAGE,QAHF,EAGE,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/lib/tooltip/tooltip-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-constants.cjs","names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES"],"sources":["../../../components/Tooltip/TooltipConstants.js"],"sourcesContent":["/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/Popover/TippyUtils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n"],"mappings":"6IAKA,IAAa,EAAqB,CAChC,GAAGA,EAAAA,sBACJ,CAEY,EAAmB,IAEnB,EAAyB,CACpC,MAAO,mBACP,KAAM,kBACN,SAAU,sBACV,KAAM,kBACP,CAEY,EAAwB,CACnC,GAAGC,EAAAA,oBACJ,CAEY,EAAiC,CAAC,GAAM,GAAO,SAAS,CAErE,EAAe,CACb,qBACA,iBAAA,IACA,yBACA,wBACA,iCACD"}
+{"version":3,"file":"tooltip-constants.cjs","names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES"],"sources":["../../../components/tooltip/tooltip_constants.js"],"sourcesContent":["/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n"],"mappings":"6IAKA,IAAa,EAAqB,CAChC,GAAGA,EAAAA,sBACJ,CAEY,EAAmB,IAEnB,EAAyB,CACpC,MAAO,mBACP,KAAM,kBACN,SAAU,sBACV,KAAM,kBACP,CAEY,EAAwB,CACnC,GAAGC,EAAAA,oBACJ,CAEY,EAAiC,CAAC,GAAM,GAAO,SAAS,CAErE,EAAe,CACb,qBACA,iBAAA,IACA,yBACA,wBACA,iCACD"}

package/dist/lib/tooltip/tooltip-constants.js

@@ -1,5 +1,5 @@
 import { BASE_TIPPY_DIRECTIONS as e, TIPPY_STICKY_VALUES as t } from "../popover/tippy-utils.js";
-//#region components/Tooltip/TooltipConstants.js
+//#region components/tooltip/tooltip_constants.js
 var n = [...e], r = 300, i = {
 	hover: "d-tooltip--hover",
 	show: "d-tooltip--show",