@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

package/dist/lib/box/box.js

@@ -1,237 +0,0 @@
-import { asValidator as e, borderColorValidator as t, borderRadiusValidator as n, borderWidthValidator as r, layoutValidator as i, overflowValidator as a, scrollbarValidator as o, shadowValidator as s, spacingValidator as c, surfaceValidator as l } from "./validators.js";
-import { computed as u, createBlock as d, createElementVNode as f, normalizeClass as p, onMounted as m, openBlock as h, renderSlot as g, resolveDirective as _, resolveDynamicComponent as v, withCtx as y, withDirectives as b } from "vue";
-//#region components/box/box.vue
-var x = /* @__PURE__ */ Object.assign({ name: "DtBox" }, {
-	__name: "box",
-	props: {
-		as: {
-			type: String,
-			default: "div",
-			validator: e
-		},
-		scrollbar: {
-			type: [String, Boolean],
-			default: void 0,
-			validator: o
-		},
-		surface: {
-			type: String,
-			default: void 0,
-			validator: l
-		},
-		borderColor: {
-			type: String,
-			default: "default",
-			validator: t
-		},
-		borderRadius: {
-			type: String,
-			default: void 0,
-			validator: n
-		},
-		borderWidth: {
-			type: String,
-			default: void 0,
-			validator: r
-		},
-		borderWidthBlock: {
-			type: String,
-			default: void 0,
-			validator: r
-		},
-		borderWidthBlockEnd: {
-			type: String,
-			default: void 0,
-			validator: r
-		},
-		borderWidthBlockStart: {
-			type: String,
-			default: void 0,
-			validator: r
-		},
-		borderWidthInline: {
-			type: String,
-			default: void 0,
-			validator: r
-		},
-		borderWidthInlineEnd: {
-			type: String,
-			default: void 0,
-			validator: r
-		},
-		borderWidthInlineStart: {
-			type: String,
-			default: void 0,
-			validator: r
-		},
-		padding: {
-			type: String,
-			default: void 0,
-			validator: c
-		},
-		paddingBlock: {
-			type: String,
-			default: void 0,
-			validator: c
-		},
-		paddingBlockEnd: {
-			type: String,
-			default: void 0,
-			validator: c
-		},
-		paddingBlockStart: {
-			type: String,
-			default: void 0,
-			validator: c
-		},
-		paddingInline: {
-			type: String,
-			default: void 0,
-			validator: c
-		},
-		paddingInlineEnd: {
-			type: String,
-			default: void 0,
-			validator: c
-		},
-		paddingInlineStart: {
-			type: String,
-			default: void 0,
-			validator: c
-		},
-		blockSize: {
-			type: String,
-			default: void 0,
-			validator: i
-		},
-		inlineSize: {
-			type: String,
-			default: void 0,
-			validator: i
-		},
-		maxBlockSize: {
-			type: String,
-			default: void 0,
-			validator: i
-		},
-		minBlockSize: {
-			type: String,
-			default: void 0,
-			validator: i
-		},
-		maxInlineSize: {
-			type: String,
-			default: void 0,
-			validator: i
-		},
-		minInlineSize: {
-			type: String,
-			default: void 0,
-			validator: i
-		},
-		shadow: {
-			type: String,
-			default: void 0,
-			validator: s
-		},
-		overflow: {
-			type: String,
-			default: void 0,
-			validator: a
-		},
-		scrollbarContentClass: {
-			type: [
-				String,
-				Object,
-				Array
-			],
-			default: ""
-		}
-	},
-	setup(e) {
-		let t = e, n = [
-			"ul",
-			"ol",
-			"span",
-			"fieldset"
-		], r = u(() => t.scrollbar === !0 ? "leave" : t.scrollbar ?? void 0);
-		m(() => {
-			t.scrollbar && n.includes(t.as) && console.warn(`[DtBox] scrollbar prop inserts a <div> wrapper which breaks semantic child structure for <${t.as}>. Consider applying scrollbar on a parent DtBox container instead.`);
-		});
-		function i(e, t) {
-			return t ? `${e}-${t}` : !1;
-		}
-		function a(e) {
-			return [
-				i("d-box--p", e.padding),
-				i("d-box--pi", e.paddingInline),
-				i("d-box--pis", e.paddingInlineStart),
-				i("d-box--pie", e.paddingInlineEnd),
-				i("d-box--pbl", e.paddingBlock),
-				i("d-box--pbs", e.paddingBlockStart),
-				i("d-box--pbe", e.paddingBlockEnd)
-			];
-		}
-		function o(e) {
-			return [
-				i("d-box--surface", e.surface),
-				i("d-box--bc", e.borderColor),
-				i("d-box--bw", e.borderWidth),
-				i("d-box--bwi", e.borderWidthInline),
-				i("d-box--bwis", e.borderWidthInlineStart),
-				i("d-box--bwie", e.borderWidthInlineEnd),
-				i("d-box--bwbl", e.borderWidthBlock),
-				i("d-box--bwbs", e.borderWidthBlockStart),
-				i("d-box--bwbe", e.borderWidthBlockEnd),
-				i("d-box--br", e.borderRadius),
-				i("d-box--shadow", e.shadow),
-				i("d-box--of", e.overflow)
-			];
-		}
-		function s(e) {
-			return [
-				i("d-box--is", e.inlineSize),
-				i("d-box--bls", e.blockSize),
-				i("d-box--min-is", e.minInlineSize),
-				i("d-box--max-is", e.maxInlineSize),
-				i("d-box--min-bls", e.minBlockSize),
-				i("d-box--max-bls", e.maxBlockSize)
-			];
-		}
-		let c = u(() => [
-			"d-box",
-			...a(t),
-			...o(t),
-			...s(t)
-		]);
-		return (t, n) => {
-			let i = _("dt-scrollbar");
-			return e.scrollbar ? b((h(), d(v(e.as), {
-				key: 0,
-				"data-qa": "dt-box",
-				class: p(c.value)
-			}, {
-				default: y(() => [f("div", {
-					"data-qa": "dt-box-scrollbar-content",
-					class: p(["d-box__scrollbar-content", e.scrollbarContentClass])
-				}, [g(t.$slots, "default")], 2)]),
-				_: 3
-			}, 8, ["class"])), [[
-				i,
-				void 0,
-				r.value
-			]]) : (h(), d(v(e.as), {
-				key: 1,
-				"data-qa": "dt-box",
-				class: p(c.value)
-			}, {
-				default: y(() => [g(t.$slots, "default")]),
-				_: 3
-			}, 8, ["class"]));
-		};
-	}
-});
-//#endregion
-export { x as default };
-
-//# sourceMappingURL=box.js.map

package/dist/lib/box/box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"box.js","names":[],"sources":["../../../components/box/box.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <component\n    :is=\"as\"\n    v-if=\"scrollbar\"\n    v-dt-scrollbar:[scrollbarMode]\n    data-qa=\"dt-box\"\n    :class=\"boxClasses\"\n  >\n    <div\n      data-qa=\"dt-box-scrollbar-content\"\n      :class=\"['d-box__scrollbar-content', scrollbarContentClass]\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </div>\n  </component>\n  <component\n    :is=\"as\"\n    v-else\n    data-qa=\"dt-box\"\n    :class=\"boxClasses\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script setup>\nimport { computed, onMounted } from 'vue';\nimport {\n  asValidator,\n  spacingValidator,\n  surfaceValidator,\n  borderColorValidator,\n  borderWidthValidator,\n  borderRadiusValidator,\n  shadowValidator,\n  layoutValidator,\n  overflowValidator,\n  scrollbarValidator,\n} from './validators.js';\n\ndefineOptions({\n  name: 'DtBox',\n});\n\nconst props = defineProps({\n  /**\n   * HTML element to render as.\n   * @values div, span, section, article, aside, main, header, footer, nav, ul, ol, li, fieldset, form, figure\n   */\n  as: { type: String, default: 'div', validator: asValidator },\n\n  /**\n   * Custom scrollbar via OverlayScrollbars. When set, an inner viewport\n   * wrapper (.d-box__scrollbar-content) is inserted automatically.\n   * @values leave, scroll, move, never\n   */\n  scrollbar: { type: [String, Boolean], default: undefined, validator: scrollbarValidator },\n\n  /**\n   * Background surface color. Maps to --dt-color-surface-* tokens.\n   * @values primary, primary-opaque, secondary, secondary-opaque, moderate, moderate-opaque, bold, bold-opaque, strong, strong-opaque, contrast, contrast-opaque, brand, brand-opaque, brand-subtle, brand-subtle-opaque, brand-strong, info, info-opaque, info-subtle, info-subtle-opaque, info-strong, positive, positive-opaque, positive-subtle, positive-subtle-opaque, positive-strong, warning, warning-opaque, warning-subtle, warning-subtle-opaque, warning-strong, critical, critical-opaque, critical-subtle, critical-subtle-opaque, critical-strong, backdrop\n   */\n  surface: { type: String, default: undefined, validator: surfaceValidator },\n\n  /**\n   * Border color. Maps to --dt-color-border-* tokens.\n   * Defaults to 'default'. Visible when any border-width prop is set.\n   * @values transparent, subtle, default, moderate, bold, positive, positive-subtle, positive-strong, warning, warning-subtle, warning-strong, critical, critical-subtle, critical-strong, info, info-subtle, info-strong, focus, brand, brand-subtle, brand-strong\n   */\n  borderColor: { type: String, default: 'default', validator: borderColorValidator },\n\n  /**\n   * Border radius. Maps to --dt-size-radius-* tokens.\n   * @values 0, 100, 200, 300, 350, 400, 450, 500, 550, 600, pill, circle\n   */\n  borderRadius: { type: String, default: undefined, validator: borderRadiusValidator },\n\n  /**\n   * Border width on all sides. Maps to --dt-size-border-* tokens.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidth: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the block axis (top/bottom in horizontal writing mode).\n   * Overrides `borderWidth` for block sides.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthBlock: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the block-end side.\n   * Overrides `borderWidthBlock` and `borderWidth` for block-end.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthBlockEnd: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the block-start side.\n   * Overrides `borderWidthBlock` and `borderWidth` for block-start.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthBlockStart: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the inline axis (left/right in LTR).\n   * Overrides `borderWidth` for inline sides.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthInline: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the inline-end side.\n   * Overrides `borderWidthInline` and `borderWidth` for inline-end.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthInlineEnd: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Border width on the inline-start side.\n   * Overrides `borderWidthInline` and `borderWidth` for inline-start.\n   * @values 0, 50, 100, 150, 200, 300, 400\n   */\n  borderWidthInlineStart: { type: String, default: undefined, validator: borderWidthValidator },\n\n  /**\n   * Padding on all sides. Accepts spacing token scale values.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  padding: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the block axis (top/bottom in horizontal writing mode).\n   * Overrides `padding` for the block axis.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingBlock: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the block-end side.\n   * Overrides `paddingBlock` and `padding` for block-end.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingBlockEnd: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the block-start side.\n   * Overrides `paddingBlock` and `padding` for block-start.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingBlockStart: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the inline axis (left/right in LTR).\n   * Overrides `padding` for the inline axis.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingInline: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the inline-end side.\n   * Overrides `paddingInline` and `padding` for inline-end.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingInlineEnd: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Padding on the inline-start side.\n   * Overrides `paddingInline` and `padding` for inline-start.\n   * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800\n   */\n  paddingInlineStart: { type: String, default: undefined, validator: spacingValidator },\n\n  /**\n   * Block size (height in horizontal writing mode). Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1100, 1200, 1300, 1400, 1500, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  blockSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Inline size (width in horizontal writing mode). Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1100, 1200, 1300, 1400, 1500, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  inlineSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Maximum block size. Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1100, 1200, 1300, 1400, 1500, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  maxBlockSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Minimum block size. Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1100, 1200, 1300, 1400, 1500, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  minBlockSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Maximum inline size. Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1100, 1200, 1300, 1400, 1500, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  maxInlineSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Minimum inline size. Maps to --dt-layout-* tokens.\n   * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1100, 1200, 1300, 1400, 1500, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n   */\n  minInlineSize: { type: String, default: undefined, validator: layoutValidator },\n\n  /**\n   * Box shadow. Maps to --dt-shadow-* tokens.\n   * @values small, medium, large, extra-large, card\n   */\n  shadow: { type: String, default: undefined, validator: shadowValidator },\n\n  /**\n   * Overflow behavior.\n   * @values hidden, scroll, auto, clip, visible\n   */\n  overflow: { type: String, default: undefined, validator: overflowValidator },\n\n  /**\n   * Additional CSS classes applied to the scrollbar content wrapper element.\n   * Only applies when scrollbar prop is set.\n   */\n  scrollbarContentClass: { type: [String, Object, Array], default: '' },\n});\n\nconst SCROLLBAR_INCOMPATIBLE_ELEMENTS = ['ul', 'ol', 'span', 'fieldset'];\n\nconst scrollbarMode = computed(() => {\n  if (props.scrollbar === true) return 'leave';\n  return props.scrollbar ?? undefined;\n});\n\nonMounted(() => {\n  if (props.scrollbar && SCROLLBAR_INCOMPATIBLE_ELEMENTS.includes(props.as)) {\n    console.warn(\n      `[DtBox] scrollbar prop inserts a <div> wrapper which breaks semantic child structure ` +\n      `for <${props.as}>. Consider applying scrollbar on a parent DtBox container instead.`,\n    );\n  }\n});\n\nfunction modifierClass (prefix, value) {\n  return value ? `${prefix}-${value}` : false;\n}\n\nfunction paddingClasses (p) {\n  return [\n    modifierClass('d-box--p', p.padding),\n    modifierClass('d-box--pi', p.paddingInline),\n    modifierClass('d-box--pis', p.paddingInlineStart),\n    modifierClass('d-box--pie', p.paddingInlineEnd),\n    modifierClass('d-box--pbl', p.paddingBlock),\n    modifierClass('d-box--pbs', p.paddingBlockStart),\n    modifierClass('d-box--pbe', p.paddingBlockEnd),\n  ];\n}\n\nfunction visualClasses (p) {\n  return [\n    modifierClass('d-box--surface', p.surface),\n    modifierClass('d-box--bc', p.borderColor),\n    modifierClass('d-box--bw', p.borderWidth),\n    modifierClass('d-box--bwi', p.borderWidthInline),\n    modifierClass('d-box--bwis', p.borderWidthInlineStart),\n    modifierClass('d-box--bwie', p.borderWidthInlineEnd),\n    modifierClass('d-box--bwbl', p.borderWidthBlock),\n    modifierClass('d-box--bwbs', p.borderWidthBlockStart),\n    modifierClass('d-box--bwbe', p.borderWidthBlockEnd),\n    modifierClass('d-box--br', p.borderRadius),\n    modifierClass('d-box--shadow', p.shadow),\n    modifierClass('d-box--of', p.overflow),\n  ];\n}\n\nfunction sizingClasses (p) {\n  return [\n    modifierClass('d-box--is', p.inlineSize),\n    modifierClass('d-box--bls', p.blockSize),\n    modifierClass('d-box--min-is', p.minInlineSize),\n    modifierClass('d-box--max-is', p.maxInlineSize),\n    modifierClass('d-box--min-bls', p.minBlockSize),\n    modifierClass('d-box--max-bls', p.maxBlockSize),\n  ];\n}\n\nconst boxClasses = computed(() => [\n  'd-box',\n  ...paddingClasses(props),\n  ...visualClasses(props),\n  ...sizingClasses(props),\n]);\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CA,IAAM,IAAQ,GAwLR,IAAkC;GAAC;GAAM;GAAM;GAAQ;GAAW,EAElE,IAAgB,QAChB,EAAM,cAAc,KAAa,UAC9B,EAAM,aAAa,KAAA,EAC1B;AAEF,UAAgB;AACd,GAAI,EAAM,aAAa,EAAgC,SAAS,EAAM,GAAG,IACvE,QAAQ,KACN,6FACQ,EAAM,GAAG,qEAClB;IAEH;EAEF,SAAS,EAAe,GAAQ,GAAO;AACrC,UAAO,IAAQ,GAAG,EAAO,GAAG,MAAU;;EAGxC,SAAS,EAAgB,GAAG;AAC1B,UAAO;IACL,EAAc,YAAY,EAAE,QAAQ;IACpC,EAAc,aAAa,EAAE,cAAc;IAC3C,EAAc,cAAc,EAAE,mBAAmB;IACjD,EAAc,cAAc,EAAE,iBAAiB;IAC/C,EAAc,cAAc,EAAE,aAAa;IAC3C,EAAc,cAAc,EAAE,kBAAkB;IAChD,EAAc,cAAc,EAAE,gBAAgB;IAC/C;;EAGH,SAAS,EAAe,GAAG;AACzB,UAAO;IACL,EAAc,kBAAkB,EAAE,QAAQ;IAC1C,EAAc,aAAa,EAAE,YAAY;IACzC,EAAc,aAAa,EAAE,YAAY;IACzC,EAAc,cAAc,EAAE,kBAAkB;IAChD,EAAc,eAAe,EAAE,uBAAuB;IACtD,EAAc,eAAe,EAAE,qBAAqB;IACpD,EAAc,eAAe,EAAE,iBAAiB;IAChD,EAAc,eAAe,EAAE,sBAAsB;IACrD,EAAc,eAAe,EAAE,oBAAoB;IACnD,EAAc,aAAa,EAAE,aAAa;IAC1C,EAAc,iBAAiB,EAAE,OAAO;IACxC,EAAc,aAAa,EAAE,SAAS;IACvC;;EAGH,SAAS,EAAe,GAAG;AACzB,UAAO;IACL,EAAc,aAAa,EAAE,WAAW;IACxC,EAAc,cAAc,EAAE,UAAU;IACxC,EAAc,iBAAiB,EAAE,cAAc;IAC/C,EAAc,iBAAiB,EAAE,cAAc;IAC/C,EAAc,kBAAkB,EAAE,aAAa;IAC/C,EAAc,kBAAkB,EAAE,aAAa;IAChD;;EAGH,IAAM,IAAa,QAAe;GAChC;GACA,GAAG,EAAe,EAAM;GACxB,GAAG,EAAc,EAAM;GACvB,GAAG,EAAc,EAAM;GACxB,CAAC;;;UApSQ,EAAA,YAAA,GAAA,GAAA,EAFR,EAcY,EAbL,EAAA,GAAE,EAAA;;IAGP,WAAQ;IACP,OAAK,EAAE,EAAA,MAAU;;qBAQZ,CANN,EAMM,OAAA;KALJ,WAAQ;KACP,OAAK,EAAA,CAAA,4BAA+B,EAAA,sBAAqB,CAAA;QAG1D,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;IATK,EAAA;IAAe,CAAA,CAAA,IAAA,GAAA,EAYhC,EAQY,EAPL,EAAA,GAAE,EAAA;;IAEP,WAAQ;IACP,OAAK,EAAE,EAAA,MAAU;;qBAGV,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/lib/box/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./box-constants.cjs`),t=require(`./box.cjs`);exports.DT_BOX_AS_VALUES=e.DT_BOX_AS_VALUES,exports.DT_BOX_BORDER_COLOR_VALUES=e.DT_BOX_BORDER_COLOR_VALUES,exports.DT_BOX_BORDER_RADIUS_VALUES=e.DT_BOX_BORDER_RADIUS_VALUES,exports.DT_BOX_BORDER_WIDTH_VALUES=e.DT_BOX_BORDER_WIDTH_VALUES,exports.DT_BOX_LAYOUT_VALUES=e.DT_BOX_LAYOUT_VALUES,exports.DT_BOX_OVERFLOW_VALUES=e.DT_BOX_OVERFLOW_VALUES,exports.DT_BOX_SCROLLBAR_VALUES=e.DT_BOX_SCROLLBAR_VALUES,exports.DT_BOX_SHADOW_VALUES=e.DT_BOX_SHADOW_VALUES,exports.DT_BOX_SPACING_VALUES=e.DT_BOX_SPACING_VALUES,exports.DT_BOX_SURFACE_VALUES=e.DT_BOX_SURFACE_VALUES,exports.DtBox=t.default;

package/dist/lib/box/index.js

@@ -1,3 +0,0 @@
-import { DT_BOX_AS_VALUES as e, DT_BOX_BORDER_COLOR_VALUES as t, DT_BOX_BORDER_RADIUS_VALUES as n, DT_BOX_BORDER_WIDTH_VALUES as r, DT_BOX_LAYOUT_VALUES as i, DT_BOX_OVERFLOW_VALUES as a, DT_BOX_SCROLLBAR_VALUES as o, DT_BOX_SHADOW_VALUES as s, DT_BOX_SPACING_VALUES as c, DT_BOX_SURFACE_VALUES as l } from "./box-constants.js";
-import u from "./box.js";
-export { e as DT_BOX_AS_VALUES, t as DT_BOX_BORDER_COLOR_VALUES, n as DT_BOX_BORDER_RADIUS_VALUES, r as DT_BOX_BORDER_WIDTH_VALUES, i as DT_BOX_LAYOUT_VALUES, a as DT_BOX_OVERFLOW_VALUES, o as DT_BOX_SCROLLBAR_VALUES, s as DT_BOX_SHADOW_VALUES, c as DT_BOX_SPACING_VALUES, l as DT_BOX_SURFACE_VALUES, u as DtBox };

package/dist/lib/box/validators.cjs

@@ -1,2 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./box-constants.cjs`);function t(e,t=[]){return n=>{if(t.includes(n)||e.includes(String(n)))return!0;if(process.env.NODE_ENV!==`production`){let r=[...t.map(String),...e].join(`, `);console.warn(`[DtBox] Invalid prop value: "${n}". Valid values: ${r}`)}return!1}}var n=t(e.DT_BOX_AS_VALUES),r=t(e.DT_BOX_SPACING_VALUES),i=t(e.DT_BOX_SURFACE_VALUES),a=t(e.DT_BOX_BORDER_COLOR_VALUES),o=t(e.DT_BOX_BORDER_WIDTH_VALUES),s=t(e.DT_BOX_BORDER_RADIUS_VALUES),c=t(e.DT_BOX_SHADOW_VALUES),l=t(e.DT_BOX_LAYOUT_VALUES),u=t(e.DT_BOX_OVERFLOW_VALUES),d=t(e.DT_BOX_SCROLLBAR_VALUES,[!0]);exports.asValidator=n,exports.borderColorValidator=a,exports.borderRadiusValidator=s,exports.borderWidthValidator=o,exports.layoutValidator=l,exports.overflowValidator=u,exports.scrollbarValidator=d,exports.shadowValidator=c,exports.spacingValidator=r,exports.surfaceValidator=i;
-//# sourceMappingURL=validators.cjs.map

package/dist/lib/box/validators.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"validators.cjs","names":["DT_BOX_AS_VALUES","DT_BOX_SPACING_VALUES","DT_BOX_SURFACE_VALUES","DT_BOX_BORDER_COLOR_VALUES","DT_BOX_BORDER_WIDTH_VALUES","DT_BOX_BORDER_RADIUS_VALUES","DT_BOX_SHADOW_VALUES","DT_BOX_LAYOUT_VALUES","DT_BOX_OVERFLOW_VALUES","DT_BOX_SCROLLBAR_VALUES"],"sources":["../../../components/box/validators.js"],"sourcesContent":["import {\n  DT_BOX_AS_VALUES,\n  DT_BOX_SPACING_VALUES,\n  DT_BOX_SURFACE_VALUES,\n  DT_BOX_BORDER_COLOR_VALUES,\n  DT_BOX_BORDER_WIDTH_VALUES,\n  DT_BOX_BORDER_RADIUS_VALUES,\n  DT_BOX_SHADOW_VALUES,\n  DT_BOX_LAYOUT_VALUES,\n  DT_BOX_OVERFLOW_VALUES,\n  DT_BOX_SCROLLBAR_VALUES,\n} from './box_constants.js';\n\n// Vue's default validator warning omits the invalid value and allowed list.\n// This factory adds a dev-only console.warn to fill that gap.\nfunction listValidator (list, extras = []) {\n  return (value) => {\n    if (extras.includes(value)) return true;\n    if (list.includes(String(value))) return true;\n    if (process.env.NODE_ENV !== 'production') {\n      const allValid = [...extras.map(String), ...list].join(', ');\n       \n      console.warn(\n        `[DtBox] Invalid prop value: \"${value}\". Valid values: ${allValid}`,\n      );\n    }\n    return false;\n  };\n}\n\nexport const asValidator = listValidator(DT_BOX_AS_VALUES);\nexport const spacingValidator = listValidator(DT_BOX_SPACING_VALUES);\nexport const surfaceValidator = listValidator(DT_BOX_SURFACE_VALUES);\nexport const borderColorValidator = listValidator(DT_BOX_BORDER_COLOR_VALUES);\nexport const borderWidthValidator = listValidator(DT_BOX_BORDER_WIDTH_VALUES);\nexport const borderRadiusValidator = listValidator(DT_BOX_BORDER_RADIUS_VALUES);\nexport const shadowValidator = listValidator(DT_BOX_SHADOW_VALUES);\nexport const layoutValidator = listValidator(DT_BOX_LAYOUT_VALUES);\nexport const overflowValidator = listValidator(DT_BOX_OVERFLOW_VALUES);\nexport const scrollbarValidator = listValidator(DT_BOX_SCROLLBAR_VALUES, [true]);\n"],"mappings":"0GAeA,SAAS,EAAe,EAAM,EAAS,EAAE,CAAE,CACzC,MAAQ,IAAU,CAEhB,GADI,EAAO,SAAS,EAAM,EACtB,EAAK,SAAS,OAAO,EAAM,CAAC,CAAE,MAAO,GACzC,GAAA,QAAA,IAAA,WAA6B,aAAc,CACzC,IAAM,EAAW,CAAC,GAAG,EAAO,IAAI,OAAO,CAAE,GAAG,EAAK,CAAC,KAAK,KAAK,CAE5D,QAAQ,KACN,gCAAgC,EAAM,mBAAmB,IAC1D,CAEH,MAAO,IAIX,IAAa,EAAc,EAAcA,EAAAA,iBAAiB,CAC7C,EAAmB,EAAcC,EAAAA,sBAAsB,CACvD,EAAmB,EAAcC,EAAAA,sBAAsB,CACvD,EAAuB,EAAcC,EAAAA,2BAA2B,CAChE,EAAuB,EAAcC,EAAAA,2BAA2B,CAChE,EAAwB,EAAcC,EAAAA,4BAA4B,CAClE,EAAkB,EAAcC,EAAAA,qBAAqB,CACrD,EAAkB,EAAcC,EAAAA,qBAAqB,CACrD,EAAoB,EAAcC,EAAAA,uBAAuB,CACzD,EAAqB,EAAcC,EAAAA,wBAAyB,CAAC,GAAK,CAAC"}

package/dist/lib/box/validators.js

@@ -1,17 +0,0 @@
-import { DT_BOX_AS_VALUES as e, DT_BOX_BORDER_COLOR_VALUES as t, DT_BOX_BORDER_RADIUS_VALUES as n, DT_BOX_BORDER_WIDTH_VALUES as r, DT_BOX_LAYOUT_VALUES as i, DT_BOX_OVERFLOW_VALUES as a, DT_BOX_SCROLLBAR_VALUES as o, DT_BOX_SHADOW_VALUES as s, DT_BOX_SPACING_VALUES as c, DT_BOX_SURFACE_VALUES as l } from "./box-constants.js";
-//#region components/box/validators.js
-function u(e, t = []) {
-	return (n) => {
-		if (t.includes(n) || e.includes(String(n))) return !0;
-		if (process.env.NODE_ENV !== "production") {
-			let r = [...t.map(String), ...e].join(", ");
-			console.warn(`[DtBox] Invalid prop value: "${n}". Valid values: ${r}`);
-		}
-		return !1;
-	};
-}
-var d = u(e), f = u(c), p = u(l), m = u(t), h = u(r), g = u(n), _ = u(s), v = u(i), y = u(a), b = u(o, [!0]);
-//#endregion
-export { d as asValidator, m as borderColorValidator, g as borderRadiusValidator, h as borderWidthValidator, v as layoutValidator, y as overflowValidator, b as scrollbarValidator, _ as shadowValidator, f as spacingValidator, p as surfaceValidator };
-
-//# sourceMappingURL=validators.js.map

package/dist/lib/box/validators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validators.js","names":[],"sources":["../../../components/box/validators.js"],"sourcesContent":["import {\n  DT_BOX_AS_VALUES,\n  DT_BOX_SPACING_VALUES,\n  DT_BOX_SURFACE_VALUES,\n  DT_BOX_BORDER_COLOR_VALUES,\n  DT_BOX_BORDER_WIDTH_VALUES,\n  DT_BOX_BORDER_RADIUS_VALUES,\n  DT_BOX_SHADOW_VALUES,\n  DT_BOX_LAYOUT_VALUES,\n  DT_BOX_OVERFLOW_VALUES,\n  DT_BOX_SCROLLBAR_VALUES,\n} from './box_constants.js';\n\n// Vue's default validator warning omits the invalid value and allowed list.\n// This factory adds a dev-only console.warn to fill that gap.\nfunction listValidator (list, extras = []) {\n  return (value) => {\n    if (extras.includes(value)) return true;\n    if (list.includes(String(value))) return true;\n    if (process.env.NODE_ENV !== 'production') {\n      const allValid = [...extras.map(String), ...list].join(', ');\n       \n      console.warn(\n        `[DtBox] Invalid prop value: \"${value}\". Valid values: ${allValid}`,\n      );\n    }\n    return false;\n  };\n}\n\nexport const asValidator = listValidator(DT_BOX_AS_VALUES);\nexport const spacingValidator = listValidator(DT_BOX_SPACING_VALUES);\nexport const surfaceValidator = listValidator(DT_BOX_SURFACE_VALUES);\nexport const borderColorValidator = listValidator(DT_BOX_BORDER_COLOR_VALUES);\nexport const borderWidthValidator = listValidator(DT_BOX_BORDER_WIDTH_VALUES);\nexport const borderRadiusValidator = listValidator(DT_BOX_BORDER_RADIUS_VALUES);\nexport const shadowValidator = listValidator(DT_BOX_SHADOW_VALUES);\nexport const layoutValidator = listValidator(DT_BOX_LAYOUT_VALUES);\nexport const overflowValidator = listValidator(DT_BOX_OVERFLOW_VALUES);\nexport const scrollbarValidator = listValidator(DT_BOX_SCROLLBAR_VALUES, [true]);\n"],"mappings":";;AAeA,SAAS,EAAe,GAAM,IAAS,EAAE,EAAE;AACzC,SAAQ,MAAU;AAEhB,MADI,EAAO,SAAS,EAAM,IACtB,EAAK,SAAS,OAAO,EAAM,CAAC,CAAE,QAAO;AACzC,MAAA,QAAA,IAAA,aAA6B,cAAc;GACzC,IAAM,IAAW,CAAC,GAAG,EAAO,IAAI,OAAO,EAAE,GAAG,EAAK,CAAC,KAAK,KAAK;AAE5D,WAAQ,KACN,gCAAgC,EAAM,mBAAmB,IAC1D;;AAEH,SAAO;;;AAIX,IAAa,IAAc,EAAc,EAAiB,EAC7C,IAAmB,EAAc,EAAsB,EACvD,IAAmB,EAAc,EAAsB,EACvD,IAAuB,EAAc,EAA2B,EAChE,IAAuB,EAAc,EAA2B,EAChE,IAAwB,EAAc,EAA4B,EAClE,IAAkB,EAAc,EAAqB,EACrD,IAAkB,EAAc,EAAqB,EACrD,IAAoB,EAAc,EAAuB,EACzD,IAAqB,EAAc,GAAyB,CAAC,GAAK,CAAC"}

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

@@ -1,2 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`100`,`200`,`300`,`400`,`xs`,`sm`,`md`,`lg`],t=200,n={100:`xs`,200:`sm`,300:`md`,400:`lg`};exports.CODEBLOCK_SIZES=e,exports.CODEBLOCK_SIZE_DEFAULT=t,exports.CODEBLOCK_SIZE_MAP=n;
-//# sourceMappingURL=codeblock-constants.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"codeblock-constants.cjs","names":[],"sources":["../../../components/codeblock/codeblock_constants.js"],"sourcesContent":["export const CODEBLOCK_SIZES = ['100', '200', '300', '400', 'xs', 'sm', 'md', 'lg'];\nexport const CODEBLOCK_SIZE_DEFAULT = 200;\n\n// Numeric → CSS class suffix mapping (numeric values use the t-shirt class suffix)\nexport const CODEBLOCK_SIZE_MAP = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n};\n"],"mappings":"mEAAA,IAAa,EAAkB,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CACtE,EAAyB,IAGzB,EAAqB,CAChC,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACN"}

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

@@ -1,20 +0,0 @@
-//#region components/codeblock/codeblock_constants.js
-var e = [
-	"100",
-	"200",
-	"300",
-	"400",
-	"xs",
-	"sm",
-	"md",
-	"lg"
-], t = 200, n = {
-	100: "xs",
-	200: "sm",
-	300: "md",
-	400: "lg"
-};
-//#endregion
-export { e as CODEBLOCK_SIZES, t as CODEBLOCK_SIZE_DEFAULT, n as CODEBLOCK_SIZE_MAP };
-
-//# sourceMappingURL=codeblock-constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"codeblock-constants.js","names":[],"sources":["../../../components/codeblock/codeblock_constants.js"],"sourcesContent":["export const CODEBLOCK_SIZES = ['100', '200', '300', '400', 'xs', 'sm', 'md', 'lg'];\nexport const CODEBLOCK_SIZE_DEFAULT = 200;\n\n// Numeric → CSS class suffix mapping (numeric values use the t-shirt class suffix)\nexport const CODEBLOCK_SIZE_MAP = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n};\n"],"mappings":";AAAA,IAAa,IAAkB;CAAC;CAAO;CAAO;CAAO;CAAO;CAAM;CAAM;CAAM;CAAK,EACtE,IAAyB,KAGzB,IAAqB;CAChC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN"}

package/dist/lib/filter-pill/filter-pill.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../mode_constants-CzYJW9ua.cjs`),n=require(`../button/button-constants.cjs`),r=require(`../../localization/index.cjs`),i=require(`../button/button.cjs`),a=require(`../checkbox/checkbox.cjs`),o=require(`../checkbox-group/checkbox-group.cjs`),s=require(`../list-item/list-item.cjs`),c=require(`../stack/stack.cjs`),l=require(`../popover/popover-constants.cjs`),u=require(`../popover/popover.cjs`),d=require(`../dropdown/dropdown.cjs`);let f=require(`vue`),p=require(`@dialpad/dialtone-icons/vue`);var m={name:`DtFilterPill`,components:{DtCheckboxGroup:o.default,DtCheckbox:a.default,DtPopover:u.default,DtButton:i.default,DtIconClose:p.DtIconClose,DtIconChevronDown:p.DtIconChevronDown,DtDropdown:d.default,DtListItem:s.default,DtStack:c.default},props:{useDropdown:{type:Boolean,default:!1},deferSelection:{type:Boolean,default:!1},modelValue:{type:Array,default:()=>[]},startTooltipText:{type:String,default:``},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},showClear:{type:Boolean,default:!0},label:{type:String,default:void 0},endTooltipText:{type:String,default:``},popoverAppendTo:{type:[HTMLElement,String],default:`body`,validator:e=>l.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},popoverFallbackPlacements:{type:Array,default:()=>[`auto`]},popoverMaxHeight:{type:String,default:``},popoverMaxWidth:{type:String,default:``},popoverPadding:{type:String,default:`large`,validator:e=>Object.keys(l.POPOVER_PADDING_CLASSES).some(t=>t===e)},popoverPlacement:{type:String,default:`bottom-start`},labelClass:{type:[String,Array,Object],default:``},popoverContentClass:{type:[String,Array,Object],default:``},popoverHeaderClass:{type:[String,Array,Object],default:``},popoverFooterClass:{type:[String,Array,Object],default:``},popoverDialogClass:{type:[String,Array,Object],default:``},dropdownListClass:{type:[String,Array,Object],default:``},contentMode:t.t,size:{type:[String,Number],default:200,validator:e=>Object.keys(n.BUTTON_SIZE_MODIFIERS).includes(String(e))}},emits:[`clear`,`open`,`update:modelValue`,`apply`],data(){return{isOpen:!1,i18n:new r.DialtoneLocalization,filters:this.modelValue,pendingFilters:null}},computed:{overlayComponent(){return this.useDropdown?`dt-dropdown`:`dt-popover`},overlayProps(){let e={"append-to":this.popoverAppendTo,"fallback-placements":this.popoverFallbackPlacements,"max-height":this.popoverMaxHeight,"max-width":this.popoverMaxWidth,modal:!0,placement:this.popoverPlacement};return this.useDropdown?e[`list-class`]=this.dropdownListClass:(e.padding=this.popoverPadding,e[`content-class`]=this.popoverContentClass,e[`header-wrapper-class`]=this.popoverHeaderClass,e[`footer-wrapper-class`]=this.popoverFooterClass,e[`dialog-class`]=this.popoverDialogClass),e},buttonKind(){return this.isActive&&!this.disabled?`default`:`muted`},resolvedStartTooltipText(){return this.readOnly?this.startTooltipText||this.i18n.$t(`DIALTONE_FILTER_PILL_READ_ONLY_TOOLTIP`):this.startTooltipText},clearButtonAriaLabel(){return this.endTooltipText||this.i18n.$t(`DIALTONE_FILTER_PILL_CLEAR_BUTTON_LABEL`)},clearButtonTitle(){if(!this.endTooltipText)return this.clearButtonAriaLabel},activeFilters(){return this.filters.filter(e=>e.active).map(e=>e.name)},activeFilterList(){return this.activeFilters.length===this.filters.length&&this.filters.length>1?`All`:this.activeFilters[0]??``},activeFilterOverflow(){return this.activeFilters.length<=1||this.activeFilters.length===this.filters.length&&this.filters.length>1?``:`+`+(this.activeFilters.length-1)},isActive(){return this.activeFilterList.length>0},hasClear(){return!this.readOnly&&this.showClear&&this.activeFilterList.length>0},displayFilters(){return this.deferSelection&&this.pendingFilters?this.pendingFilters:this.filters},pendingActiveFilters(){return this.pendingFilters?this.pendingFilters.filter(e=>e.active).map(e=>e.name):[]},cancelButtonLabel(){return this.i18n.$t(`DIALTONE_FILTER_PILL_CANCEL_BUTTON_LABEL`)},applyButtonLabel(){return this.i18n.$t(`DIALTONE_FILTER_PILL_APPLY_BUTTON_LABEL`)},clearIconSize(){return String(this.size)===`100`?`100`:n.BUTTON_ICON_SIZES[String(this.size)]}},watch:{isOpen(e){this.$emit(`open`,e),this.deferSelection&&(e?this.pendingFilters=JSON.parse(JSON.stringify(this.filters)):this.pendingFilters=null)},filters:{deep:!0,handler(e){this.$emit(`update:modelValue`,e)}}},mounted(){this.modelValue?.length||this.$slots.content&&this.$slots.content()||console.warn(`Please provide content through the v-model or the "content" slot.`),this.deferSelection&&this.useDropdown&&console.warn(`deferSelection has no effect when useDropdown is true.`)},methods:{clearFilter(e){this.filters.forEach(e=>delete e.active),this.$emit(`clear`,e)},openPopover(){this.readOnly||(this.isOpen=!0)},selectFilter(e,t){this.filters.forEach(t=>{t.active=t===e}),t()},applySelection(){this.pendingFilters&&(this.filters.forEach((e,t)=>{this.pendingFilters[t]?e.active=this.pendingFilters[t].active:delete e.active}),this.$emit(`apply`),this.isOpen=!1)},cancelSelection(){this.isOpen=!1}}},h=[`title`,`textContent`],g=[`title`,`textContent`],_=[`title`,`textContent`];function v(e,t,n,r,i,a){let o=(0,f.resolveComponent)(`dt-icon-chevron-down`),s=(0,f.resolveComponent)(`dt-button`),c=(0,f.resolveComponent)(`dt-checkbox`),l=(0,f.resolveComponent)(`dt-checkbox-group`),u=(0,f.resolveComponent)(`dt-stack`),d=(0,f.resolveComponent)(`dt-list-item`),p=(0,f.resolveComponent)(`dt-icon-close`),m=(0,f.resolveDirective)(`dt-tooltip`);return(0,f.openBlock)(),(0,f.createElementBlock)(`div`,{class:(0,f.normalizeClass)([`d-filter-pill`,{"d-filter-pill--read-only":n.readOnly}]),"data-qa":`dt-filter-pill`},[((0,f.openBlock)(),(0,f.createBlock)((0,f.resolveDynamicComponent)(a.overlayComponent),(0,f.mergeProps)({open:i.isOpen,"onUpdate:open":t[0]||(t[0]=e=>i.isOpen=e)},a.overlayProps,{"content-mode":n.contentMode}),(0,f.createSlots)({anchor:(0,f.withCtx)(t=>[(0,f.withDirectives)(((0,f.openBlock)(),(0,f.createBlock)(s,(0,f.mergeProps)(n.useDropdown?t:t.attrs,{active:a.isActive,"aria-disabled":n.readOnly||void 0,class:[`d-filter-pill__primary`,{"d-filter-pill--selected":a.isActive}],disabled:n.disabled,kind:a.buttonKind,size:n.size,"data-qa":`dt-filter-pill__button`,importance:`outlined`,onClick:a.openPopover,onKeydown:(0,f.withKeys)((0,f.withModifiers)(a.openPopover,[`prevent`]),[`up`,`down`])}),(0,f.createSlots)({default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`span`,{class:(0,f.normalizeClass)([`d-filter-pill__label`,n.labelClass])},[(0,f.renderSlot)(e.$slots,`default`,{label:n.label,filters:i.filters,activeFilters:a.activeFilters,activeFilterList:a.activeFilterList,activeFilterOverflow:a.activeFilterOverflow},()=>[(0,f.createElementVNode)(`span`,{class:`d-filter-pill__label-start`,title:n.label,textContent:(0,f.toDisplayString)(n.label)},null,8,h),a.activeFilterList?((0,f.openBlock)(),(0,f.createElementBlock)(`span`,{key:0,class:`d-filter-pill__label-end`,title:a.activeFilterList,textContent:(0,f.toDisplayString)(a.activeFilterList)},null,8,g)):(0,f.createCommentVNode)(``,!0),a.activeFilterOverflow?((0,f.openBlock)(),(0,f.createElementBlock)(`span`,{key:1,class:`d-filter-pill__label-end-overflow`,title:`plus ${a.activeFilters.length-1} others`,textContent:(0,f.toDisplayString)(a.activeFilterOverflow)},null,8,_)):(0,f.createCommentVNode)(``,!0)])],2)]),_:2},[e.$slots.startIcon?{name:`startIcon`,fn:(0,f.withCtx)(({iconSize:t})=>[(0,f.renderSlot)(e.$slots,`startIcon`,{iconSize:t})]),key:`0`}:void 0,n.readOnly?void 0:{name:`endIcon`,fn:(0,f.withCtx)(({iconSize:e})=>[(0,f.createVNode)(o,{size:e,class:`d-filter-pill__icon`,"data-qa":`dt-filter-pill__icon`},null,8,[`size`])]),key:`1`}]),1040,[`active`,`aria-disabled`,`class`,`disabled`,`kind`,`size`,`onClick`,`onKeydown`])),[[m,a.resolvedStartTooltipText]])]),_:2},[n.useDropdown?void 0:{name:`content`,fn:(0,f.withCtx)(({close:t})=>[(0,f.renderSlot)(e.$slots,`content`,{close:t,apply:a.applySelection,cancel:a.cancelSelection,pendingFilters:i.pendingFilters},()=>[n.modelValue?.length?((0,f.openBlock)(),(0,f.createBlock)(l,{key:0,"model-value":n.deferSelection?a.pendingActiveFilters:a.activeFilters,"aria-label":n.label,name:n.label||`filter-pill`},{default:(0,f.withCtx)(()=>[((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(a.displayFilters,e=>((0,f.openBlock)(),(0,f.createBlock)(c,{key:e.name,label:e.name,value:e.name,"onUpdate:modelValue":t=>e.active=t},null,8,[`label`,`value`,`onUpdate:modelValue`]))),128))]),_:1},8,[`model-value`,`aria-label`,`name`])):(0,f.createCommentVNode)(``,!0)])]),key:`0`},!n.useDropdown&&e.$slots.headerContent?{name:`headerContent`,fn:(0,f.withCtx)(({close:t})=>[(0,f.renderSlot)(e.$slots,`headerContent`,{close:t})]),key:`1`}:void 0,!n.useDropdown&&(n.deferSelection||e.$slots.footerContent)?{name:`footerContent`,fn:(0,f.withCtx)(({close:t})=>[(0,f.renderSlot)(e.$slots,`footerContent`,{close:t,apply:a.applySelection,cancel:a.cancelSelection},()=>[n.deferSelection?((0,f.openBlock)(),(0,f.createBlock)(u,{key:0,direction:`row`,gap:`400`,justify:`end`,"data-qa":`dt-filter-pill__deferred-footer`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(s,{importance:`clear`,kind:`muted`,size:200,"data-qa":`dt-filter-pill__cancel-button`,onClick:a.cancelSelection},{default:(0,f.withCtx)(()=>[(0,f.createTextVNode)((0,f.toDisplayString)(a.cancelButtonLabel),1)]),_:1},8,[`onClick`]),(0,f.createVNode)(s,{importance:`primary`,size:200,"data-qa":`dt-filter-pill__apply-button`,onClick:a.applySelection},{default:(0,f.withCtx)(()=>[(0,f.createTextVNode)((0,f.toDisplayString)(a.applyButtonLabel),1)]),_:1},8,[`onClick`])]),_:1})):(0,f.createCommentVNode)(``,!0)])]),key:`2`}:void 0,n.useDropdown?{name:`list`,fn:(0,f.withCtx)(({close:t})=>[(0,f.renderSlot)(e.$slots,`content`,{close:t},()=>[((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(i.filters,e=>((0,f.openBlock)(),(0,f.createBlock)(d,{key:e.name,role:`menuitem`,"navigation-type":`arrow-keys`,selected:e.active,onClick:n=>a.selectFilter(e,t)},{default:(0,f.withCtx)(()=>[(0,f.createTextVNode)((0,f.toDisplayString)(e.name),1)]),_:2},1032,[`selected`,`onClick`]))),128))])]),key:`3`}:void 0]),1040,[`open`,`content-mode`])),a.hasClear?(0,f.withDirectives)(((0,f.openBlock)(),(0,f.createBlock)(s,{key:0,active:a.isActive,"aria-label":a.clearButtonAriaLabel,class:(0,f.normalizeClass)([`d-filter-pill__clear`,{"d-filter-pill__clear--selected":a.isActive}]),disabled:n.disabled,kind:a.buttonKind,size:n.size,title:a.clearButtonTitle,"data-qa":`dt-filter-pill__clear-button`,importance:`outlined`,onClick:a.clearFilter},{icon:(0,f.withCtx)(()=>[(0,f.createVNode)(p,{size:a.clearIconSize},null,8,[`size`])]),_:1},8,[`active`,`aria-label`,`class`,`disabled`,`kind`,`size`,`title`,`onClick`])),[[m,n.endTooltipText]]):(0,f.createCommentVNode)(``,!0)],2)}var y=e.t(m,[[`render`,v]]);exports.default=y;
-//# sourceMappingURL=filter-pill.cjs.map

package/dist/lib/filter-pill/filter-pill.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-pill.cjs","names":[],"sources":["../../../components/filter_pill/filter_pill.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-filter-pill',\n      { 'd-filter-pill--read-only': readOnly },\n    ]\"\n    data-qa=\"dt-filter-pill\"\n  >\n    <component\n      :is=\"overlayComponent\"\n      v-model:open=\"isOpen\"\n      v-bind=\"overlayProps\"\n      :content-mode=\"contentMode\"\n    >\n      <template #anchor=\"slotData\">\n        <dt-button\n          v-dt-tooltip=\"resolvedStartTooltipText\"\n          v-bind=\"useDropdown ? slotData : slotData.attrs\"\n          :active=\"isActive\"\n          :aria-disabled=\"readOnly || undefined\"\n          :class=\"[\n            'd-filter-pill__primary',\n            {\n              'd-filter-pill--selected': isActive,\n            },\n          ]\"\n          :disabled=\"disabled\"\n          :kind=\"buttonKind\"\n          :size=\"size\"\n          data-qa=\"dt-filter-pill__button\"\n          importance=\"outlined\"\n          @click=\"openPopover\"\n          @keydown.up.down.prevent=\"openPopover\"\n        >\n          <template\n            v-if=\"$slots.startIcon\"\n            #startIcon=\"{ iconSize }\"\n          >\n            <!-- @slot Icon displayed before the label -->\n            <slot\n              name=\"startIcon\"\n              :icon-size=\"iconSize\"\n            />\n          </template>\n          <span :class=\"['d-filter-pill__label', labelClass]\">\n            <!-- @slot Allows you to customize the label slot -->\n            <slot\n              :label=\"label\"\n              :filters=\"filters\"\n              :active-filters=\"activeFilters\"\n              :active-filter-list=\"activeFilterList\"\n              :active-filter-overflow=\"activeFilterOverflow\"\n            >\n              <span\n                class=\"d-filter-pill__label-start\"\n                :title=\"label\"\n                v-text=\"label\"\n              />\n              <span\n                v-if=\"activeFilterList\"\n                class=\"d-filter-pill__label-end\"\n                :title=\"activeFilterList\"\n                v-text=\"activeFilterList\"\n              />\n              <span\n                v-if=\"activeFilterOverflow\"\n                class=\"d-filter-pill__label-end-overflow\"\n                :title=\"`plus ${activeFilters.length - 1} others`\"\n                v-text=\"activeFilterOverflow\"\n              />\n            </slot>\n          </span>\n          <template\n            v-if=\"!readOnly\"\n            #endIcon=\"{ iconSize }\"\n          >\n            <dt-icon-chevron-down\n              :size=\"iconSize\"\n              class=\"d-filter-pill__icon\"\n              data-qa=\"dt-filter-pill__icon\"\n            />\n          </template>\n        </dt-button>\n      </template>\n      <template\n        v-if=\"!useDropdown\"\n        #content=\"{ close }\"\n      >\n        <!-- @slot Allows you to override the popover content, only use this if you need custom behavior -->\n        <slot\n          :close=\"close\"\n          :apply=\"applySelection\"\n          :cancel=\"cancelSelection\"\n          :pending-filters=\"pendingFilters\"\n          name=\"content\"\n        >\n          <dt-checkbox-group\n            v-if=\"modelValue?.length\"\n            :model-value=\"deferSelection ? pendingActiveFilters : activeFilters\"\n            :aria-label=\"label\"\n            :name=\"label || 'filter-pill'\"\n          >\n            <dt-checkbox\n              v-for=\"filter in displayFilters\"\n              :key=\"filter.name\"\n              :label=\"filter.name\"\n              :value=\"filter.name\"\n              @update:model-value=\"($event) => filter.active = $event\"\n            />\n          </dt-checkbox-group>\n        </slot>\n      </template>\n      <template\n        v-if=\"!useDropdown && $slots.headerContent\"\n        #headerContent=\"{ close }\"\n      >\n        <!-- @slot Allows you to customize the popover header -->\n        <slot\n          name=\"headerContent\"\n          :close=\"close\"\n        />\n      </template>\n      <template\n        v-if=\"!useDropdown && (deferSelection || $slots.footerContent)\"\n        #footerContent=\"{ close }\"\n      >\n        <!-- @slot Allows you to customize the popover footer. Receives { close, apply, cancel } bindings. -->\n        <slot\n          name=\"footerContent\"\n          :close=\"close\"\n          :apply=\"applySelection\"\n          :cancel=\"cancelSelection\"\n        >\n          <dt-stack\n            v-if=\"deferSelection\"\n            direction=\"row\"\n            gap=\"400\"\n            justify=\"end\"\n            data-qa=\"dt-filter-pill__deferred-footer\"\n          >\n            <dt-button\n              importance=\"clear\"\n              kind=\"muted\"\n              :size=\"200\"\n              data-qa=\"dt-filter-pill__cancel-button\"\n              @click=\"cancelSelection\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              importance=\"primary\"\n              :size=\"200\"\n              data-qa=\"dt-filter-pill__apply-button\"\n              @click=\"applySelection\"\n            >\n              {{ applyButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </slot>\n      </template>\n      <template\n        v-if=\"useDropdown\"\n        #list=\"{ close }\"\n      >\n        <!-- @slot Allows you to override the dropdown content -->\n        <slot\n          :close=\"close\"\n          name=\"content\"\n        >\n          <dt-list-item\n            v-for=\"filter in filters\"\n            :key=\"filter.name\"\n            role=\"menuitem\"\n            navigation-type=\"arrow-keys\"\n            :selected=\"filter.active\"\n            @click=\"selectFilter(filter, close)\"\n          >\n            {{ filter.name }}\n          </dt-list-item>\n        </slot>\n      </template>\n    </component>\n    <dt-button\n      v-if=\"hasClear\"\n      v-dt-tooltip=\"endTooltipText\"\n      :active=\"isActive\"\n      :aria-label=\"clearButtonAriaLabel\"\n      :class=\"[\n        'd-filter-pill__clear',\n        { 'd-filter-pill__clear--selected': isActive },\n      ]\"\n      :disabled=\"disabled\"\n      :kind=\"buttonKind\"\n      :size=\"size\"\n      :title=\"clearButtonTitle\"\n      data-qa=\"dt-filter-pill__clear-button\"\n      importance=\"outlined\"\n      @click=\"clearFilter\"\n    >\n      <template #icon>\n        <dt-icon-close :size=\"clearIconSize\" />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtPopover, POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES } from '@/components/popover';\nimport { CONTENT_MODE_PROP } from '@/common/mode_constants';\nimport { BUTTON_SIZE_MODIFIERS, BUTTON_ICON_SIZES, DtButton } from '@/components/button';\nimport { DtIconChevronDown, DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { DialtoneLocalization } from '@/localization';\nimport { DtCheckbox } from '@/components/checkbox';\nimport { DtCheckboxGroup } from '@/components/checkbox_group';\nimport { DtDropdown } from '@/components/dropdown';\nimport { DtListItem } from '@/components/list_item';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'DtFilterPill',\n\n  components: {\n    DtCheckboxGroup,\n    DtCheckbox,\n    DtPopover,\n    DtButton,\n    DtIconClose,\n    DtIconChevronDown,\n    DtDropdown,\n    DtListItem,\n    DtStack,\n  },\n\n  props: {\n    /**\n     * When true, uses DtDropdown instead of DtPopover as the overlay.\n     * Provides keyboard navigation (arrow keys) for list items.\n     * Default content renders DtListItem elements (single-select)\n     * instead of checkboxes (multi-select).\n     */\n    useDropdown: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * When true, checkbox changes are held in a pending state until the user\n     * clicks Apply. Cancel or closing the popover discards pending changes.\n     * Only applies to popover mode (not useDropdown).\n     */\n    deferSelection: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Array of filters to display in the popover,\n     * should be an array of objects with `name` and `active` properties\n     */\n    modelValue: {\n      type: Array,\n      default: () => [],\n    },\n\n    /**\n     * Text shown in tooltip when you hover the start button,\n     * required if no content is passed to default slot\n     */\n    startTooltipText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * HTML disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * When true, the pill cannot be interacted with but does not\n     * receive disabled visual styling. Adds `d-filter-pill--read-only`\n     * class and hides the chevron icon. The clear button is suppressed\n     * and the tooltip falls back to a read-only message when\n     * startTooltipText is not provided.\n     */\n    readOnly: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows the clear button when a filter is active\n     * @values true, false\n     */\n    showClear: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Label of the button\n     */\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the end button,\n     * required as it is an icon only button\n     */\n    endTooltipText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Sets the element to which the\n     * <a class=\"d-link\" href=\"https://dialtone.dialpad.com/components/popover.html#vue-api\" target=\"_blank\">popover component</a>\n     *  is going to append to\n     * @values body, parent, root, HTMLElement\n     */\n    popoverAppendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n          (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * If the dropdown does not fit in the direction described by \"popoverPlacement\",\n     * it will attempt to change it's direction to the \"popoverFallbackPlacements\".\n     *\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     * */\n    popoverFallbackPlacements: {\n      type: Array,\n      default: () => {\n        return ['auto'];\n      },\n    },\n\n    /**\n     * Determines maximum height for the popover before overflow.\n     * Possible units rem|px|em\n     */\n    popoverMaxHeight: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines maximum width for the popover before overflow.\n     * Possible units rem|px|%|em\n     */\n    popoverMaxWidth: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n    popoverPadding: {\n      type: String,\n      default: 'large',\n      validator: (padding) => {\n        return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n      },\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor.\n     * <a class=\"d-link\" href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\" target=\"_blank\">Tippy.js docs</a>\n     * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end\n     */\n    popoverPlacement: {\n      type: String,\n      default: 'bottom-start',\n    },\n\n    /**\n     * Additional CSS class(es) applied to the label wrapper element.\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional CSS class(es) applied to the popover content area.\n     * Only applies when useDropdown is false.\n     */\n    popoverContentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional CSS class(es) applied to the outer popover header element (`d-popover__header`).\n     * Only applies when useDropdown is false.\n     */\n    popoverHeaderClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional CSS class(es) applied to the outer popover footer element (`d-popover__footer`).\n     * Only applies when useDropdown is false.\n     */\n    popoverFooterClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional CSS class(es) applied to the popover dialog element.\n     * Only applies when useDropdown is false.\n     */\n    popoverDialogClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional CSS class(es) applied to the dropdown list wrapper.\n     * Only applies when useDropdown is true.\n     */\n    dropdownListClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Applies a color mode to the positioned content element.\n     * @values light, dark, invert\n     */\n    contentMode: CONTENT_MODE_PROP,\n\n    /**\n     * The size of the button.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 200,\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(String(s)),\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when clicking the clear button\n     *\n     * @event clear\n     * @type {Boolean | Array}\n     */\n    'clear',\n\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'open',\n\n    /**\n     * Emitted when the active filters change\n     * @type {Array}\n     */\n    'update:modelValue',\n\n    /**\n     * Emitted when deferred selection is applied\n     *\n     * @event apply\n     */\n    'apply',\n  ],\n\n  data () {\n    return {\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n      filters: this.modelValue,\n      pendingFilters: null,\n    };\n  },\n\n  computed: {\n    overlayComponent () {\n      return this.useDropdown ? 'dt-dropdown' : 'dt-popover';\n    },\n\n    overlayProps () {\n      const props = {\n        'append-to': this.popoverAppendTo,\n        'fallback-placements': this.popoverFallbackPlacements,\n        'max-height': this.popoverMaxHeight,\n        'max-width': this.popoverMaxWidth,\n        modal: true,\n        placement: this.popoverPlacement,\n      };\n      if (this.useDropdown) {\n        props['list-class'] = this.dropdownListClass;\n      } else {\n        props.padding = this.popoverPadding;\n        props['content-class'] = this.popoverContentClass;\n        props['header-wrapper-class'] = this.popoverHeaderClass;\n        props['footer-wrapper-class'] = this.popoverFooterClass;\n        props['dialog-class'] = this.popoverDialogClass;\n      }\n      return props;\n    },\n\n    buttonKind () {\n      return (this.isActive && !this.disabled) ? 'default' : 'muted';\n    },\n\n    resolvedStartTooltipText () {\n      if (this.readOnly) return this.startTooltipText || this.i18n.$t('DIALTONE_FILTER_PILL_READ_ONLY_TOOLTIP');\n      return this.startTooltipText;\n    },\n\n    clearButtonAriaLabel () {\n      return this.endTooltipText || this.i18n.$t('DIALTONE_FILTER_PILL_CLEAR_BUTTON_LABEL');\n    },\n\n    clearButtonTitle () {\n      if (this.endTooltipText) return;\n\n      return this.clearButtonAriaLabel\n    },\n\n    activeFilters () {\n      return this.filters.filter(filter => filter.active).map(filter => filter.name);\n    },\n\n    activeFilterList () {\n      if (this.activeFilters.length === this.filters.length && this.filters.length > 1) {\n        return 'All';\n      }\n\n      return this.activeFilters[0] ?? '';\n    },\n\n    activeFilterOverflow () {\n      if (this.activeFilters.length <= 1) return '';\n      if (this.activeFilters.length === this.filters.length && this.filters.length > 1) return '';\n\n      return '+' + (this.activeFilters.length - 1);\n    },\n\n    isActive () {\n      return this.activeFilterList.length > 0;\n    },\n\n    hasClear () {\n      return !this.readOnly && this.showClear && this.activeFilterList.length > 0;\n    },\n\n    displayFilters () {\n      return (this.deferSelection && this.pendingFilters) ? this.pendingFilters : this.filters;\n    },\n\n    pendingActiveFilters () {\n      if (!this.pendingFilters) return [];\n      return this.pendingFilters.filter(f => f.active).map(f => f.name);\n    },\n\n    cancelButtonLabel () {\n      return this.i18n.$t('DIALTONE_FILTER_PILL_CANCEL_BUTTON_LABEL');\n    },\n\n    applyButtonLabel () {\n      return this.i18n.$t('DIALTONE_FILTER_PILL_APPLY_BUTTON_LABEL');\n    },\n\n    clearIconSize () {\n      if (String(this.size) === '100') return '100';\n      return BUTTON_ICON_SIZES[String(this.size)];\n    },\n  },\n\n  watch: {\n    isOpen (isOpen) {\n      this.$emit('open', isOpen);\n      if (this.deferSelection) {\n        if (isOpen) {\n          this.pendingFilters = JSON.parse(JSON.stringify(this.filters));\n        } else {\n          this.pendingFilters = null;\n        }\n      }\n    },\n\n    filters: {\n      deep: true,\n      handler (filters) {\n        this.$emit('update:modelValue', filters);\n      },\n    },\n  },\n\n  mounted () {\n    if (!(this.modelValue?.length || (this.$slots.content && this.$slots.content()))) {\n      console.warn('Please provide content through the v-model or the \"content\" slot.');\n    }\n    if (this.deferSelection && this.useDropdown) {\n      console.warn('deferSelection has no effect when useDropdown is true.');\n    }\n  },\n\n  methods: {\n    clearFilter ($event) {\n      this.filters.forEach(filter => delete filter.active);\n      this.$emit('clear', $event)\n    },\n\n    openPopover () {\n      if (this.readOnly) return;\n      this.isOpen = true;\n    },\n\n    selectFilter (selectedFilter, close) {\n      this.filters.forEach(filter => {\n        filter.active = filter === selectedFilter;\n      });\n      close();\n    },\n\n    applySelection () {\n      if (!this.pendingFilters) return;\n      this.filters.forEach((filter, i) => {\n        if (this.pendingFilters[i]) {\n          filter.active = this.pendingFilters[i].active;\n        } else {\n          delete filter.active;\n        }\n      });\n      this.$emit('apply');\n      this.isOpen = false;\n    },\n\n    cancelSelection () {\n      this.isOpen = false;\n    },\n  },\n};\n</script>\n"],"mappings":"gsBA0NA,IAAK,EAAU,CACb,KAAM,eAEN,WAAY,CACV,gBAAA,EAAA,QACA,WAAA,EAAA,QACA,UAAA,EAAA,QACA,SAAA,EAAA,QACA,YAAA,EAAA,YACA,kBAAA,EAAA,kBACA,WAAA,EAAA,QACA,WAAA,EAAA,QACA,QAAA,EAAA,QACD,CAED,MAAO,CAOL,YAAa,CACX,KAAM,QACN,QAAS,GACV,CAOD,eAAgB,CACd,KAAM,QACN,QAAS,GACV,CAMD,WAAY,CACV,KAAM,MACN,YAAe,EAAE,CAClB,CAMD,iBAAkB,CAChB,KAAM,OACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CASD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAKD,MAAO,CACL,KAAM,OACN,QAAS,IAAA,GACV,CAMD,eAAgB,CACd,KAAM,OACN,QAAS,GACV,CAQD,gBAAiB,CACf,KAAM,CAAC,YAAa,OAAO,CAC3B,QAAS,OACT,UAAW,GACF,EAAA,yBAAyB,SAAS,EAAQ,EAC9C,aAAoB,YAE1B,CAYD,0BAA2B,CACzB,KAAM,MACN,YACS,CAAC,OAAO,CAElB,CAMD,iBAAkB,CAChB,KAAM,OACN,QAAS,GACV,CAMD,gBAAiB,CACf,KAAM,OACN,QAAS,GACV,CAMD,eAAgB,CACd,KAAM,OACN,QAAS,QACT,UAAY,GACH,OAAO,KAAK,EAAA,wBAAwB,CAAC,KAAM,GAAS,IAAS,EAAQ,CAE/E,CAOD,iBAAkB,CAChB,KAAM,OACN,QAAS,eACV,CAKD,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,oBAAqB,CACnB,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,mBAAoB,CAClB,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,mBAAoB,CAClB,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,mBAAoB,CAClB,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,kBAAmB,CACjB,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,YAAa,EAAA,EAMb,KAAM,CACJ,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACT,UAAY,GAAM,OAAO,KAAK,EAAA,sBAAsB,CAAC,SAAS,OAAO,EAAE,CAAC,CACzE,CACF,CAED,MAAO,CAOL,QAQA,OAMA,oBAOA,QACD,CAED,MAAQ,CACN,MAAO,CACL,OAAQ,GACR,KAAM,IAAI,EAAA,qBACV,QAAS,KAAK,WACd,eAAgB,KACjB,EAGH,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,YAAc,cAAgB,cAG5C,cAAgB,CACd,IAAM,EAAQ,CACZ,YAAa,KAAK,gBAClB,sBAAuB,KAAK,0BAC5B,aAAc,KAAK,iBACnB,YAAa,KAAK,gBAClB,MAAO,GACP,UAAW,KAAK,iBACjB,CAUD,OATI,KAAK,YACP,EAAM,cAAgB,KAAK,mBAE3B,EAAM,QAAU,KAAK,eACrB,EAAM,iBAAmB,KAAK,oBAC9B,EAAM,wBAA0B,KAAK,mBACrC,EAAM,wBAA0B,KAAK,mBACrC,EAAM,gBAAkB,KAAK,oBAExB,GAGT,YAAc,CACZ,OAAQ,KAAK,UAAY,CAAC,KAAK,SAAY,UAAY,SAGzD,0BAA4B,CAE1B,OADI,KAAK,SAAiB,KAAK,kBAAoB,KAAK,KAAK,GAAG,yCAAyC,CAClG,KAAK,kBAGd,sBAAwB,CACtB,OAAO,KAAK,gBAAkB,KAAK,KAAK,GAAG,0CAA0C,EAGvF,kBAAoB,CACd,SAAK,eAET,OAAO,KAAK,sBAGd,eAAiB,CACf,OAAO,KAAK,QAAQ,OAAO,GAAU,EAAO,OAAO,CAAC,IAAI,GAAU,EAAO,KAAK,EAGhF,kBAAoB,CAKlB,OAJI,KAAK,cAAc,SAAW,KAAK,QAAQ,QAAU,KAAK,QAAQ,OAAS,EACtE,MAGF,KAAK,cAAc,IAAM,IAGlC,sBAAwB,CAItB,OAHI,KAAK,cAAc,QAAU,GAC7B,KAAK,cAAc,SAAW,KAAK,QAAQ,QAAU,KAAK,QAAQ,OAAS,EAAU,GAElF,KAAO,KAAK,cAAc,OAAS,IAG5C,UAAY,CACV,OAAO,KAAK,iBAAiB,OAAS,GAGxC,UAAY,CACV,MAAO,CAAC,KAAK,UAAY,KAAK,WAAa,KAAK,iBAAiB,OAAS,GAG5E,gBAAkB,CAChB,OAAQ,KAAK,gBAAkB,KAAK,eAAkB,KAAK,eAAiB,KAAK,SAGnF,sBAAwB,CAEtB,OADK,KAAK,eACH,KAAK,eAAe,OAAO,GAAK,EAAE,OAAO,CAAC,IAAI,GAAK,EAAE,KAAK,CADhC,EAAE,EAIrC,mBAAqB,CACnB,OAAO,KAAK,KAAK,GAAG,2CAA2C,EAGjE,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,0CAA0C,EAGhE,eAAiB,CAEf,OADI,OAAO,KAAK,KAAI,GAAM,MAAc,MACjC,EAAA,kBAAkB,OAAO,KAAK,KAAK,GAE7C,CAED,MAAO,CACL,OAAQ,EAAQ,CACd,KAAK,MAAM,OAAQ,EAAO,CACtB,KAAK,iBACH,EACF,KAAK,eAAiB,KAAK,MAAM,KAAK,UAAU,KAAK,QAAQ,CAAC,CAE9D,KAAK,eAAiB,OAK5B,QAAS,CACP,KAAM,GACN,QAAS,EAAS,CAChB,KAAK,MAAM,oBAAqB,EAAQ,EAE3C,CACF,CAED,SAAW,CACH,KAAK,YAAY,QAAW,KAAK,OAAO,SAAW,KAAK,OAAO,SAAS,EAC5E,QAAQ,KAAK,oEAAoE,CAE/E,KAAK,gBAAkB,KAAK,aAC9B,QAAQ,KAAK,yDAAyD,EAI1E,QAAS,CACP,YAAa,EAAQ,CACnB,KAAK,QAAQ,QAAQ,GAAU,OAAO,EAAO,OAAO,CACpD,KAAK,MAAM,QAAS,EAAM,EAG5B,aAAe,CACT,KAAK,WACT,KAAK,OAAS,KAGhB,aAAc,EAAgB,EAAO,CACnC,KAAK,QAAQ,QAAQ,GAAU,CAC7B,EAAO,OAAS,IAAW,GAC3B,CACF,GAAO,EAGT,gBAAkB,CACX,KAAK,iBACV,KAAK,QAAQ,SAAS,EAAQ,IAAM,CAC9B,KAAK,eAAe,GACtB,EAAO,OAAS,KAAK,eAAe,GAAG,OAEvC,OAAO,EAAO,QAEhB,CACF,KAAK,MAAM,QAAQ,CACnB,KAAK,OAAS,KAGhB,iBAAmB,CACjB,KAAK,OAAS,IAEjB,CACF,weAzcO,MAAA,CAzMH,OAAA,EAAA,EAAA,gBAAK,CAAA,gBAAA,CAAA,2BAA+D,EAAA,SAAQ,CAAA,CAAA,CAI7E,UAAQ,sFAGD,EAAA,iBAAgB,EAAA,EAAA,EAAA,YA4KX,CA3KF,KAAM,EAAA,sCAAA,EAAA,OAAM,IACZ,EAAA,aAAY,CACnB,eAAc,EAAA,YAAW,CAAA,EAAA,EAAA,EAAA,aAAA,CAEf,QAAA,EAAA,EAAA,SAoEG,GApEa,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAoEb,GAAA,EAAA,EAAA,YAAA,EAjEF,YAAc,EAAW,EAAS,MAAK,CAC9C,OAAQ,EAAA,SACR,gBAAe,EAAA,UAAY,IAAA,GAC3B,MAAK,CAAA,yBAAA,CAAA,0BAAiG,EAAA,SAAA,CAAA,CAMtG,SAAU,EAAA,SACV,KAAM,EAAA,WACN,KAAM,EAAA,KACP,UAAQ,yBACR,WAAW,WACV,QAAO,EAAA,YACP,WAAA,EAAA,EAAA,WAAA,EAAA,EAAA,eAAyB,EAAA,YAAW,CAAA,UAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,gDAuC9B,EAAA,EAAA,EAAA,oBAAA,OAAA,CA3BA,OAAA,EAAA,EAAA,gBAAK,CAAA,uBAA2B,EAAA,WAAU,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,YA0BxC,EAAA,OAAA,UAAA,CAvBJ,MAAO,EAAA,MACP,QAAS,EAAA,QACT,cAAgB,EAAA,cAChB,iBAAoB,EAAA,iBACpB,qBAAwB,EAAA,0BAmBpB,0BAbH,OAAA,CAHA,MAAM,6BACL,MAAO,EAAA,wCACM,EAAN,MAAK,YAGP,EAAA,mBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIN,OAAA,OAHA,MAAM,2BACL,MAAO,EAAA,mDACiB,EAAjB,iBAAgB,6CAGlB,EAAA,uBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIN,OAAA,OAHA,MAAM,oCACL,MAAK,QAAU,EAAA,cAAc,OAAM,EAAA,2CACP,EAArB,qBAAoB,2DAjC1B,EAAA,OAAO,UAAA,MACZ,8BAMC,CANY,cAAQ,EAAA,EAAA,EAAA,YAMpB,EAAA,OAAA,YAAA,CADY,WAAQ,CAAA,CAAA,CAAA,iBAgCf,EAAA,gBAAA,MACN,4BAMC,CANU,cAAQ,EAAA,EAAA,EAAA,aAMlB,EAAA,CAHC,KAAM,EACP,MAAM,sBACN,UAAQ,mJA/DE,EAAA,yBAAwB,CAAA,CAAA,CAAA,CAAA,OAqEjC,EAAA,mBAAA,MACN,4BAwBM,CAxBK,WAAK,EAAA,EAAA,EAAA,YAwBV,EAAA,OAAA,UAAA,CApBG,QACP,MAAO,EAAA,eACP,OAAQ,EAAA,gBACR,eAAiB,EAAA,oBAiBb,CAbG,EAAA,YAAY,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAYA,EAAA,OAXjB,cAAa,EAAA,eAAiB,EAAA,qBAAuB,EAAA,cACrD,aAAY,EAAA,MACZ,KAAM,EAAA,OAAK,0CAGsB,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBAKhC,EAAA,SAAA,MAAA,EAAA,EAAA,YALiB,EAAA,eAAV,wCAKP,EAAA,CAJC,IAAK,EAAO,KACZ,MAAO,EAAO,KACd,MAAO,EAAO,KACd,sBAAqB,GAAW,EAAO,OAAS,wJAMhD,EAAA,aAAe,EAAA,OAAO,cAAA,MAC5B,kCAMC,CANgB,WAAK,EAAA,EAAA,EAAA,YAMrB,EAAA,OAAA,gBAAA,CADQ,QAAK,CAAA,CAAA,CAAA,kBAIR,EAAA,cAAgB,EAAA,gBAAkB,EAAA,OAAO,eAAA,MAC/C,kCAkCM,CAlCW,WAAK,EAAA,EAAA,EAAA,YAkChB,EAAA,OAAA,gBAAA,CA7BG,QACP,MAAO,EAAA,eACP,OAAQ,EAAA,qBA2BJ,CAxBG,EAAA,iBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAuBG,EAAA,OAtBT,UAAU,MACV,IAAI,MACJ,QAAQ,MACR,UAAQ,8DAUI,EAAA,EAAA,EAAA,aAAA,EAAA,CAPV,WAAW,QACX,KAAK,QACJ,KAAM,IACP,UAAQ,gCACP,QAAO,EAAA,4CAEe,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAApB,EAAA,kBAAiB,CAAA,EAAA,CAAA,CAAA,uCASV,EAAA,CANV,WAAW,UACV,KAAM,IACP,UAAQ,+BACP,QAAO,EAAA,2CAEc,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAnB,EAAA,iBAAgB,CAAA,EAAA,CAAA,CAAA,kFAMnB,EAAA,YAAA,MACL,yBAiBM,CAjBE,WAAK,EAAA,EAAA,EAAA,YAiBP,EAAA,OAAA,UAAA,CAbG,QAAK,KAaR,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADU,EAAA,SAAA,MAAA,EAAA,EAAA,YARI,EAAA,QAAV,wCAQM,EAAA,CAPZ,IAAK,EAAO,KACb,KAAK,WACL,kBAAgB,aACf,SAAU,EAAO,OACjB,QAAK,GAAE,EAAA,aAAa,EAAQ,EAAK,6BAEjB,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAd,EAAO,KAAI,CAAA,EAAA,CAAA,CAAA,gGAMd,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAmBI,EAAA,OAjBT,OAAQ,EAAA,SACR,aAAY,EAAA,qBACZ,OAAA,EAAA,EAAA,gBAAK,CAAA,uBAAA,CAAA,iCAAgF,EAAA,SAAQ,CAAA,CAAA,CAI7F,SAAU,EAAA,SACV,KAAM,EAAA,WACN,KAAM,EAAA,KACN,MAAO,EAAA,iBACR,UAAQ,+BACR,WAAW,WACV,QAAO,EAAA,cAEG,MAAA,EAAA,EAAA,aAC8B,EAAA,EAAA,EAAA,aAAA,EAAA,CAAvB,KAAM,EAAA,cAAa,CAAA,KAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA,yFAhBvB,EAAA,eAAc,CAAA,CAAA,EAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,EAAA"}