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

package/dist/lib/description-list/description-list.js

@@ -1,87 +1,70 @@
-import { DT_DESCRIPTION_LIST_DIRECTION as c } from "./description-list-constants.js";
-import { itemsValidator as p } from "./description-list-validators.js";
-import { openBlock as s, createElementBlock as i, normalizeClass as a, Fragment as d, renderList as m, createElementVNode as l, toDisplayString as n } from "vue";
-import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { DT_STACK_GAP as _ } from "../stack/stack-constants.js";
-const C = {
-  compatConfig: { MODE: 3 },
-  name: "DtDescriptionList",
-  props: {
-    /**
-     * The direction for the list
-     * @values row, column
-     */
-    direction: {
-      type: String,
-      default: "row",
-      validator: (t) => c.includes(t)
-    },
-    /**
-     * A list of items that represent the term and the description
-     */
-    items: {
-      type: Array,
-      default: () => [],
-      validator: (t) => p(t),
-      required: !0
-    },
-    /**
-     * Set the space between the elements
-     * @values 0, 1, 25, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 525, 550, 600, 650, 700, 750, 800
-     */
-    gap: {
-      type: String,
-      default: "100",
-      validator: (t) => _.includes(t)
-    },
-    /**
-     * Used to customize the term element
-     */
-    termClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Used to customize the description element
-     */
-    descriptionClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  },
-  computed: {
-    dtClass() {
-      return ["d-description-list__term", this.termClass];
-    },
-    ddClass() {
-      return ["d-description-list__description", this.descriptionClass];
-    },
-    getDirectionClass() {
-      return `d-description-list--${this.direction}`;
-    },
-    getGapClass() {
-      return `d-description-list--gap-${this.gap}`;
-    }
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DT_STACK_GAP as t } from "../stack/stack-constants.js";
+import { DT_DESCRIPTION_LIST_DIRECTION as n } from "./description-list-constants.js";
+import { itemsValidator as r } from "./description-list-validators.js";
+import { Fragment as i, createElementBlock as a, createElementVNode as o, normalizeClass as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
+//#region components/description_list/description_list.vue
+var d = {
+	compatConfig: { MODE: 3 },
+	name: "DtDescriptionList",
+	props: {
+		direction: {
+			type: String,
+			default: "row",
+			validator: (e) => n.includes(e)
+		},
+		items: {
+			type: Array,
+			default: () => [],
+			validator: (e) => r(e),
+			required: !0
+		},
+		gap: {
+			type: String,
+			default: "400",
+			validator: (e) => t.includes(e)
+		},
+		termClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		descriptionClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		}
+	},
+	computed: {
+		dtClass() {
+			return ["d-description-list__term", this.termClass];
+		},
+		ddClass() {
+			return ["d-description-list__description", this.descriptionClass];
+		},
+		getDirectionClass() {
+			return `d-description-list--${this.direction}`;
+		},
+		getGapClass() {
+			return `d-description-list--gap-${this.gap}`;
+		}
+	}
 };
-function f(t, g, o, y, D, e) {
-  return s(), i("dl", {
-    class: a(["d-description-list", e.getDirectionClass, e.getGapClass])
-  }, [
-    (s(!0), i(d, null, m(o.items, (r) => (s(), i(d, {
-      key: r.term
-    }, [
-      l("dt", {
-        class: a(e.dtClass)
-      }, n(r.term), 3),
-      l("dd", {
-        class: a(e.ddClass)
-      }, n(r.description), 3)
-    ], 64))), 128))
-  ], 2);
+function f(e, t, n, r, d, f) {
+	return c(), a("dl", { class: s([
+		"d-description-list",
+		f.getDirectionClass,
+		f.getGapClass
+	]) }, [(c(!0), a(i, null, l(n.items, (e) => (c(), a(i, { key: e.term }, [o("dt", { class: s(f.dtClass) }, u(e.term), 3), o("dd", { class: s(f.ddClass) }, u(e.description), 3)], 64))), 128))], 2);
 }
-const I = /* @__PURE__ */ u(C, [["render", f]]);
-export {
-  I as default
-};
-//# sourceMappingURL=description-list.js.map
+var p = /* @__PURE__ */ e(d, [["render", f]]);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=description-list.js.map

package/dist/lib/description-list/description-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"description-list.js","sources":["../../../components/description_list/description_list.vue"],"sourcesContent":["<template>\n  <dl :class=\"['d-description-list', getDirectionClass, getGapClass]\">\n    <template\n      v-for=\"item in items\"\n      :key=\"item.term\"\n    >\n      <dt :class=\"dtClass\">\n        {{ item.term }}\n      </dt>\n      <dd :class=\"ddClass\">\n        {{ item.description }}\n      </dd>\n    </template>\n  </dl>\n</template>\n\n<script>\nimport { DT_STACK_GAP } from '@/components/stack';\nimport { DT_DESCRIPTION_LIST_DIRECTION } from './description_list_constants';\nimport { itemsValidator } from './description_list_validators';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDescriptionList',\n\n  props: {\n    /**\n     * The direction for the list\n     * @values row, column\n     */\n    direction: {\n      type: String,\n      default: 'row',\n      validator: direction => DT_DESCRIPTION_LIST_DIRECTION.includes(direction),\n    },\n\n    /**\n     * A list of items that represent the term and the description\n     */\n    items: {\n      type: Array,\n      default: () => [],\n      validator: items => itemsValidator(items),\n      required: true,\n    },\n\n    /**\n     * Set the space between the elements\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    gap: {\n      type: String,\n      default: '100',\n      validator: (gap) => DT_STACK_GAP.includes(gap),\n    },\n\n    /**\n     * Used to customize the term element\n     */\n    termClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description element\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    dtClass () {\n      return ['d-description-list__term', this.termClass];\n    },\n\n    ddClass () {\n      return ['d-description-list__description', this.descriptionClass];\n    },\n\n    getDirectionClass () {\n      return `d-description-list--${this.direction}`;\n    },\n\n    getGapClass () {\n      return `d-description-list--gap-${this.gap}`;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","direction","DT_DESCRIPTION_LIST_DIRECTION","items","itemsValidator","gap","DT_STACK_GAP","_createElementBlock","_normalizeClass","$options","_Fragment","_renderList","$props","item","_createElementVNode","_toDisplayString"],"mappings":";;;;;AAqBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAC,MAAaC,EAA8B,SAASD,CAAS;AAAA;;;;IAM1E,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,MACf,WAAW,CAAAE,MAASC,EAAeD,CAAK;AAAA,MACxC,UAAU;AAAA;;;;;IAOZ,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAQC,EAAa,SAASD,CAAG;AAAA;;;;IAM/C,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,kBAAkB;AAAA,MAChB,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;EAIb,UAAU;AAAA,IACR,UAAW;AACT,aAAO,CAAC,4BAA4B,KAAK,SAAS;AAAA,IACpD;AAAA,IAEA,UAAW;AACT,aAAO,CAAC,mCAAmC,KAAK,gBAAgB;AAAA,IAClE;AAAA,IAEA,oBAAqB;AACnB,aAAO,uBAAuB,KAAK,SAAS;AAAA,IAC9C;AAAA,IAEA,cAAe;AACb,aAAO,2BAA2B,KAAK,GAAG;AAAA,IAC5C;AAAA;AAEJ;;cAzFEE,EAYK,MAAA;AAAA,IAZA,OAAKC,EAAA,CAAA,sBAAyBC,EAAA,mBAAmBA,EAAA,WAAW,CAAA;AAAA;YAC/DF,EAUWG,GAAA,MAAAC,EATMC,EAAA,OAAK,CAAbC;MACD,KAAAA,EAAK;AAAA;MAEXC,EAEK,MAAA;AAAA,QAFA,SAAOL,EAAA,OAAO;AAAA,MACd,GAAAM,EAAAF,EAAK,IAAI,GAAA,CAAA;AAAA,MAEdC,EAEK,MAAA;AAAA,QAFA,SAAOL,EAAA,OAAO;AAAA,MACd,GAAAM,EAAAF,EAAK,WAAW,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"description-list.js","names":[],"sources":["../../../components/description_list/description_list.vue"],"sourcesContent":["<template>\n  <dl :class=\"['d-description-list', getDirectionClass, getGapClass]\">\n    <template\n      v-for=\"item in items\"\n      :key=\"item.term\"\n    >\n      <dt :class=\"dtClass\">\n        {{ item.term }}\n      </dt>\n      <dd :class=\"ddClass\">\n        {{ item.description }}\n      </dd>\n    </template>\n  </dl>\n</template>\n\n<script>\nimport { DT_STACK_GAP } from '@/components/stack';\nimport { DT_DESCRIPTION_LIST_DIRECTION } from './description_list_constants';\nimport { itemsValidator } from './description_list_validators';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDescriptionList',\n\n  props: {\n    /**\n     * The direction for the list\n     * @values row, column\n     */\n    direction: {\n      type: String,\n      default: 'row',\n      validator: direction => DT_DESCRIPTION_LIST_DIRECTION.includes(direction),\n    },\n\n    /**\n     * A list of items that represent the term and the description\n     */\n    items: {\n      type: Array,\n      default: () => [],\n      validator: items => itemsValidator(items),\n      required: true,\n    },\n\n    /**\n     * Set the space between the elements\n     * @values 0, 100, 200, 300, 400, 500, 600\n     */\n    gap: {\n      type: String,\n      default: '400',\n      validator: (gap) => DT_STACK_GAP.includes(gap),\n    },\n\n    /**\n     * Used to customize the term element\n     */\n    termClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description element\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    dtClass () {\n      return ['d-description-list__term', this.termClass];\n    },\n\n    ddClass () {\n      return ['d-description-list__description', this.descriptionClass];\n    },\n\n    getDirectionClass () {\n      return `d-description-list--${this.direction}`;\n    },\n\n    getGapClass () {\n      return `d-description-list--gap-${this.gap}`;\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AAqBA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACT,YAAW,MAAa,EAA8B,SAAS,EAAU;GAC1E;EAKD,OAAO;GACL,MAAM;GACN,eAAe,EAAE;GACjB,YAAW,MAAS,EAAe,EAAM;GACzC,UAAU;GACX;EAMD,KAAK;GACH,MAAM;GACN,SAAS;GACT,YAAY,MAAQ,EAAa,SAAS,EAAI;GAC/C;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,kBAAkB;GAChB,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,UAAU;EACR,UAAW;AACT,UAAO,CAAC,4BAA4B,KAAK,UAAU;;EAGrD,UAAW;AACT,UAAO,CAAC,mCAAmC,KAAK,iBAAiB;;EAGnE,oBAAqB;AACnB,UAAO,uBAAuB,KAAK;;EAGrC,cAAe;AACb,UAAO,2BAA2B,KAAK;;EAE1C;CACF;;aAzFC,EAYK,MAAA,EAZA,OAAK,EAAA;EAAA;EAAyB,EAAA;EAAmB,EAAA;EAAW,CAAA,EAAA,EAAA,EAAA,EAAA,GAAA,EAC/D,EAUW,GAAA,MAAA,EATM,EAAA,QAAR,wBACD,EAAK,MAAA,EAAA,CAEX,EAEK,MAAA,EAFA,OAAK,EAAE,EAAA,QAAO,EAAA,EAAA,EACd,EAAK,KAAI,EAAA,EAAA,EAEd,EAEK,MAAA,EAFA,OAAK,EAAE,EAAA,QAAO,EAAA,EAAA,EACd,EAAK,YAAW,EAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/lib/description-list/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./description-list.cjs"),t=require("./description-list-constants.cjs");exports.DtDescriptionList=i.default;exports.DT_DESCRIPTION_LIST_DIRECTION=t.DT_DESCRIPTION_LIST_DIRECTION;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./description-list-constants.cjs`),t=require(`./description-list.cjs`);exports.DT_DESCRIPTION_LIST_DIRECTION=e.DT_DESCRIPTION_LIST_DIRECTION,exports.DtDescriptionList=t.default;

package/dist/lib/description-list/index.js

@@ -1,7 +1,3 @@
-import { default as r } from "./description-list.js";
-import { DT_DESCRIPTION_LIST_DIRECTION as I } from "./description-list-constants.js";
-export {
-  I as DT_DESCRIPTION_LIST_DIRECTION,
-  r as DtDescriptionList
-};
-//# sourceMappingURL=index.js.map
+import { DT_DESCRIPTION_LIST_DIRECTION as e } from "./description-list-constants.js";
+import t from "./description-list.js";
+export { e as DT_DESCRIPTION_LIST_DIRECTION, t as DtDescriptionList };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={none:void 0,small:"d-py-0",large:"d-py-50"},t={DROPDOWN_PADDING_CLASSES:e};exports.DROPDOWN_PADDING_CLASSES=e;exports.default=t;
-//# sourceMappingURL=dropdown-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={none:void 0,small:`d-py0`,large:`d-py4`},t={DROPDOWN_PADDING_CLASSES:e};exports.DROPDOWN_PADDING_CLASSES=e,exports.default=t;
+//# sourceMappingURL=dropdown-constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-constants.cjs","sources":["../../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py-0',\n  large: 'd-py-50',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"names":["DROPDOWN_PADDING_CLASSES","dropdown_constants"],"mappings":"4GAAY,MAACA,EAA2B,CACtC,KAAM,OACN,MAAO,SACP,MAAO,SACT,EAEAC,EAAe,CACb,yBAAAD,CACF"}
+{"version":3,"file":"dropdown-constants.cjs","names":[],"sources":["../../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py0',\n  large: 'd-py4',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"mappings":"+FAAA,IAAa,EAA2B,CACtC,KAAM,IAAA,GACN,MAAO,QACP,MAAO,QACR,CAED,EAAe,CACb,2BACD"}

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

@@ -1,12 +1,10 @@
-const n = {
-  none: void 0,
-  small: "d-py-0",
-  large: "d-py-50"
-}, d = {
-  DROPDOWN_PADDING_CLASSES: n
-};
-export {
-  n as DROPDOWN_PADDING_CLASSES,
-  d as default
-};
-//# sourceMappingURL=dropdown-constants.js.map
+//#region components/dropdown/dropdown_constants.js
+var e = {
+	none: void 0,
+	small: "d-py0",
+	large: "d-py4"
+}, t = { DROPDOWN_PADDING_CLASSES: e };
+//#endregion
+export { e as DROPDOWN_PADDING_CLASSES, t as default };
+
+//# sourceMappingURL=dropdown-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-constants.js","sources":["../../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py-0',\n  large: 'd-py-50',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"names":["DROPDOWN_PADDING_CLASSES","dropdown_constants"],"mappings":"AAAY,MAACA,IAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT,GAEAC,IAAe;AAAA,EACb,0BAAAD;AACF;"}
+{"version":3,"file":"dropdown-constants.js","names":[],"sources":["../../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py0',\n  large: 'd-py4',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"mappings":";AAAA,IAAa,IAA2B;CACtC,MAAM,KAAA;CACN,OAAO;CACP,OAAO;CACR,EAED,IAAe,EACb,6BACD"}

package/dist/lib/dropdown/dropdown-list.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l=require("../text/text.cjs"),d=require("../stack/stack.cjs"),s={compatConfig:{MODE:3},name:"DtDropdownList",components:{DtStack:d.default,DtText:l.default},props:{heading:{type:String,default:""},listClass:{type:[String,Array,Object],default:""}}};function c(o,u,t,p,_,m){const n=e.resolveComponent("dt-text"),r=e.resolveComponent("dt-stack");return e.openBlock(),e.createElementBlock("li",null,[t.heading?(e.openBlock(),e.createBlock(r,{key:0,direction:"row",align:"center",class:"dt-dropdown-list--header d-py-50 d-px-150"},{default:e.withCtx(()=>[e.createVNode(n,{kind:"label",size:100,strength:"bold",tone:"muted"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.heading),1)]),_:1})]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(["d-ps-relative","d-stack2","d-px-0",t.listClass]),"data-qa":"dt-dropdown-list-wrapper"},[e.renderSlot(o.$slots,"default")],2)])}const i=a._(s,[["render",c]]);exports.default=i;
-//# sourceMappingURL=dropdown-list.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`),t=require(`../stack/stack.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtDropdownList`,components:{DtStack:t.default},props:{heading:{type:String,default:``},listClass:{type:[String,Array,Object],default:``}}};function i(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-stack`);return(0,n.openBlock)(),(0,n.createElementBlock)(`li`,null,[r.heading?((0,n.openBlock)(),(0,n.createBlock)(s,{key:0,direction:`row`,align:`center`,class:`dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12`},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(r.heading),1)]),_:1})):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`ul`,{class:(0,n.normalizeClass)([`d-ps-relative`,`d-stack2`,`d-px0`,r.listClass]),"data-qa":`dt-dropdown-list-wrapper`},[(0,n.renderSlot)(e.$slots,`default`)],2)])}var a=e.t(r,[[`render`,i]]);exports.default=a;
+//# sourceMappingURL=dropdown-list.cjs.map

package/dist/lib/dropdown/dropdown-list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-list.cjs","sources":["../../../components/dropdown/dropdown_list.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <li>\n    <dt-stack\n      v-if=\"heading\"\n      direction=\"row\"\n      align=\"center\"\n      class=\"dt-dropdown-list--header d-py-50 d-px-150\"\n    >\n      <dt-text\n        kind=\"label\"\n        :size=\"100\"\n        strength=\"bold\"\n        tone=\"muted\"\n      >\n        {{ heading }}\n      </dt-text>\n    </dt-stack>\n    <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events -->\n    <ul\n      :class=\"['d-ps-relative', 'd-stack2', 'd-px-0', listClass]\"\n      data-qa=\"dt-dropdown-list-wrapper\"\n    >\n      <!-- @slot Slot for the list component -->\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport { DtText } from '@/components/text';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDropdownList',\n  components: { DtStack, DtText },\n  props: {\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtText","_createElementBlock","$props","_createBlock","_component_dt_stack","_createVNode","_component_dt_text","_createElementVNode","_renderSlot","_ctx"],"mappings":"2PAiCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,iBACN,WAAY,CAAA,QAAEC,EAAAA,QAAO,OAAEC,SAAK,EAC5B,MAAO,CAIL,QAAS,CACP,KAAM,OACN,QAAS,IAMX,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAGf,sHApDEC,qBAwBK,KAAA,KAAA,CAtBKC,EAAA,uBADRC,EAAAA,YAcWC,EAAA,OAZT,UAAU,MACV,MAAM,SACN,MAAM,gEAEN,IAOU,CAPVC,EAAAA,YAOUC,EAAA,CANR,KAAK,QACJ,KAAM,IACP,SAAS,OACT,KAAK,4BAEL,IAAa,qCAAVJ,EAAA,OAAO,EAAA,CAAA,+CAIdK,EAAAA,mBAMK,KAAA,CALF,4DAA+CL,EAAA,SAAS,CAAA,EACzD,UAAQ,6BAGRM,aAAQC,EAAA,OAAA,SAAA"}
+{"version":3,"file":"dropdown-list.cjs","names":[],"sources":["../../../components/dropdown/dropdown_list.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <li>\n    <dt-stack\n      v-if=\"heading\"\n      direction=\"row\"\n      align=\"center\"\n      class=\"dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12\"\n    >\n      <span>{{ heading }}</span>\n    </dt-stack>\n    <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events -->\n    <ul\n      :class=\"['d-ps-relative', 'd-stack2', 'd-px0', listClass]\"\n      data-qa=\"dt-dropdown-list-wrapper\"\n    >\n      <!-- @slot Slot for the list component -->\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDropdownList',\n  components: { DtStack },\n  props: {\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"mappings":"wPAyBA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,iBACN,WAAY,CAAE,QAAA,EAAA,QAAS,CACvB,MAAO,CAIL,QAAS,CACP,KAAM,OACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CACF,mHA3BM,KAAA,KAAA,CAfK,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAMG,EAAA,OALT,UAAU,MACV,MAAM,SACN,MAAM,0GAEoB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAjB,EAAA,QAAO,CAAA,EAAA,CAAA,CAAA,iEASb,KAAA,CALF,OAAA,EAAA,EAAA,gBAAK,CAAA,gBAAA,WAAA,QAAyC,EAAA,UAAS,CAAA,CACxD,UAAQ,8CAGA,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,CAAA,CAAA"}

package/dist/lib/dropdown/dropdown-list.js

@@ -1,62 +1,48 @@
-import { resolveComponent as e, openBlock as o, createElementBlock as s, createBlock as l, withCtx as n, createVNode as c, createTextVNode as i, toDisplayString as p, createCommentVNode as m, createElementVNode as _, normalizeClass as f, renderSlot as u } from "vue";
-import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import k from "../text/text.js";
-import x from "../stack/stack.js";
-const h = {
-  compatConfig: { MODE: 3 },
-  name: "DtDropdownList",
-  components: { DtStack: x, DtText: k },
-  props: {
-    /**
-     * List's heading.
-     */
-    heading: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Additional class for the wrapper list element.
-     */
-    listClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import t from "../stack/stack.js";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveComponent as l, toDisplayString as u, withCtx as d } from "vue";
+//#region components/dropdown/dropdown_list.vue
+var f = {
+	compatConfig: { MODE: 3 },
+	name: "DtDropdownList",
+	components: { DtStack: t },
+	props: {
+		heading: {
+			type: String,
+			default: ""
+		},
+		listClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		}
+	}
 };
-function w(a, C, t, y, D, S) {
-  const r = e("dt-text"), d = e("dt-stack");
-  return o(), s("li", null, [
-    t.heading ? (o(), l(d, {
-      key: 0,
-      direction: "row",
-      align: "center",
-      class: "dt-dropdown-list--header d-py-50 d-px-150"
-    }, {
-      default: n(() => [
-        c(r, {
-          kind: "label",
-          size: 100,
-          strength: "bold",
-          tone: "muted"
-        }, {
-          default: n(() => [
-            i(p(t.heading), 1)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    })) : m("", !0),
-    _("ul", {
-      class: f(["d-ps-relative", "d-stack2", "d-px-0", t.listClass]),
-      "data-qa": "dt-dropdown-list-wrapper"
-    }, [
-      u(a.$slots, "default")
-    ], 2)
-  ]);
+function p(e, t, f, p, m, h) {
+	let g = l("dt-stack");
+	return s(), i("li", null, [f.heading ? (s(), n(g, {
+		key: 0,
+		direction: "row",
+		align: "center",
+		class: "dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12"
+	}, {
+		default: d(() => [a("span", null, u(f.heading), 1)]),
+		_: 1
+	})) : r("", !0), a("ul", {
+		class: o([
+			"d-ps-relative",
+			"d-stack2",
+			"d-px0",
+			f.listClass
+		]),
+		"data-qa": "dt-dropdown-list-wrapper"
+	}, [c(e.$slots, "default")], 2)]);
 }
-const E = /* @__PURE__ */ g(h, [["render", w]]);
-export {
-  E as default
-};
-//# sourceMappingURL=dropdown-list.js.map
+var m = /* @__PURE__ */ e(f, [["render", p]]);
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=dropdown-list.js.map

package/dist/lib/dropdown/dropdown-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-list.js","sources":["../../../components/dropdown/dropdown_list.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <li>\n    <dt-stack\n      v-if=\"heading\"\n      direction=\"row\"\n      align=\"center\"\n      class=\"dt-dropdown-list--header d-py-50 d-px-150\"\n    >\n      <dt-text\n        kind=\"label\"\n        :size=\"100\"\n        strength=\"bold\"\n        tone=\"muted\"\n      >\n        {{ heading }}\n      </dt-text>\n    </dt-stack>\n    <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events -->\n    <ul\n      :class=\"['d-ps-relative', 'd-stack2', 'd-px-0', listClass]\"\n      data-qa=\"dt-dropdown-list-wrapper\"\n    >\n      <!-- @slot Slot for the list component -->\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport { DtText } from '@/components/text';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDropdownList',\n  components: { DtStack, DtText },\n  props: {\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtText","_createElementBlock","$props","_createBlock","_component_dt_stack","_createVNode","_component_dt_text","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;;AAiCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY,EAAE,SAAAC,GAAS,QAAAC,EAAK;AAAA,EAC5B,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;AAGf;;;cApDEC,EAwBK,MAAA,MAAA;AAAA,IAtBKC,EAAA,gBADRC,EAcWC,GAAA;AAAA;MAZT,WAAU;AAAA,MACV,OAAM;AAAA,MACN,OAAM;AAAA;iBAEN,MAOU;AAAA,QAPVC,EAOUC,GAAA;AAAA,UANR,MAAK;AAAA,UACJ,MAAM;AAAA,UACP,UAAS;AAAA,UACT,MAAK;AAAA;qBAEL,MAAa;AAAA,gBAAVJ,EAAA,OAAO,GAAA,CAAA;AAAA;;;;;;IAIdK,EAMK,MAAA;AAAA,MALF,iDAA+CL,EAAA,SAAS,CAAA;AAAA,MACzD,WAAQ;AAAA;MAGRM,EAAQC,EAAA,QAAA,SAAA;AAAA;;;;"}
+{"version":3,"file":"dropdown-list.js","names":[],"sources":["../../../components/dropdown/dropdown_list.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <li>\n    <dt-stack\n      v-if=\"heading\"\n      direction=\"row\"\n      align=\"center\"\n      class=\"dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12\"\n    >\n      <span>{{ heading }}</span>\n    </dt-stack>\n    <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events -->\n    <ul\n      :class=\"['d-ps-relative', 'd-stack2', 'd-px0', listClass]\"\n      data-qa=\"dt-dropdown-list-wrapper\"\n    >\n      <!-- @slot Slot for the list component -->\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDropdownList',\n  components: { DtStack },\n  props: {\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AAyBA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EAAE,SAAA,GAAS;CACvB,OAAO;EAIL,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CACF;;;aA5CC,EAiBK,MAAA,MAAA,CAfK,EAAA,WAAA,GAAA,EADR,EAOW,GAAA;;EALT,WAAU;EACV,OAAM;EACN,OAAM;;mBAEoB,CAA1B,EAA0B,QAAA,MAAA,EAAjB,EAAA,QAAO,EAAA,EAAA,CAAA,CAAA;;kBAGlB,EAMK,MAAA;EALF,OAAK,EAAA;GAAA;GAAA;GAAA;GAAyC,EAAA;GAAS,CAAA;EACxD,WAAQ;KAGR,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/lib/dropdown/dropdown-separator.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r={compatConfig:{MODE:3},name:"DtDropdownSeparator"},o={"aria-hidden":"true",class:"d-list-item-separator"};function n(s,c,i,u,p,l){return e.openBlock(),e.createElementBlock("li",o)}const a=t._(r,[["render",n]]);exports.default=a;
-//# sourceMappingURL=dropdown-separator.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:`DtDropdownSeparator`},r={"aria-hidden":`true`,class:`d-list-item-separator`};function i(e,n,i,a,o,s){return(0,t.openBlock)(),(0,t.createElementBlock)(`li`,r)}var a=e.t(n,[[`render`,i]]);exports.default=a;
+//# sourceMappingURL=dropdown-separator.cjs.map

package/dist/lib/dropdown/dropdown-separator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-separator.cjs","sources":["../../../components/dropdown/dropdown_separator.vue"],"sourcesContent":["<template>\n  <li\n    aria-hidden=\"true\"\n    class=\"d-list-item-separator\"\n  />\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDropdownSeparator',\n};\n</script>\n"],"names":["_sfc_main","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"6LAQKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,qBACR,KATI,cAAY,OACZ,MAAM,iDAFR,OAAAC,YAAA,EAAAC,qBAGE,KAHFC,CAGE"}
+{"version":3,"file":"dropdown-separator.cjs","names":[],"sources":["../../../components/dropdown/dropdown_separator.vue"],"sourcesContent":["<template>\n  <li\n    aria-hidden=\"true\"\n    class=\"d-list-item-separator\"\n  />\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDropdownSeparator',\n};\n</script>\n"],"mappings":"wNAQA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,sBACP,IATG,cAAY,OACZ,MAAM,kGACN,KAHF,EAGE"}

package/dist/lib/dropdown/dropdown-separator.js

@@ -1,17 +1,18 @@
-import { openBlock as o, createElementBlock as t } from "vue";
-import { _ as r } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const e = {
-  compatConfig: { MODE: 3 },
-  name: "DtDropdownSeparator"
-}, a = {
-  "aria-hidden": "true",
-  class: "d-list-item-separator"
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, openBlock as n } from "vue";
+//#region components/dropdown/dropdown_separator.vue
+var r = {
+	compatConfig: { MODE: 3 },
+	name: "DtDropdownSeparator"
+}, i = {
+	"aria-hidden": "true",
+	class: "d-list-item-separator"
 };
-function n(s, c, p, i, _, d) {
-  return o(), t("li", a);
+function a(e, r, a, o, s, c) {
+	return n(), t("li", i);
 }
-const l = /* @__PURE__ */ r(e, [["render", n]]);
-export {
-  l as default
-};
-//# sourceMappingURL=dropdown-separator.js.map
+var o = /* @__PURE__ */ e(r, [["render", a]]);
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=dropdown-separator.js.map

package/dist/lib/dropdown/dropdown-separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-separator.js","sources":["../../../components/dropdown/dropdown_separator.vue"],"sourcesContent":["<template>\n  <li\n    aria-hidden=\"true\"\n    class=\"d-list-item-separator\"\n  />\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDropdownSeparator',\n};\n</script>\n"],"names":["_sfc_main","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;AAQA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AACR;EATI,eAAY;AAAA,EACZ,OAAM;;;AAFR,SAAAC,EAAA,GAAAC,EAGE,MAHFC,CAGE;;;"}
+{"version":3,"file":"dropdown-separator.js","names":[],"sources":["../../../components/dropdown/dropdown_separator.vue"],"sourcesContent":["<template>\n  <li\n    aria-hidden=\"true\"\n    class=\"d-list-item-separator\"\n  />\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDropdownSeparator',\n};\n</script>\n"],"mappings":";;;AAQA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACP;CATG,eAAY;CACZ,OAAM;;;aAFR,EAGE,MAHF,EAGE"}

package/dist/lib/dropdown/dropdown-story-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=[{name:"Menu item 1",id:1},{name:"Menu item 2",id:2},{name:"Another menu item 1",id:3},{name:"Menu item 3",id:4},{name:"Another menu item 2",id:5}];exports.DROPDOWN_STORY_ITEMS=e;
-//# sourceMappingURL=dropdown-story-constants.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[{name:`Menu item 1`,id:1},{name:`Menu item 2`,id:2},{name:`Another menu item 1`,id:3},{name:`Menu item 3`,id:4},{name:`Another menu item 2`,id:5}];exports.DROPDOWN_STORY_ITEMS=e;
+//# sourceMappingURL=dropdown-story-constants.cjs.map

package/dist/lib/dropdown/dropdown-story-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-story-constants.cjs","sources":["../../../components/dropdown/dropdown_story_constants.js"],"sourcesContent":["export const DROPDOWN_STORY_ITEMS = [\n  { name: 'Menu item 1', id: 1 },\n  { name: 'Menu item 2', id: 2 },\n  { name: 'Another menu item 1', id: 3 },\n  { name: 'Menu item 3', id: 4 },\n  { name: 'Another menu item 2', id: 5 },\n];\n"],"names":["DROPDOWN_STORY_ITEMS"],"mappings":"gFAAY,MAACA,EAAuB,CAClC,CAAE,KAAM,cAAe,GAAI,CAAC,EAC5B,CAAE,KAAM,cAAe,GAAI,CAAC,EAC5B,CAAE,KAAM,sBAAuB,GAAI,CAAC,EACpC,CAAE,KAAM,cAAe,GAAI,CAAC,EAC5B,CAAE,KAAM,sBAAuB,GAAI,CAAC,CACtC"}
+{"version":3,"file":"dropdown-story-constants.cjs","names":[],"sources":["../../../components/dropdown/dropdown_story_constants.js"],"sourcesContent":["export const DROPDOWN_STORY_ITEMS = [\n  { name: 'Menu item 1', id: 1 },\n  { name: 'Menu item 2', id: 2 },\n  { name: 'Another menu item 1', id: 3 },\n  { name: 'Menu item 3', id: 4 },\n  { name: 'Another menu item 2', id: 5 },\n];\n"],"mappings":"mEAAA,IAAa,EAAuB,CAClC,CAAE,KAAM,cAAe,GAAI,EAAG,CAC9B,CAAE,KAAM,cAAe,GAAI,EAAG,CAC9B,CAAE,KAAM,sBAAuB,GAAI,EAAG,CACtC,CAAE,KAAM,cAAe,GAAI,EAAG,CAC9B,CAAE,KAAM,sBAAuB,GAAI,EAAG,CACvC"}

package/dist/lib/dropdown/dropdown-story-constants.js

@@ -1,11 +1,27 @@
-const e = [
-  { name: "Menu item 1", id: 1 },
-  { name: "Menu item 2", id: 2 },
-  { name: "Another menu item 1", id: 3 },
-  { name: "Menu item 3", id: 4 },
-  { name: "Another menu item 2", id: 5 }
+//#region components/dropdown/dropdown_story_constants.js
+var e = [
+	{
+		name: "Menu item 1",
+		id: 1
+	},
+	{
+		name: "Menu item 2",
+		id: 2
+	},
+	{
+		name: "Another menu item 1",
+		id: 3
+	},
+	{
+		name: "Menu item 3",
+		id: 4
+	},
+	{
+		name: "Another menu item 2",
+		id: 5
+	}
 ];
-export {
-  e as DROPDOWN_STORY_ITEMS
-};
-//# sourceMappingURL=dropdown-story-constants.js.map
+//#endregion
+export { e as DROPDOWN_STORY_ITEMS };
+
+//# sourceMappingURL=dropdown-story-constants.js.map

package/dist/lib/dropdown/dropdown-story-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-story-constants.js","sources":["../../../components/dropdown/dropdown_story_constants.js"],"sourcesContent":["export const DROPDOWN_STORY_ITEMS = [\n  { name: 'Menu item 1', id: 1 },\n  { name: 'Menu item 2', id: 2 },\n  { name: 'Another menu item 1', id: 3 },\n  { name: 'Menu item 3', id: 4 },\n  { name: 'Another menu item 2', id: 5 },\n];\n"],"names":["DROPDOWN_STORY_ITEMS"],"mappings":"AAAY,MAACA,IAAuB;AAAA,EAClC,EAAE,MAAM,eAAe,IAAI,EAAC;AAAA,EAC5B,EAAE,MAAM,eAAe,IAAI,EAAC;AAAA,EAC5B,EAAE,MAAM,uBAAuB,IAAI,EAAC;AAAA,EACpC,EAAE,MAAM,eAAe,IAAI,EAAC;AAAA,EAC5B,EAAE,MAAM,uBAAuB,IAAI,EAAC;AACtC;"}
+{"version":3,"file":"dropdown-story-constants.js","names":[],"sources":["../../../components/dropdown/dropdown_story_constants.js"],"sourcesContent":["export const DROPDOWN_STORY_ITEMS = [\n  { name: 'Menu item 1', id: 1 },\n  { name: 'Menu item 2', id: 2 },\n  { name: 'Another menu item 1', id: 3 },\n  { name: 'Menu item 3', id: 4 },\n  { name: 'Another menu item 2', id: 5 },\n];\n"],"mappings":";AAAA,IAAa,IAAuB;CAClC;EAAE,MAAM;EAAe,IAAI;EAAG;CAC9B;EAAE,MAAM;EAAe,IAAI;EAAG;CAC9B;EAAE,MAAM;EAAuB,IAAI;EAAG;CACtC;EAAE,MAAM;EAAe,IAAI;EAAG;CAC9B;EAAE,MAAM;EAAuB,IAAI;EAAG;CACvC"}

package/dist/lib/dropdown/dropdown.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../../common/mixins/keyboard-list-navigation.cjs"),l=require("./dropdown-constants.cjs"),g=require("../../common/utils/index.cjs"),o=require("../../common/constants/index.cjs"),c=require("../../mode_constants-DeLSnTcQ.cjs"),t=require("vue"),E=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../list-item/list-item-constants.cjs"),m=require("../popover/popover.cjs"),f=require("../popover/popover-constants.cjs"),y={compatConfig:{MODE:3},name:"DtDropdown",components:{DtPopover:m.default},mixins:[p.default({indexKey:"highlightIndex",idKey:"highlightId",listElementKey:"getListElement",listItemRole:"menuitem",afterHighlightMethod:"afterHighlight",beginningOfListMethod:"beginningOfListMethod",endOfListMethod:"endOfListMethod",activeItemKey:"activeItemEl",focusOnKeyboardNavigation:!0})],inheritAttrs:!1,props:{contentMode:c.C,open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},padding:{type:String,default:"small",validator:e=>Object.keys(l.DROPDOWN_PADDING_CLASSES).some(n=>n===e)},modal:{type:Boolean,default:!0},contentWidth:{type:String,default:null},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},listId:{type:String,default(){return g.getUniqueString()}},navigationType:{type:String,default:d.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS,validator:e=>Object.values(d.LIST_ITEM_NAVIGATION_TYPES).includes(e)},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"bottom"},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},listClass:{type:[String,Array,Object],default:""},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>f.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},tether:{type:Boolean,default:!0},transition:{type:String,default:"fade"}},emits:["keydown","highlight","update:open","opened"],data(){return{LIST_ITEM_NAVIGATION_TYPES:d.LIST_ITEM_NAVIGATION_TYPES,DROPDOWN_PADDING_CLASSES:l.DROPDOWN_PADDING_CLASSES,EVENT_KEYNAMES:o.EVENT_KEYNAMES,openedWithKeyboard:!1,isOpen:null}},computed:{dropdownListeners(){return{"update:open":e=>{this.$emit("update:open",e)},opened:e=>{this.updateInitialHighlightIndex(e)},keydown:e=>{switch(e.code){case o.EVENT_KEYNAMES.up:case o.EVENT_KEYNAMES.arrowup:this.onUpKeyPress(e),e.stopPropagation(),e.preventDefault();break;case o.EVENT_KEYNAMES.down:case o.EVENT_KEYNAMES.arrowdown:this.onDownKeyPress(e),e.stopPropagation(),e.preventDefault();break;case o.EVENT_KEYNAMES.space:case o.EVENT_KEYNAMES.spacebar:this.onSpaceKey();break;case o.EVENT_KEYNAMES.enter:this.onEnterKey();break;case o.EVENT_KEYNAMES.home:this.onHomeKeyPress(e),e.stopPropagation(),e.preventDefault();break;case o.EVENT_KEYNAMES.end:this.onEndKeyPress(e),e.stopPropagation(),e.preventDefault();break;default:this.onKeyPress(e);break}this.$emit("keydown",e)}}},beginningOfListMethod(){return this.onBeginningOfList||this.jumpToEnd},endOfListMethod(){return this.onEndOfList||this.jumpToBeginning},activeItemEl(){return this.getListElement().querySelector("#"+this.highlightId)},isArrowKeyNav(){return this.navigationType===this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS},listClasses(){return["d-dropdown-list",l.DROPDOWN_PADDING_CLASSES[this.padding],this.listClass,{"d-context-menu-list":this.openOnContext}]},shouldOpenWithArrowKeys(){return!this.openOnContext}},methods:{onMouseHighlight(e){const n=e.target.closest("li");n&&n.role&&this.highlightId!==n.id&&(this.setHighlightId(n.id),n.focus())},getListElement(){return this.$refs.listWrapper},clearHighlightIndex(){this.setHighlightIndex(-1)},afterHighlight(){this.highlightIndex!==this._itemsLength()-1&&this.$emit("highlight",this.highlightIndex)},updateInitialHighlightIndex(e){this.isOpen=e,e?(this.openedWithKeyboard&&this.isArrowKeyNav&&this.setHighlightIndex(0),this.$emit("opened",!0)):(this.clearHighlightIndex(),this.openedWithKeyboard=!1,this.$emit("opened",!1))},onSpaceKey(){this.open||(this.openedWithKeyboard=!0)},onEnterKey(){this.open||(this.openedWithKeyboard=!0)},onUpKeyPress(){if(!this.isOpen){this.openedWithKeyboard=!0;return}if(this.isArrowKeyNav)return this.onUpKey()},onDownKeyPress(){if(!this.isOpen){this.openedWithKeyboard=!0;return}if(this.isArrowKeyNav)return this.onDownKey()},onHomeKeyPress(){if(!(!this.isOpen||!this.isArrowKeyNav))return this.onHomeKey()},onEndKeyPress(){if(!(!this.isOpen||!this.isArrowKeyNav))return this.onEndKey()},onKeyPress(e){if(!(!this.isOpen||!this.isArrowKeyNav||!this.isValidLetter(e.key)))return e.stopPropagation(),e.preventDefault(),this.onNavigationKey(e.key)}}},_=["id"];function S(e,n,i,N,h,s){const u=t.resolveComponent("dt-popover");return t.openBlock(),t.createBlock(u,t.mergeProps({ref:"popover","content-width":i.contentWidth,"content-mode":i.contentMode,open:i.open,placement:i.placement,"initial-focus-element":h.openedWithKeyboard?"first":"dialog","fallback-placements":i.fallbackPlacements,padding:"none",role:"menu","append-to":i.appendTo,modal:i.modal,"max-height":i.maxHeight,"max-width":i.maxWidth,"open-with-arrow-keys":s.shouldOpenWithArrowKeys,"open-on-context":i.openOnContext},e.$attrs,{tether:i.tether,transition:i.transition},t.toHandlers(s.dropdownListeners)),{anchor:t.withCtx(({attrs:r})=>[t.renderSlot(e.$slots,"anchor",t.mergeProps({ref:"anchor"},r))]),content:t.withCtx(({close:r})=>[t.createElementVNode("ul",{id:i.listId,ref:"listWrapper",class:t.normalizeClass(s.listClasses),"data-qa":"dt-dropdown-list-wrapper",onMouseleave:n[0]||(n[0]=(...a)=>s.clearHighlightIndex&&s.clearHighlightIndex(...a)),onMousemoveCapture:n[1]||(n[1]=(...a)=>s.onMouseHighlight&&s.onMouseHighlight(...a))},[t.renderSlot(e.$slots,"list",{close:r})],42,_)]),footerContent:t.withCtx(({close:r})=>[t.renderSlot(e.$slots,"footer",{close:r})]),_:3},16,["content-width","content-mode","open","placement","initial-focus-element","fallback-placements","append-to","modal","max-height","max-width","open-with-arrow-keys","open-on-context","tether","transition"])}const K=E._(y,[["render",S]]);exports.default=K;
-//# sourceMappingURL=dropdown.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../../common/mixins/keyboard-list-navigation.cjs`),i=require(`../list-item/list-item-constants.cjs`),a=require(`../popover/popover-constants.cjs`),o=require(`../popover/popover.cjs`),s=require(`./dropdown-constants.cjs`);let c=require(`vue`);var l={compatConfig:{MODE:3},name:`DtDropdown`,components:{DtPopover:o.default},mixins:[r.default({indexKey:`highlightIndex`,idKey:`highlightId`,listElementKey:`getListElement`,listItemRole:`menuitem`,afterHighlightMethod:`afterHighlight`,beginningOfListMethod:`beginningOfListMethod`,endOfListMethod:`endOfListMethod`,activeItemKey:`activeItemEl`,focusOnKeyboardNavigation:!0})],inheritAttrs:!1,props:{open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},padding:{type:String,default:`small`,validator:e=>Object.keys(s.DROPDOWN_PADDING_CLASSES).some(t=>t===e)},modal:{type:Boolean,default:!0},contentWidth:{type:String,default:null},maxHeight:{type:String,default:``},maxWidth:{type:String,default:``},listId:{type:String,default(){return t.getUniqueString()}},navigationType:{type:String,default:i.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS,validator:e=>Object.values(i.LIST_ITEM_NAVIGATION_TYPES).includes(e)},fallbackPlacements:{type:Array,default:()=>[`auto`]},placement:{type:String,default:`bottom`},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},listClass:{type:[String,Array,Object],default:``},appendTo:{type:[HTMLElement,String],default:`body`,validator:e=>a.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},tether:{type:Boolean,default:!0},transition:{type:String,default:`fade`}},emits:[`keydown`,`highlight`,`update:open`,`opened`],data(){return{LIST_ITEM_NAVIGATION_TYPES:i.LIST_ITEM_NAVIGATION_TYPES,DROPDOWN_PADDING_CLASSES:s.DROPDOWN_PADDING_CLASSES,EVENT_KEYNAMES:e.EVENT_KEYNAMES,openedWithKeyboard:!1,isOpen:null}},computed:{dropdownListeners(){return{"update:open":e=>{this.$emit(`update:open`,e)},opened:e=>{this.updateInitialHighlightIndex(e)},keydown:t=>{switch(t.code){case e.EVENT_KEYNAMES.up:case e.EVENT_KEYNAMES.arrowup:this.onUpKeyPress(t),t.stopPropagation(),t.preventDefault();break;case e.EVENT_KEYNAMES.down:case e.EVENT_KEYNAMES.arrowdown:this.onDownKeyPress(t),t.stopPropagation(),t.preventDefault();break;case e.EVENT_KEYNAMES.space:case e.EVENT_KEYNAMES.spacebar:this.onSpaceKey();break;case e.EVENT_KEYNAMES.enter:this.onEnterKey();break;case e.EVENT_KEYNAMES.home:this.onHomeKeyPress(t),t.stopPropagation(),t.preventDefault();break;case e.EVENT_KEYNAMES.end:this.onEndKeyPress(t),t.stopPropagation(),t.preventDefault();break;default:this.onKeyPress(t);break}this.$emit(`keydown`,t)}}},beginningOfListMethod(){return this.onBeginningOfList||this.jumpToEnd},endOfListMethod(){return this.onEndOfList||this.jumpToBeginning},activeItemEl(){return this.getListElement().querySelector(`#`+this.highlightId)},isArrowKeyNav(){return this.navigationType===this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS},listClasses(){return[`d-dropdown-list`,s.DROPDOWN_PADDING_CLASSES[this.padding],this.listClass,{"d-context-menu-list":this.openOnContext}]},shouldOpenWithArrowKeys(){return!this.openOnContext}},methods:{onMouseHighlight(e){let t=e.target.closest(`li`);t&&t.role&&this.highlightId!==t.id&&(this.setHighlightId(t.id),t.focus())},getListElement(){return this.$refs.listWrapper},clearHighlightIndex(){this.setHighlightIndex(-1)},afterHighlight(){this.highlightIndex!==this._itemsLength()-1&&this.$emit(`highlight`,this.highlightIndex)},updateInitialHighlightIndex(e){this.isOpen=e,e?(this.openedWithKeyboard&&this.isArrowKeyNav&&this.setHighlightIndex(0),this.$emit(`opened`,!0)):(this.clearHighlightIndex(),this.openedWithKeyboard=!1,this.$emit(`opened`,!1))},onSpaceKey(){this.open||(this.openedWithKeyboard=!0)},onEnterKey(){this.open||(this.openedWithKeyboard=!0)},onUpKeyPress(){if(!this.isOpen){this.openedWithKeyboard=!0;return}if(this.isArrowKeyNav)return this.onUpKey()},onDownKeyPress(){if(!this.isOpen){this.openedWithKeyboard=!0;return}if(this.isArrowKeyNav)return this.onDownKey()},onHomeKeyPress(){if(!(!this.isOpen||!this.isArrowKeyNav))return this.onHomeKey()},onEndKeyPress(){if(!(!this.isOpen||!this.isArrowKeyNav))return this.onEndKey()},onKeyPress(e){if(!(!this.isOpen||!this.isArrowKeyNav||!this.isValidLetter(e.key)))return e.stopPropagation(),e.preventDefault(),this.onNavigationKey(e.key)}}},u=[`id`];function d(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-popover`);return(0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({ref:`popover`,"content-width":n.contentWidth,open:n.open,placement:n.placement,"initial-focus-element":i.openedWithKeyboard?`first`:`dialog`,"fallback-placements":n.fallbackPlacements,padding:`none`,role:`menu`,"append-to":n.appendTo,modal:n.modal,"max-height":n.maxHeight,"max-width":n.maxWidth,"open-with-arrow-keys":a.shouldOpenWithArrowKeys,"open-on-context":n.openOnContext},e.$attrs,{tether:n.tether,transition:n.transition},(0,c.toHandlers)(a.dropdownListeners)),{anchor:(0,c.withCtx)(({attrs:t})=>[(0,c.renderSlot)(e.$slots,`anchor`,(0,c.mergeProps)({ref:`anchor`},t))]),content:(0,c.withCtx)(({close:r})=>[(0,c.createElementVNode)(`ul`,{id:n.listId,ref:`listWrapper`,class:(0,c.normalizeClass)(a.listClasses),"data-qa":`dt-dropdown-list-wrapper`,onMouseleave:t[0]||(t[0]=(...e)=>a.clearHighlightIndex&&a.clearHighlightIndex(...e)),onMousemoveCapture:t[1]||(t[1]=(...e)=>a.onMouseHighlight&&a.onMouseHighlight(...e))},[(0,c.renderSlot)(e.$slots,`list`,{close:r})],42,u)]),footerContent:(0,c.withCtx)(({close:t})=>[(0,c.renderSlot)(e.$slots,`footer`,{close:t})]),_:3},16,[`content-width`,`open`,`placement`,`initial-focus-element`,`fallback-placements`,`append-to`,`modal`,`max-height`,`max-width`,`open-with-arrow-keys`,`open-on-context`,`tether`,`transition`])}var f=n.t(l,[[`render`,d]]);exports.default=f;
+//# sourceMappingURL=dropdown.cjs.map