@dialpad/dialtone-vue 3.218.3 → 3.218.5

package/dist/lib/chip/chip.js

@@ -1,219 +1,174 @@
-import { DtIconClose as C } from "@dialpad/dialtone-icons/vue3";
-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 O, withCtx as h, renderSlot as o, createCommentVNode as d, normalizeClass as b, createVNode as v } from "vue";
-import { _ as g } 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 xs, sm, md
-     */
-    size: {
-      type: String,
-      default: "md",
-      validator: (e) => Object.keys(c).includes(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[this.size];
-    },
-    closeButtonTitle() {
-      return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
-    }
-  },
-  methods: {
-    chipClasses() {
-      return [
-        this.$attrs["grouped-chip"] ? "d-chip" : "d-chip__label",
-        c[this.size],
-        this.labelClass,
-        this.disabled && "d-chip--disabled"
-      ];
-    },
-    chipCloseButtonClasses() {
-      return [
-        "d-chip__close",
-        p[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"
-}, q = ["id"];
-function w(e, s, t, N, 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
-    }, O(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, q)) : 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"))
-    }, {
-      icon: h(() => [
-        v(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__ */ g(D, [["render", w]]);
-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 #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"],"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,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),n={compatConfig:{MODE:3},name:"DtCodeblock",props:{text:{type:String,required:!0}}},c={class:"d-codeblock"};function l(u,t,o,d,i,p){return e.openBlock(),e.createElementBlock("pre",null,[t[0]||(t[0]=e.createTextVNode("    ",-1)),e.createElementVNode("code",c,e.toDisplayString(o.text),1),t[1]||(t[1]=e.createTextVNode(`
-  `,-1))])}const s=r._(n,[["render",l]]);exports.default=s;
-//# 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    <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"],"names":["_sfc_main","_hoisted_1","_createElementBlock","_createElementVNode","_toDisplayString","$props"],"mappings":"6LASKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,cAEN,MAAO,CACL,KAAM,CACJ,KAAM,OACN,SAAU,IAGhB,EAhBMC,EAAA,CAAA,MAAM,aAAa,+CAFvBC,qBAIM,MAAA,KAAA,+BAJD,OACH,EAAA,GAAAC,EAAAA,mBAEkB,OAFlBF,EAEkBG,EAAAA,gBAAdC,EAAA,IAAI,EAAA,CAAA,gCAAU;AAAA,IACpB,EAAA"}
+{"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,25 +1,23 @@
-import { openBlock as r, createElementBlock as n, createTextVNode as t, createElementVNode as c, toDisplayString as s } from "vue";
-import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const p = {
-  compatConfig: { MODE: 3 },
-  name: "DtCodeblock",
-  props: {
-    text: {
-      type: String,
-      required: !0
-    }
-  }
-}, l = { class: "d-codeblock" };
-function i(a, e, o, m, f, u) {
-  return r(), n("pre", null, [
-    e[0] || (e[0] = t("    ", -1)),
-    c("code", l, s(o.text), 1),
-    e[1] || (e[1] = t(`
-  `, -1))
-  ]);
+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__ */ d(p, [["render", i]]);
-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    <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"],"names":["_sfc_main","_hoisted_1","_createElementBlock","_createElementVNode","_toDisplayString","$props"],"mappings":";;AASA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;;AAGhB,GAhBMC,IAAA,EAAA,OAAM,cAAa;;cAFvBC,EAIM,OAAA,MAAA;AAAA,sBAJD,QACH,EAAA;AAAA,IAAAC,EAEkB,QAFlBF,GAEkBG,EAAdC,EAAA,IAAI,GAAA,CAAA;AAAA,sBAAU;AAAA,KACpB,EAAA;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

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible-lazy-show.cjs","sources":["../../../components/collapsible/collapsible_lazy_show.vue"],"sourcesContent":["<template>\n  <!-- applies the transition on initial render -->\n  <transition\n    :appear=\"appear\"\n    enter-active-class=\"d-collapsible__enter-active\"\n    leave-active-class=\"d-collapsible__leave-active\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n    @before-enter=\"beforeEnter\"\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @before-leave=\"beforeLeave\"\n    @leave=\"leave\"\n    @after-leave=\"afterLeave\"\n  >\n    <component\n      :is=\"elementType\"\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot slot for Content within collapsible -->\n      <slot v-if=\"initialized\" />\n    </component>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'DtCollapsibleLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  /******************\n   *    COMPUTED    *\n   ******************/\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeEnter (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = '0px';\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    enter (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = `${element.scrollHeight}px`;\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterEnter (element) {\n      element.style.height = null;\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeLeave (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = `${element.offsetHeight}px`;\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    leave (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = '0px';\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterLeave (element) {\n      element.style.height = null;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","newValue","element","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","$options","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","$data","_renderSlot"],"mappings":"6LA2BKA,EAAU,CACb,KAAM,wBAEN,aAAc,GAKd,MAAO,CAIL,KAAM,CACJ,KAAM,QACN,QAAS,MAMX,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,QAOb,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KAExB,EAKA,SAAU,CAOR,cAAgB,CACd,OAAO,QAAQ,IAAI,WAAa,MAClC,GAMF,MAAO,CACL,KAAM,SAAUC,EAAU,CACpB,CAACA,GAAY,KAAK,cAEtB,KAAK,YAAc,GACrB,GAGF,QAAS,CAIP,YAAaC,EAAS,CACpB,sBAAsB,IAAM,CACrBA,EAAQ,MAAM,SACjBA,EAAQ,MAAM,OAAS,MAE3B,CAAC,CACH,EAKA,MAAOA,EAAS,CACd,sBAAsB,IAAM,CAC1B,sBAAsB,IAAM,CAC1BA,EAAQ,MAAM,OAAS,GAAGA,EAAQ,YAAY,IAChD,CAAC,CACH,CAAC,CACH,EAKA,WAAYA,EAAS,CACnBA,EAAQ,MAAM,OAAS,IACzB,EAKA,YAAaA,EAAS,CACpB,sBAAsB,IAAM,CACrBA,EAAQ,MAAM,SACjBA,EAAQ,MAAM,OAAS,GAAGA,EAAQ,YAAY,KAElD,CAAC,CACH,EAKA,MAAOA,EAAS,CACd,sBAAsB,IAAM,CAC1B,sBAAsB,IAAM,CAC1BA,EAAQ,MAAM,OAAS,KACzB,CAAC,CACH,CAAC,CACH,EAKA,WAAYA,EAAS,CACnBA,EAAQ,MAAM,OAAS,IACzB,EAEJ,0BAzJE,OAAAC,YAAA,EAAAC,cAqBaC,EAAAA,WArBbC,EAAAA,WAqBa,CApBV,OAAQC,EAAA,OACT,qBAAmB,8BACnB,qBAAmB,+BACXC,EAAA,OAAM,CACb,IAAKC,EAAA,aACL,cAAcA,EAAA,YACd,QAAOA,EAAA,MACP,aAAaA,EAAA,WACb,cAAcA,EAAA,YACd,QAAOA,EAAA,MACP,aAAaA,EAAA,gCAEd,IAOY,iCAPZL,EAAAA,YAOYM,EAAAA,wBANLH,EAAA,WAAW,EAAAI,EAAAA,eAAAC,EAAAA,mBAERJ,EAAA,MAAM,CAAA,EAAA,mBAGd,IAA2B,CAAfK,EAAA,YAAZC,EAAAA,WAA2BN,EAAA,OAAA,UAAA,CAAA,IAAA,CAAA,CAAA,oDAJnBD,EAAA,IAAI"}
+{"version":3,"file":"collapsible-lazy-show.cjs","names":[],"sources":["../../../components/collapsible/collapsible_lazy_show.vue"],"sourcesContent":["<template>\n  <!-- applies the transition on initial render -->\n  <transition\n    :appear=\"appear\"\n    enter-active-class=\"d-collapsible__enter-active\"\n    leave-active-class=\"d-collapsible__leave-active\"\n    v-bind=\"$attrs\"\n    :css=\"isCSSEnabled\"\n    @before-enter=\"beforeEnter\"\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @before-leave=\"beforeLeave\"\n    @leave=\"leave\"\n    @after-leave=\"afterLeave\"\n  >\n    <component\n      :is=\"elementType\"\n      v-show=\"show\"\n      v-bind=\"$attrs\"\n    >\n      <!-- @slot slot for Content within collapsible -->\n      <slot v-if=\"initialized\" />\n    </component>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'DtCollapsibleLazyShow',\n\n  inheritAttrs: false,\n\n  /******************\n   *     PROPS      *\n   ******************/\n  props: {\n    /**\n     * Whether the child slot is shown.\n     */\n    show: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Enable/Disable transition animation\n     */\n    appear: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  /******************\n   *      DATA      *\n   ******************/\n  data () {\n    return {\n      initialized: !!this.show,\n    };\n  },\n\n  /******************\n   *    COMPUTED    *\n   ******************/\n  computed: {\n    /**\n     * Set the css property to false when running tests only.\n     * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n     * transition `css` property\n     * @returns {boolean}\n     */\n    isCSSEnabled () {\n      return process.env.NODE_ENV !== 'test';\n    },\n  },\n\n  /******************\n   *      WATCH     *\n   ******************/\n  watch: {\n    show: function (newValue) {\n      if (!newValue || this.initialized) return;\n\n      this.initialized = true;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeEnter (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = '0px';\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    enter (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = `${element.scrollHeight}px`;\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterEnter (element) {\n      element.style.height = null;\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    beforeLeave (element) {\n      requestAnimationFrame(() => {\n        if (!element.style.height) {\n          element.style.height = `${element.offsetHeight}px`;\n        }\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    leave (element) {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          element.style.height = '0px';\n        });\n      });\n    },\n\n    /**\n     * @param {HTMLElement} element\n     */\n    afterLeave (element) {\n      element.style.height = null;\n    },\n  },\n};\n</script>\n"],"mappings":"wNA2BA,IAAK,EAAU,CACb,KAAM,wBAEN,aAAc,GAKd,MAAO,CAIL,KAAM,CACJ,KAAM,QACN,QAAS,KACV,CAKD,OAAQ,CACN,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,MACV,CACF,CAKD,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KACrB,EAMH,SAAU,CAOR,cAAgB,CACd,OAAA,QAAA,IAAA,WAAgC,QAEnC,CAKD,MAAO,CACL,KAAM,SAAU,EAAU,CACpB,CAAC,GAAY,KAAK,cAEtB,KAAK,YAAc,KAEtB,CAED,QAAS,CAIP,YAAa,EAAS,CACpB,0BAA4B,CACrB,EAAQ,MAAM,SACjB,EAAQ,MAAM,OAAS,QAEzB,EAMJ,MAAO,EAAS,CACd,0BAA4B,CAC1B,0BAA4B,CAC1B,EAAQ,MAAM,OAAS,GAAG,EAAQ,aAAa,KAC/C,EACF,EAMJ,WAAY,EAAS,CACnB,EAAQ,MAAM,OAAS,MAMzB,YAAa,EAAS,CACpB,0BAA4B,CACrB,EAAQ,MAAM,SACjB,EAAQ,MAAM,OAAS,GAAG,EAAQ,aAAa,MAEjD,EAMJ,MAAO,EAAS,CACd,0BAA4B,CAC1B,0BAA4B,CAC1B,EAAQ,MAAM,OAAS,OACvB,EACF,EAMJ,WAAY,EAAS,CACnB,EAAQ,MAAM,OAAS,MAE1B,CACF,mEApIc,EAAA,YAAA,EAAA,EAAA,YAAA,CApBV,OAAQ,EAAA,OACT,qBAAmB,8BACnB,qBAAmB,+BACX,EAAA,OAAM,CACb,IAAK,EAAA,aACL,cAAc,EAAA,YACd,QAAO,EAAA,MACP,aAAa,EAAA,WACb,cAAc,EAAA,YACd,QAAO,EAAA,MACP,aAAa,EAAA,wCASF,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBANL,EAAA,YAAW,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAER,EAAA,OAAM,CAAA,CAAA,2BAGa,CAAf,EAAA,aAAA,EAAA,EAAA,YAAe,EAAA,OAAA,UAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,qBAJnB,EAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}