@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.0

package/dist/lib/chip/chip.js

@@ -1,219 +1,174 @@
-import { DtIconClose as C } from "@dialpad/dialtone-icons/vue";
-import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as p, CHIP_SIZE_MODIFIERS as c, CHIP_ICON_SIZES as f } from "./chip-constants.js";
-import { hasSlotContent as y, getUniqueString as S } from "../../common/utils/index.js";
-import { DialtoneLocalization as k } from "../../localization/index.js";
-import { resolveComponent as r, openBlock as a, createElementBlock as l, createBlock as u, resolveDynamicComponent as B, mergeProps as I, toHandlers as g, withCtx as h, renderSlot as o, createCommentVNode as d, normalizeClass as b, createVNode as O } from "vue";
-import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import z from "../button/button.js";
-const D = {
-  compatConfig: { MODE: 3 },
-  name: "DtChip",
-  components: {
-    DtButton: z,
-    DtIconClose: C
-  },
-  props: {
-    /**
-     * Whether the chip is disabled
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the close button on the chip
-     * @values true, false
-     */
-    hideClose: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * The size of the chip.
-     * @values 100, 200, 300
-     */
-    size: {
-      type: [String, Number],
-      default: 300,
-      validator: (e) => Object.keys(c).includes(String(e))
-    },
-    /**
-     * The interactivity of the chip.
-     * Makes chip clickable, apply hover/focus/active style, emit keyboard events etc.
-     * @values true, false
-     */
-    interactive: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Id to use for the dialog's aria-labelledby.
-     */
-    id: {
-      type: String,
-      default: function() {
-        return S();
-      }
-    },
-    /**
-     * Descriptive label for the chip content.
-     * If this prop is unset the content in the default slot will be used as an aria-label.
-     */
-    ariaLabel: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Additional class name for the chip element.
-     */
-    contentClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Additional class name for the span element.
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  },
-  emits: [
-    /**
-     * Native chip click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click",
-    /**
-     * Close button click event
-     *
-     * @event close
-     */
-    "close",
-    /**
-     * Native chip key up event
-     *
-     * @event keyup
-     * @type {KeyboardEvent}
-     */
-    "keyup",
-    /**
-     * Native chip key down event
-     *
-     * @event keydown
-     * @type {KeyboardEvent}
-     */
-    "keydown"
-  ],
-  data() {
-    return {
-      isActive: !1,
-      hasSlotContent: y,
-      i18n: new k()
-    };
-  },
-  computed: {
-    chipListeners() {
-      return {
-        click: (e) => {
-          this.interactive && this.$emit("click", e);
-        },
-        keydown: (e) => {
-          var s;
-          ((s = e.code) == null ? void 0 : s.toLowerCase()) === "delete" ? this.onClose() : this.$emit("keydown", e);
-        },
-        keyup: (e) => {
-          this.$emit("keyup", e);
-        }
-      };
-    },
-    closeButtonIconSize() {
-      return f[String(this.size)];
-    },
-    closeButtonTitle() {
-      return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
-    }
-  },
-  methods: {
-    chipClasses() {
-      return [
-        this.$attrs["grouped-chip"] ? "d-chip" : "d-chip__label",
-        c[String(this.size)],
-        this.labelClass,
-        this.disabled && "d-chip--disabled"
-      ];
-    },
-    chipCloseButtonClasses() {
-      return [
-        "d-chip__close",
-        p[String(this.size)],
-        this.disabled && "d-chip__close--disabled"
-      ];
-    },
-    onClose() {
-      this.hideClose || this.$emit("close");
-    }
-  }
-}, E = { class: "d-chip" }, L = {
-  key: 0,
-  class: "d-chip__icon",
-  "data-qa": "dt-chip-icon"
-}, T = {
-  key: 1,
-  "data-qa": "dt-chip-avatar"
-}, N = ["id"];
-function q(e, s, t, w, n, i) {
-  const m = r("dt-icon-close"), _ = r("dt-button");
-  return a(), l("span", E, [
-    (a(), u(B(t.interactive ? "button" : "span"), I({
-      id: t.id,
-      "aria-label": t.ariaLabel,
-      "aria-labelledby": t.ariaLabel ? void 0 : `${t.id}-content`,
-      "aria-disabled": t.disabled,
-      class: i.chipClasses(),
-      type: t.interactive && "button",
-      "data-qa": "dt-chip",
-      tabindex: t.disabled ? -1 : null
-    }, g(i.chipListeners)), {
-      default: h(() => [
-        n.hasSlotContent(e.$slots.icon) ? (a(), l("span", L, [
-          o(e.$slots, "icon")
-        ])) : n.hasSlotContent(e.$slots.avatar) ? (a(), l("span", T, [
-          o(e.$slots, "avatar")
-        ])) : d("", !0),
-        n.hasSlotContent(e.$slots.default) ? (a(), l("span", {
-          key: 2,
-          id: `${t.id}-content`,
-          class: b(["d-chip__text", t.contentClass]),
-          "data-qa": "dt-chip-label"
-        }, [
-          o(e.$slots, "default")
-        ], 10, N)) : d("", !0)
-      ]),
-      _: 3
-    }, 16, ["id", "aria-label", "aria-labelledby", "aria-disabled", "class", "type", "tabindex"])),
-    t.hideClose ? d("", !0) : (a(), u(_, {
-      key: 0,
-      class: b(i.chipCloseButtonClasses()),
-      "data-qa": "dt-chip-close",
-      "aria-label": i.closeButtonTitle,
-      "aria-disabled": t.disabled,
-      title: i.closeButtonTitle,
-      tabindex: t.disabled ? -1 : null,
-      onClick: s[0] || (s[0] = (A) => e.$emit("close"))
-    }, {
-      startIcon: h(() => [
-        O(m, { size: i.closeButtonIconSize }, null, 8, ["size"])
-      ]),
-      _: 1
-    }, 8, ["class", "aria-label", "aria-disabled", "title", "tabindex"]))
-  ]);
+import { getUniqueString as e, hasSlotContent as t } from "../../common/utils/index.js";
+import { t as n } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DialtoneLocalization as r } from "../../localization/index.js";
+import i from "../button/button.js";
+import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as a, CHIP_ICON_SIZES as o, CHIP_SIZE_MODIFIERS as s } from "./chip-constants.js";
+import { createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, resolveComponent as g, resolveDynamicComponent as _, toHandlers as v, withCtx as y } from "vue";
+import { DtIconClose as b } from "@dialpad/dialtone-icons/vue3";
+//#region components/chip/chip.vue
+var x = {
+	compatConfig: { MODE: 3 },
+	name: "DtChip",
+	components: {
+		DtButton: i,
+		DtIconClose: b
+	},
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		hideClose: {
+			type: Boolean,
+			default: !1
+		},
+		size: {
+			type: String,
+			default: "md",
+			validator: (e) => Object.keys(s).includes(e)
+		},
+		interactive: {
+			type: Boolean,
+			default: !0
+		},
+		id: {
+			type: String,
+			default: function() {
+				return e();
+			}
+		},
+		ariaLabel: {
+			type: String,
+			default: ""
+		},
+		contentClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		labelClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		}
+	},
+	emits: [
+		"click",
+		"close",
+		"keyup",
+		"keydown"
+	],
+	data() {
+		return {
+			isActive: !1,
+			hasSlotContent: t,
+			i18n: new r()
+		};
+	},
+	computed: {
+		chipListeners() {
+			return {
+				click: (e) => {
+					this.interactive && this.$emit("click", e);
+				},
+				keydown: (e) => {
+					e.code?.toLowerCase() === "delete" ? this.onClose() : this.$emit("keydown", e);
+				},
+				keyup: (e) => {
+					this.$emit("keyup", e);
+				}
+			};
+		},
+		closeButtonIconSize() {
+			return o[this.size];
+		},
+		closeButtonTitle() {
+			return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
+		}
+	},
+	methods: {
+		chipClasses() {
+			return [
+				this.$attrs["grouped-chip"] ? "d-chip" : "d-chip__label",
+				s[this.size],
+				this.labelClass,
+				this.disabled && "d-chip--disabled"
+			];
+		},
+		chipCloseButtonClasses() {
+			return [
+				"d-chip__close",
+				a[this.size],
+				this.disabled && "d-chip__close--disabled"
+			];
+		},
+		onClose() {
+			this.hideClose || this.$emit("close");
+		}
+	}
+}, S = { class: "d-chip" }, C = {
+	key: 0,
+	class: "d-chip__icon",
+	"data-qa": "dt-chip-icon"
+}, w = {
+	key: 1,
+	"data-qa": "dt-chip-avatar"
+}, T = ["id"];
+function E(e, t, n, r, i, a) {
+	let o = g("dt-icon-close"), s = g("dt-button");
+	return m(), u("span", S, [(m(), c(_(n.interactive ? "button" : "span"), f({
+		id: n.id,
+		"aria-label": n.ariaLabel,
+		"aria-labelledby": n.ariaLabel ? void 0 : `${n.id}-content`,
+		"aria-disabled": n.disabled,
+		class: a.chipClasses(),
+		type: n.interactive && "button",
+		"data-qa": "dt-chip",
+		tabindex: n.disabled ? -1 : null
+	}, v(a.chipListeners)), {
+		default: y(() => [i.hasSlotContent(e.$slots.icon) ? (m(), u("span", C, [h(e.$slots, "icon")])) : i.hasSlotContent(e.$slots.avatar) ? (m(), u("span", w, [h(e.$slots, "avatar")])) : l("", !0), i.hasSlotContent(e.$slots.default) ? (m(), u("span", {
+			key: 2,
+			id: `${n.id}-content`,
+			class: p(["d-chip__text", n.contentClass]),
+			"data-qa": "dt-chip-label"
+		}, [h(e.$slots, "default")], 10, T)) : l("", !0)]),
+		_: 3
+	}, 16, [
+		"id",
+		"aria-label",
+		"aria-labelledby",
+		"aria-disabled",
+		"class",
+		"type",
+		"tabindex"
+	])), n.hideClose ? l("", !0) : (m(), c(s, {
+		key: 0,
+		class: p(a.chipCloseButtonClasses()),
+		"data-qa": "dt-chip-close",
+		"aria-label": a.closeButtonTitle,
+		"aria-disabled": n.disabled,
+		title: a.closeButtonTitle,
+		tabindex: n.disabled ? -1 : null,
+		onClick: t[0] || (t[0] = (t) => e.$emit("close"))
+	}, {
+		icon: y(() => [d(o, { size: a.closeButtonIconSize }, null, 8, ["size"])]),
+		_: 1
+	}, 8, [
+		"class",
+		"aria-label",
+		"aria-disabled",
+		"title",
+		"tabindex"
+	]))]);
 }
-const F = /* @__PURE__ */ v(D, [["render", q]]);
-export {
-  F as default
-};
-//# sourceMappingURL=chip.js.map
+var D = /* @__PURE__ */ n(x, [["render", E]]);
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=chip.js.map

package/dist/lib/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../components/chip/chip.vue"],"sourcesContent":["<template>\n  <span class=\"d-chip\">\n    <component\n      :is=\"interactive ? 'button' : 'span'\"\n      :id=\"id\"\n      :aria-label=\"ariaLabel\"\n      :aria-labelledby=\"ariaLabel ? undefined : `${id}-content`\"\n      :aria-disabled=\"disabled\"\n      :class=\"chipClasses()\"\n      :type=\"interactive && 'button'\"\n      data-qa=\"dt-chip\"\n      :tabindex=\"disabled ? -1 : null\"\n      v-on=\"chipListeners\"\n    >\n      <span\n        v-if=\"hasSlotContent($slots.icon)\"\n        class=\"d-chip__icon\"\n        data-qa=\"dt-chip-icon\"\n      >\n        <!-- @slot slot for Chip icon -->\n        <slot name=\"icon\" />\n      </span>\n      <span\n        v-else-if=\"hasSlotContent($slots.avatar)\"\n        data-qa=\"dt-chip-avatar\"\n      >\n        <!-- @slot slot for Chip avatar -->\n        <slot name=\"avatar\" />\n      </span>\n      <span\n        v-if=\"hasSlotContent($slots.default)\"\n        :id=\"`${id}-content`\"\n        :class=\"['d-chip__text', contentClass]\"\n        data-qa=\"dt-chip-label\"\n      >\n        <!-- @slot slot for Content within chip -->\n        <slot />\n      </span>\n    </component>\n    <dt-button\n      v-if=\"!hideClose\"\n      :class=\"chipCloseButtonClasses()\"\n      data-qa=\"dt-chip-close\"\n      :aria-label=\"closeButtonTitle\"\n      :aria-disabled=\"disabled\"\n      :title=\"closeButtonTitle\"\n      :tabindex=\"disabled ? -1 : null\"\n      @click=\"$emit('close')\"\n    >\n      <template #startIcon>\n        <dt-icon-close\n          :size=\"closeButtonIconSize\"\n        />\n      </template>\n    </dt-button>\n  </span>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport {\n  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,\n  CHIP_SIZE_MODIFIERS,\n  CHIP_ICON_SIZES,\n} from './chip_constants';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\n/**\n * A chip is a compact UI element that provides brief, descriptive information about an element.\n * It is terse, ideally one word. It is important a button is identifiable, consistent, and\n * communicates its actions clearly, and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/chip.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtChip',\n\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    /**\n     * Whether the chip is disabled\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the close button on the chip\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The size of the chip.\n     * @values 100, 200, 300\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (s) => Object.keys(CHIP_SIZE_MODIFIERS).includes(String(s)),\n    },\n\n    /**\n     * The interactivity of the chip.\n     * Makes chip clickable, apply hover/focus/active style, emit keyboard events etc.\n     * @values true, false\n     */\n    interactive: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Id to use for the dialog's aria-labelledby.\n     */\n    id: {\n      type: String,\n      default: function () { return getUniqueString(); },\n    },\n\n    /**\n     * Descriptive label for the chip content.\n     * If this prop is unset the content in the default slot will be used as an aria-label.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the chip element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the span element.\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native chip click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Native chip key up event\n     *\n     * @event keyup\n     * @type {KeyboardEvent}\n     */\n    'keyup',\n\n    /**\n     * Native chip key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n  ],\n\n  data () {\n    return {\n      isActive: false,\n      hasSlotContent,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    chipListeners () {\n      return {\n        click: event => {\n          if (this.interactive) this.$emit('click', event);\n        },\n\n        keydown: event => {\n          if (event.code?.toLowerCase() === 'delete') {\n            this.onClose();\n          } else {\n            this.$emit('keydown', event);\n          }\n        },\n\n        keyup: event => {\n          this.$emit('keyup', event);\n        },\n      };\n    },\n\n    closeButtonIconSize () {\n      return CHIP_ICON_SIZES[String(this.size)];\n    },\n\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    chipClasses () {\n      return [\n        this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label',\n        CHIP_SIZE_MODIFIERS[String(this.size)],\n        this.labelClass,\n        this.disabled && 'd-chip--disabled',\n      ];\n    },\n\n    chipCloseButtonClasses () {\n      return [\n        'd-chip__close',\n        CHIP_CLOSE_BUTTON_SIZE_MODIFIERS[String(this.size)],\n        this.disabled && 'd-chip__close--disabled',\n      ];\n    },\n\n    onClose () {\n      if (!this.hideClose) {\n        this.$emit('close');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconClose","s","CHIP_SIZE_MODIFIERS","getUniqueString","hasSlotContent","DialtoneLocalization","event","_a","CHIP_ICON_SIZES","CHIP_CLOSE_BUTTON_SIZE_MODIFIERS","_hoisted_1","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_toHandlers","$data","_ctx","_hoisted_2","_renderSlot","_hoisted_3","_component_dt_button","_createVNode","_component_dt_icon_close"],"mappings":"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"}
+{"version":3,"file":"chip.js","names":[],"sources":["../../../components/chip/chip.vue"],"sourcesContent":["<template>\n  <span class=\"d-chip\">\n    <component\n      :is=\"interactive ? 'button' : 'span'\"\n      :id=\"id\"\n      :aria-label=\"ariaLabel\"\n      :aria-labelledby=\"ariaLabel ? undefined : `${id}-content`\"\n      :aria-disabled=\"disabled\"\n      :class=\"chipClasses()\"\n      :type=\"interactive && 'button'\"\n      data-qa=\"dt-chip\"\n      :tabindex=\"disabled ? -1 : null\"\n      v-on=\"chipListeners\"\n    >\n      <span\n        v-if=\"hasSlotContent($slots.icon)\"\n        class=\"d-chip__icon\"\n        data-qa=\"dt-chip-icon\"\n      >\n        <!-- @slot slot for Chip icon -->\n        <slot name=\"icon\" />\n      </span>\n      <span\n        v-else-if=\"hasSlotContent($slots.avatar)\"\n        data-qa=\"dt-chip-avatar\"\n      >\n        <!-- @slot slot for Chip avatar -->\n        <slot name=\"avatar\" />\n      </span>\n      <span\n        v-if=\"hasSlotContent($slots.default)\"\n        :id=\"`${id}-content`\"\n        :class=\"['d-chip__text', contentClass]\"\n        data-qa=\"dt-chip-label\"\n      >\n        <!-- @slot slot for Content within chip -->\n        <slot />\n      </span>\n    </component>\n    <dt-button\n      v-if=\"!hideClose\"\n      :class=\"chipCloseButtonClasses()\"\n      data-qa=\"dt-chip-close\"\n      :aria-label=\"closeButtonTitle\"\n      :aria-disabled=\"disabled\"\n      :title=\"closeButtonTitle\"\n      :tabindex=\"disabled ? -1 : null\"\n      @click=\"$emit('close')\"\n    >\n      <template #icon>\n        <dt-icon-close\n          :size=\"closeButtonIconSize\"\n        />\n      </template>\n    </dt-button>\n  </span>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport {\n  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,\n  CHIP_SIZE_MODIFIERS,\n  CHIP_ICON_SIZES,\n} from './chip_constants';\nimport { getUniqueString, hasSlotContent } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\n/**\n * A chip is a compact UI element that provides brief, descriptive information about an element.\n * It is terse, ideally one word. It is important a button is identifiable, consistent, and\n * communicates its actions clearly, and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/chip.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtChip',\n\n  components: {\n    DtButton,\n    DtIconClose,\n  },\n\n  props: {\n    /**\n     * Whether the chip is disabled\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the close button on the chip\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The size of the chip.\n     * @values xs, sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(CHIP_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * The interactivity of the chip.\n     * Makes chip clickable, apply hover/focus/active style, emit keyboard events etc.\n     * @values true, false\n     */\n    interactive: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Id to use for the dialog's aria-labelledby.\n     */\n    id: {\n      type: String,\n      default: function () { return getUniqueString(); },\n    },\n\n    /**\n     * Descriptive label for the chip content.\n     * If this prop is unset the content in the default slot will be used as an aria-label.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the chip element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the span element.\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native chip click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Native chip key up event\n     *\n     * @event keyup\n     * @type {KeyboardEvent}\n     */\n    'keyup',\n\n    /**\n     * Native chip key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n  ],\n\n  data () {\n    return {\n      isActive: false,\n      hasSlotContent,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    chipListeners () {\n      return {\n        click: event => {\n          if (this.interactive) this.$emit('click', event);\n        },\n\n        keydown: event => {\n          if (event.code?.toLowerCase() === 'delete') {\n            this.onClose();\n          } else {\n            this.$emit('keydown', event);\n          }\n        },\n\n        keyup: event => {\n          this.$emit('keyup', event);\n        },\n      };\n    },\n\n    closeButtonIconSize () {\n      return CHIP_ICON_SIZES[this.size];\n    },\n\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    chipClasses () {\n      return [\n        this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label',\n        CHIP_SIZE_MODIFIERS[this.size],\n        this.labelClass,\n        this.disabled && 'd-chip--disabled',\n      ];\n    },\n\n    chipCloseButtonClasses () {\n      return [\n        'd-chip__close',\n        CHIP_CLOSE_BUTTON_SIZE_MODIFIERS[this.size],\n        this.disabled && 'd-chip__close--disabled',\n      ];\n    },\n\n    onClose () {\n      if (!this.hideClose) {\n        this.$emit('close');\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/chip/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./chip.cjs"),I=require("./chip-constants.cjs");exports.DtChip=_.default;exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=I.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS;exports.CHIP_ICON_SIZES=I.CHIP_ICON_SIZES;exports.CHIP_SIZE_MODIFIERS=I.CHIP_SIZE_MODIFIERS;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chip-constants.cjs`),t=require(`./chip.cjs`);exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=e.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,exports.CHIP_ICON_SIZES=e.CHIP_ICON_SIZES,exports.CHIP_SIZE_MODIFIERS=e.CHIP_SIZE_MODIFIERS,exports.DtChip=t.default;

package/dist/lib/chip/index.js

@@ -1,9 +1,3 @@
-import { default as S } from "./chip.js";
-import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as E, CHIP_ICON_SIZES as O, CHIP_SIZE_MODIFIERS as o } from "./chip-constants.js";
-export {
-  E as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,
-  O as CHIP_ICON_SIZES,
-  o as CHIP_SIZE_MODIFIERS,
-  S as DtChip
-};
-//# sourceMappingURL=index.js.map
+import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as e, CHIP_ICON_SIZES as t, CHIP_SIZE_MODIFIERS as n } from "./chip-constants.js";
+import r from "./chip.js";
+export { e as CHIP_CLOSE_BUTTON_SIZE_MODIFIERS, t as CHIP_ICON_SIZES, n as CHIP_SIZE_MODIFIERS, r as DtChip };

package/dist/lib/codeblock/codeblock.cjs

@@ -1,2 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./codeblock-constants.cjs"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),s={compatConfig:{MODE:3},name:"DtCodeblock",props:{text:{type:String,required:!0},bordered:{type:Boolean,default:!1},size:{type:[String,Number],default:200,validator:t=>r.CODEBLOCK_SIZES.includes(String(t))}},computed:{sizeClass(){return r.CODEBLOCK_SIZE_MAP[String(this.size)]||String(this.size)}}};function d(t,i,o,a,u,c){return e.openBlock(),e.createElementBlock("pre",{class:e.normalizeClass(["d-codeblock",{"d-codeblock--bordered":o.bordered}])},[e.createElementVNode("code",{class:e.normalizeClass(["d-codeblock__code",`d-codeblock__code--${c.sizeClass}`])},e.toDisplayString(o.text),3)],2)}const n=l._(s,[["render",d]]);exports.default=n;
-//# sourceMappingURL=codeblock.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let t=require(`vue`);var n={compatConfig:{MODE:3},name:`DtCodeblock`,props:{text:{type:String,required:!0}}},r={class:`d-codeblock`};function i(e,n,i,a,o,s){return(0,t.openBlock)(),(0,t.createElementBlock)(`pre`,null,[n[0]||(n[0]=(0,t.createTextVNode)(`    `,-1)),(0,t.createElementVNode)(`code`,r,(0,t.toDisplayString)(i.text),1),n[1]||(n[1]=(0,t.createTextVNode)(`
+  `,-1))])}var a=e.t(n,[[`render`,i]]);exports.default=a;
+//# sourceMappingURL=codeblock.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"codeblock.cjs","sources":["../../../components/codeblock/codeblock.vue"],"sourcesContent":["<template>\n  <pre\n    class=\"d-codeblock\"\n    :class=\"{ 'd-codeblock--bordered': bordered }\"\n  ><code\n    class=\"d-codeblock__code\"\n    :class=\"`d-codeblock__code--${sizeClass}`\"\n  >{{ text }}</code></pre> <!-- this must be a single line -->\n</template>\n\n<script>\nimport { CODEBLOCK_SIZES, CODEBLOCK_SIZE_MAP } from './codeblock_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCodeblock',\n\n  props: {\n    /**\n     * The text to display in the codeblock.\n     */\n    text: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Whether to render as a styled container block.\n     */\n    bordered: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Font size of the code block.\n     * @values 100, 200, 300, 400\n     */\n    size: {\n      type: [String, Number],\n      default: 200,\n      validator: (val) => CODEBLOCK_SIZES.includes(String(val)),\n    },\n  },\n\n  computed: {\n    sizeClass () {\n      return CODEBLOCK_SIZE_MAP[String(this.size)] || String(this.size);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","val","CODEBLOCK_SIZES","CODEBLOCK_SIZE_MAP","_createElementBlock","_normalizeClass","$props","_createElementVNode","$options"],"mappings":"oOAaKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,cAEN,MAAO,CAIL,KAAM,CACJ,KAAM,OACN,SAAU,IAMZ,SAAU,CACR,KAAM,QACN,QAAS,IAOX,KAAM,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACT,UAAYC,GAAQC,EAAAA,gBAAgB,SAAS,OAAOD,CAAG,CAAC,IAI5D,SAAU,CACR,WAAa,CACX,OAAOE,EAAAA,mBAAmB,OAAO,KAAK,IAAI,CAAC,GAAK,OAAO,KAAK,IAAI,CAClE,EAEJ,+CAjDEC,EAAAA,mBAMwB,MAAA,CALtB,MAAKC,EAAAA,eAAA,CAAC,cAAa,CAAA,wBACgBC,EAAA,SAAQ,CAAA,IAC5CC,EAAAA,mBAGiB,OAAA,CAFhB,MAAKF,EAAAA,eAAA,CAAC,oBAAmB,sBACKG,EAAA,SAAS,EAAA,CAAA,qBACrCF,EAAA,IAAI,EAAA,CAAA"}
+{"version":3,"file":"codeblock.cjs","names":[],"sources":["../../../components/codeblock/codeblock.vue"],"sourcesContent":["<template>\n  <pre>\n    <code\n      class=\"d-codeblock\"\n    >{{ text }}</code>\n  </pre>\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCodeblock',\n\n  props: {\n    text: {\n      type: String,\n      required: true,\n    },\n  },\n};\n</script>\n"],"mappings":"wNASA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,cAEN,MAAO,CACL,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CACF,CACF,IAhBK,MAAM,cAAa,0EAEjB,MAAA,KAAA,mCAJD,OACH,GAAA,2BAEkB,OAFlB,GAAA,EAAA,EAAA,iBAEI,EAAA,KAAI,CAAA,EAAA,mCAAU;IACpB,GAAA"}

package/dist/lib/codeblock/codeblock.js

@@ -1,51 +1,23 @@
-import { CODEBLOCK_SIZE_MAP as c, CODEBLOCK_SIZES as d } from "./codeblock-constants.js";
-import { openBlock as s, createElementBlock as a, normalizeClass as t, createElementVNode as i, toDisplayString as l } from "vue";
-import { _ as n } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const _ = {
-  compatConfig: { MODE: 3 },
-  name: "DtCodeblock",
-  props: {
-    /**
-     * The text to display in the codeblock.
-     */
-    text: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Whether to render as a styled container block.
-     */
-    bordered: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Font size of the code block.
-     * @values 100, 200, 300, 400
-     */
-    size: {
-      type: [String, Number],
-      default: 200,
-      validator: (e) => d.includes(String(e))
-    }
-  },
-  computed: {
-    sizeClass() {
-      return c[String(this.size)] || String(this.size);
-    }
-  }
-};
-function m(e, p, o, f, u, r) {
-  return s(), a("pre", {
-    class: t(["d-codeblock", { "d-codeblock--bordered": o.bordered }])
-  }, [
-    i("code", {
-      class: t(["d-codeblock__code", `d-codeblock__code--${r.sizeClass}`])
-    }, l(o.text), 3)
-  ], 2);
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i, toDisplayString as a } from "vue";
+//#region components/codeblock/codeblock.vue
+var o = {
+	compatConfig: { MODE: 3 },
+	name: "DtCodeblock",
+	props: { text: {
+		type: String,
+		required: !0
+	} }
+}, s = { class: "d-codeblock" };
+function c(e, o, c, l, u, d) {
+	return i(), t("pre", null, [
+		o[0] || (o[0] = r("    ", -1)),
+		n("code", s, a(c.text), 1),
+		o[1] || (o[1] = r("\n  ", -1))
+	]);
 }
-const k = /* @__PURE__ */ n(_, [["render", m]]);
-export {
-  k as default
-};
-//# sourceMappingURL=codeblock.js.map
+var l = /* @__PURE__ */ e(o, [["render", c]]);
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=codeblock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"codeblock.js","sources":["../../../components/codeblock/codeblock.vue"],"sourcesContent":["<template>\n  <pre\n    class=\"d-codeblock\"\n    :class=\"{ 'd-codeblock--bordered': bordered }\"\n  ><code\n    class=\"d-codeblock__code\"\n    :class=\"`d-codeblock__code--${sizeClass}`\"\n  >{{ text }}</code></pre> <!-- this must be a single line -->\n</template>\n\n<script>\nimport { CODEBLOCK_SIZES, CODEBLOCK_SIZE_MAP } from './codeblock_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCodeblock',\n\n  props: {\n    /**\n     * The text to display in the codeblock.\n     */\n    text: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Whether to render as a styled container block.\n     */\n    bordered: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Font size of the code block.\n     * @values 100, 200, 300, 400\n     */\n    size: {\n      type: [String, Number],\n      default: 200,\n      validator: (val) => CODEBLOCK_SIZES.includes(String(val)),\n    },\n  },\n\n  computed: {\n    sizeClass () {\n      return CODEBLOCK_SIZE_MAP[String(this.size)] || String(this.size);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","val","CODEBLOCK_SIZES","CODEBLOCK_SIZE_MAP","_createElementBlock","_normalizeClass","$props","_createElementVNode","$options"],"mappings":";;;AAaA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAACC,MAAQC,EAAgB,SAAS,OAAOD,CAAG,CAAC;AAAA;;EAI5D,UAAU;AAAA,IACR,YAAa;AACX,aAAOE,EAAmB,OAAO,KAAK,IAAI,CAAC,KAAK,OAAO,KAAK,IAAI;AAAA,IAClE;AAAA;AAEJ;;cAjDEC,EAMwB,OAAA;AAAA,IALtB,OAAKC,EAAA,CAAC,eAAa,EAAA,yBACgBC,EAAA,UAAQ,CAAA;AAAA;IAC5CC,EAGiB,QAAA;AAAA,MAFhB,OAAKF,EAAA,CAAC,qBAAmB,sBACKG,EAAA,SAAS,EAAA,CAAA;AAAA,SACrCF,EAAA,IAAI,GAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"codeblock.js","names":[],"sources":["../../../components/codeblock/codeblock.vue"],"sourcesContent":["<template>\n  <pre>\n    <code\n      class=\"d-codeblock\"\n    >{{ text }}</code>\n  </pre>\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCodeblock',\n\n  props: {\n    text: {\n      type: String,\n      required: true,\n    },\n  },\n};\n</script>\n"],"mappings":";;;AASA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO,EACL,MAAM;EACJ,MAAM;EACN,UAAU;EACX,EACF;CACF,QAhBK,OAAM,eAAa;;aAFvB,EAIM,OAAA,MAAA;oBAJD,QACH,GAAA;EAAA,EAEkB,QAFlB,GAEkB,EAAd,EAAA,KAAI,EAAA,EAAA;oBAAU,QACpB,GAAA"}

package/dist/lib/codeblock/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./codeblock.cjs");exports.DtCodeblock=e.default;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./codeblock.cjs`);exports.DtCodeblock=e.default;

package/dist/lib/codeblock/index.js

@@ -1,5 +1,2 @@
-import { default as t } from "./codeblock.js";
-export {
-  t as DtCodeblock
-};
-//# sourceMappingURL=index.js.map
+import e from "./codeblock.js";
+export { e as DtCodeblock };

package/dist/lib/collapsible/collapsible-lazy-show.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l={name:"DtCollapsibleLazyShow",inheritAttrs:!1,props:{show:{type:Boolean,default:null},appear:{type:Boolean,default:!1},elementType:{type:String,default:"div"}},data(){return{initialized:!!this.show}},computed:{isCSSEnabled(){return process.env.NODE_ENV!=="test"}},watch:{show:function(e){!e||this.initialized||(this.initialized=!0)}},methods:{beforeEnter(e){requestAnimationFrame(()=>{e.style.height||(e.style.height="0px")})},enter(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.height=`${e.scrollHeight}px`})})},afterEnter(e){e.style.height=null},beforeLeave(e){requestAnimationFrame(()=>{e.style.height||(e.style.height=`${e.offsetHeight}px`)})},leave(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.height="0px"})})},afterLeave(e){e.style.height=null}}};function o(e,u,a,f,n,r){return t.openBlock(),t.createBlock(t.Transition,t.mergeProps({appear:a.appear,"enter-active-class":"d-collapsible__enter-active","leave-active-class":"d-collapsible__leave-active"},e.$attrs,{css:r.isCSSEnabled,onBeforeEnter:r.beforeEnter,onEnter:r.enter,onAfterEnter:r.afterEnter,onBeforeLeave:r.beforeLeave,onLeave:r.leave,onAfterLeave:r.afterLeave}),{default:t.withCtx(()=>[t.withDirectives((t.openBlock(),t.createBlock(t.resolveDynamicComponent(a.elementType),t.normalizeProps(t.guardReactiveProps(e.$attrs)),{default:t.withCtx(()=>[n.initialized?t.renderSlot(e.$slots,"default",{key:0}):t.createCommentVNode("",!0)]),_:3},16)),[[t.vShow,a.show]])]),_:3},16,["appear","css","onBeforeEnter","onEnter","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave"])}const s=i._(l,[["render",o]]);exports.default=s;
-//# sourceMappingURL=collapsible-lazy-show.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let t=require(`vue`);var n={name:`DtCollapsibleLazyShow`,inheritAttrs:!1,props:{show:{type:Boolean,default:null},appear:{type:Boolean,default:!1},elementType:{type:String,default:`div`}},data(){return{initialized:!!this.show}},computed:{isCSSEnabled(){return process.env.NODE_ENV!==`test`}},watch:{show:function(e){!e||this.initialized||(this.initialized=!0)}},methods:{beforeEnter(e){requestAnimationFrame(()=>{e.style.height||(e.style.height=`0px`)})},enter(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.height=`${e.scrollHeight}px`})})},afterEnter(e){e.style.height=null},beforeLeave(e){requestAnimationFrame(()=>{e.style.height||(e.style.height=`${e.offsetHeight}px`)})},leave(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.height=`0px`})})},afterLeave(e){e.style.height=null}}};function r(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createBlock)(t.Transition,(0,t.mergeProps)({appear:r.appear,"enter-active-class":`d-collapsible__enter-active`,"leave-active-class":`d-collapsible__leave-active`},e.$attrs,{css:o.isCSSEnabled,onBeforeEnter:o.beforeEnter,onEnter:o.enter,onAfterEnter:o.afterEnter,onBeforeLeave:o.beforeLeave,onLeave:o.leave,onAfterLeave:o.afterLeave}),{default:(0,t.withCtx)(()=>[(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(r.elementType),(0,t.normalizeProps)((0,t.guardReactiveProps)(e.$attrs)),{default:(0,t.withCtx)(()=>[a.initialized?(0,t.renderSlot)(e.$slots,`default`,{key:0}):(0,t.createCommentVNode)(``,!0)]),_:3},16)),[[t.vShow,r.show]])]),_:3},16,[`appear`,`css`,`onBeforeEnter`,`onEnter`,`onAfterEnter`,`onBeforeLeave`,`onLeave`,`onAfterLeave`])}var i=e.t(n,[[`render`,r]]);exports.default=i;
+//# sourceMappingURL=collapsible-lazy-show.cjs.map