@dialpad/dialtone-vue 3.218.2 → 3.218.4

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

@@ -1,211 +1,155 @@
-import { LIST_ITEM_NAVIGATION_TYPES as s, LIST_ITEM_TYPES as l } from "./list-item-constants.js";
-import h from "../../common/utils/index.js";
-import { DtIconCheck as g } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as r, openBlock as n, createBlock as d, resolveDynamicComponent as f, mergeProps as _, toHandlers as p, withCtx as a, normalizeClass as y, createSlots as v, renderList as T, renderSlot as m, createVNode as b } from "vue";
-import { _ as I } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import k from "../item-layout/item-layout.js";
-const L = ["listitem", "menuitem", "option"], S = {
-  compatConfig: { MODE: 3 },
-  name: "DtListItem",
-  components: {
-    DtItemLayout: k,
-    DtIconCheck: g
-  },
-  /**
-   * Value provided from keyboard_list_navigation.js using id prop.
-   */
-  inject: {
-    highlightId: { default: null }
-  },
-  props: {
-    /**
-     * Id for the item.
-     */
-    id: {
-      type: String,
-      default() {
-        return h.getUniqueString();
-      }
-    },
-    /**
-     * String to use for the item's role.
-     */
-    role: {
-      type: String,
-      default: "listitem",
-      validator: (e) => L.includes(e)
-    },
-    /**
-     * HTML element type (tag name) of the content wrapper element.
-     */
-    elementType: {
-      type: String,
-      default: "li"
-    },
-    /**
-     * The type of child list item to use.
-     * @values default, custom
-     */
-    type: {
-      type: String,
-      default: l.DEFAULT,
-      validator: (e) => Object.values(l).includes(e)
-    },
-    /**
-     * The type of navigation that this component should support.
-     * - "arrow-keys" for items that are navigated with UP/DOWN keys.
-     * - "tab" for items that are navigated using the TAB key.
-     * - "none" for static items that are not interactive.
-     * @values arrow-keys, tab, none
-     */
-    navigationType: {
-      type: String,
-      default: s.NONE,
-      validator: (e) => Object.values(s).includes(e)
-    },
-    /**
-     * Applies selected styles to the list item
-     */
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Additional Classes to apply to the wrapper element,
-     * note: it only applies on "default" type
-     * Can accept all of: String, Object, and Array, i.e. has the
-     * same api as Vue's built-in handling of the class attribute.
-     */
-    wrapperClass: {
-      type: [String, Object, Array],
-      default: ""
-    }
-  },
-  emits: [
-    /**
-     * Key down event
-     *
-     * @event keydown
-     * @type {KeyboardEvent}
-     */
-    "keydown",
-    /**
-     * Native mouse move event
-     *
-     * @event mousemove
-     * @type {MouseEvent}
-     */
-    "mousemove",
-    /**
-     * Native mouse leave event
-     *
-     * @event mouseleave
-     * @type {MouseEvent}
-     */
-    "mouseleave"
-  ],
-  data() {
-    return {
-      injected: !1,
-      mouseHighlighted: !1
-    };
-  },
-  computed: {
-    isDefaultType() {
-      return this.type === l.DEFAULT;
-    },
-    listItemListeners() {
-      return {
-        keydown: (e) => {
-          ["enter", "space"].includes(e.code.toLowerCase()) && this.onClick(e), this.$emit("keydown", e);
-        },
-        mousemove: (e) => {
-          this.onMouseHover(e), this.$emit("mousemove", e);
-        },
-        mouseleave: (e) => {
-          this.onMouseLeave(e), this.$emit("mouseleave", e);
-        }
-      };
-    },
-    /**
-     * For keyboard navigation, whether this item is currently highlighted.
-     * An injected highlightId will override the default mouseover highlight.
-     */
-    isHighlighted() {
-      return this.isHoverable ? this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted : !1;
-    },
-    isFocusable() {
-      return this.navigationType === s.TAB;
-    },
-    /**
-     * Whether to apply hover styles.
-     */
-    isHoverable() {
-      return this.navigationType !== s.NONE;
-    }
-  },
-  methods: {
-    onClick(e) {
-      this.$emit("click", e);
-    },
-    onMouseHover() {
-      this.mouseHighlighted = !0;
-    },
-    onMouseLeave() {
-      this.mouseHighlighted = !1;
-    }
-  }
+import e from "../../common/utils/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { LIST_ITEM_NAVIGATION_TYPES as n, LIST_ITEM_TYPES as r } from "./list-item-constants.js";
+import i from "../item-layout/item-layout.js";
+import { createBlock as a, createSlots as o, createVNode as s, mergeProps as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, resolveComponent as p, resolveDynamicComponent as m, toHandlers as h, withCtx as g } from "vue";
+import { DtIconCheck as _ } from "@dialpad/dialtone-icons/vue3";
+//#region components/list_item/list_item.vue
+var v = [
+	"listitem",
+	"menuitem",
+	"option"
+], y = {
+	compatConfig: { MODE: 3 },
+	name: "DtListItem",
+	components: {
+		DtItemLayout: i,
+		DtIconCheck: _
+	},
+	inject: { highlightId: { default: null } },
+	props: {
+		id: {
+			type: String,
+			default() {
+				return e.getUniqueString();
+			}
+		},
+		role: {
+			type: String,
+			default: "listitem",
+			validator: (e) => v.includes(e)
+		},
+		elementType: {
+			type: String,
+			default: "li"
+		},
+		type: {
+			type: String,
+			default: r.DEFAULT,
+			validator: (e) => Object.values(r).includes(e)
+		},
+		navigationType: {
+			type: String,
+			default: n.NONE,
+			validator: (e) => Object.values(n).includes(e)
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		wrapperClass: {
+			type: [
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		}
+	},
+	emits: [
+		"keydown",
+		"mousemove",
+		"mouseleave"
+	],
+	data() {
+		return {
+			injected: !1,
+			mouseHighlighted: !1
+		};
+	},
+	computed: {
+		isDefaultType() {
+			return this.type === r.DEFAULT;
+		},
+		listItemListeners() {
+			return {
+				keydown: (e) => {
+					["enter", "space"].includes(e.code.toLowerCase()) && this.onClick(e), this.$emit("keydown", e);
+				},
+				mousemove: (e) => {
+					this.onMouseHover(e), this.$emit("mousemove", e);
+				},
+				mouseleave: (e) => {
+					this.onMouseLeave(e), this.$emit("mouseleave", e);
+				}
+			};
+		},
+		isHighlighted() {
+			return this.isHoverable ? this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted : !1;
+		},
+		isFocusable() {
+			return this.navigationType === n.TAB;
+		},
+		isHoverable() {
+			return this.navigationType !== n.NONE;
+		}
+	},
+	methods: {
+		onClick(e) {
+			this.$emit("click", e);
+		},
+		onMouseHover() {
+			this.mouseHighlighted = !0;
+		},
+		onMouseLeave() {
+			this.mouseHighlighted = !1;
+		}
+	}
 };
-function H(e, C, i, D, E, t) {
-  const c = r("dt-icon-check"), u = r("dt-item-layout");
-  return n(), d(f(i.elementType), _({
-    id: i.id,
-    class: [
-      "d-list-item",
-      {
-        "d-list-item--focusable": t.isFocusable,
-        "d-list-item--highlighted": t.isHighlighted,
-        "d-list-item--static": !t.isHoverable
-      }
-    ],
-    tabindex: t.isFocusable ? 0 : -1,
-    role: i.role,
-    "aria-selected": i.role === "listitem" ? void 0 : t.isHighlighted
-  }, p(t.listItemListeners)), {
-    default: a(() => [
-      t.isDefaultType ? (n(), d(u, {
-        key: 0,
-        unstyled: "",
-        class: y(["d-list-item__wrapper", i.wrapperClass]),
-        "left-class": "d-list-item__left",
-        "content-class": "d-list-item__content",
-        "title-class": "d-list-item__title",
-        "subtitle-class": "d-list-item__subtitle",
-        "bottom-class": "d-list-item__bottom",
-        "right-class": "d-list-item__right",
-        "selected-class": "d-list-item__selected",
-        "data-qa": "dt-list-item-wrapper"
-      }, v({ _: 2 }, [
-        T(e.$slots, (w, o) => ({
-          name: o,
-          fn: a(() => [
-            m(e.$slots, o)
-          ])
-        })),
-        i.selected ? {
-          name: "selected",
-          fn: a(() => [
-            b(c, { size: "400" })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["class"])) : m(e.$slots, "default", { key: 1 })
-    ]),
-    _: 3
-  }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
+function b(e, t, n, r, i, _) {
+	let v = p("dt-icon-check"), y = p("dt-item-layout");
+	return u(), a(m(n.elementType), c({
+		id: n.id,
+		class: ["d-list-item", {
+			"d-list-item--focusable": _.isFocusable,
+			"d-list-item--highlighted": _.isHighlighted,
+			"d-list-item--static": !_.isHoverable
+		}],
+		tabindex: _.isFocusable ? 0 : -1,
+		role: n.role,
+		"aria-selected": n.role === "listitem" ? void 0 : _.isHighlighted
+	}, h(_.listItemListeners)), {
+		default: g(() => [_.isDefaultType ? (u(), a(y, {
+			key: 0,
+			unstyled: "",
+			class: l(["d-list-item__wrapper", n.wrapperClass]),
+			"left-class": "d-list-item__left",
+			"content-class": "d-list-item__content",
+			"title-class": "d-list-item__title",
+			"subtitle-class": "d-list-item__subtitle",
+			"bottom-class": "d-list-item__bottom",
+			"right-class": "d-list-item__right",
+			"selected-class": "d-list-item__selected",
+			"data-qa": "dt-list-item-wrapper"
+		}, o({ _: 2 }, [d(e.$slots, (t, n) => ({
+			name: n,
+			fn: g(() => [f(e.$slots, n)])
+		})), n.selected ? {
+			name: "selected",
+			fn: g(() => [s(v, { size: "400" })]),
+			key: "0"
+		} : void 0]), 1032, ["class"])) : f(e.$slots, "default", { key: 1 })]),
+		_: 3
+	}, 16, [
+		"id",
+		"class",
+		"tabindex",
+		"role",
+		"aria-selected"
+	]);
 }
-const B = /* @__PURE__ */ I(S, [["render", H]]);
-export {
-  B as default
-};
-//# sourceMappingURL=list-item.js.map
+var x = /* @__PURE__ */ t(y, [["render", b]]);
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=list-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list-item.js","sources":["../../../components/list_item/list_item.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"elementType\"\n    :id=\"id\"\n    :class=\"[\n      'd-list-item',\n      {\n        'd-list-item--focusable': isFocusable,\n        'd-list-item--highlighted': isHighlighted,\n        'd-list-item--static': !isHoverable,\n      }]\"\n    :tabindex=\"isFocusable ? 0 : -1\"\n    :role=\"role\"\n    :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n    v-on=\"listItemListeners\"\n  >\n    <dt-item-layout\n      v-if=\"isDefaultType\"\n      unstyled\n      :class=\"['d-list-item__wrapper', wrapperClass]\"\n      left-class=\"d-list-item__left\"\n      content-class=\"d-list-item__content\"\n      title-class=\"d-list-item__title\"\n      subtitle-class=\"d-list-item__subtitle\"\n      bottom-class=\"d-list-item__bottom\"\n      right-class=\"d-list-item__right\"\n      selected-class=\"d-list-item__selected\"\n      data-qa=\"dt-list-item-wrapper\"\n    >\n      <template\n        v-for=\"(_, slotName) in $slots\"\n        #[slotName]\n      >\n        <!-- @slot named slots for custom list items -->\n        <slot :name=\"slotName\" />\n      </template>\n      <template\n        v-if=\"selected\"\n        #selected\n      >\n        <dt-icon-check size=\"400\" />\n      </template>\n    </dt-item-layout>\n    <!-- @slot slot for the main content -->\n    <slot v-else />\n  </component>\n</template>\n\n<script>\nimport {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n} from './list_item_constants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue3';\nimport { DtItemLayout } from '@/components/item_layout';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/**\n * A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItem',\n\n  components: {\n    DtItemLayout,\n    DtIconCheck,\n  },\n\n  /**\n   * Value provided from keyboard_list_navigation.js using id prop.\n   */\n  inject: {\n    highlightId: { default: null },\n  },\n\n  props: {\n    /**\n     * Id for the item.\n     */\n    id: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * String to use for the item's role.\n     */\n    role: {\n      type: String,\n      default: 'listitem',\n      validator: (role) => (ROLES).includes(role),\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'li',\n    },\n\n    /**\n     * The type of child list item to use.\n     * @values default, custom\n     */\n    type: {\n      type: String,\n      default: LIST_ITEM_TYPES.DEFAULT,\n      validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n    },\n\n    /**\n     * The type of navigation that this component should support.\n     * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n     * - \"tab\" for items that are navigated using the TAB key.\n     * - \"none\" for static items that are not interactive.\n     * @values arrow-keys, tab, none\n     */\n    navigationType: {\n      type: String,\n      default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n      validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n    },\n\n    /**\n     * Applies selected styles to the list item\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional Classes to apply to the wrapper element,\n     * note: it only applies on \"default\" type\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    wrapperClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Native mouse move event\n     *\n     * @event mousemove\n     * @type {MouseEvent}\n     */\n    'mousemove',\n\n    /**\n     * Native mouse leave event\n     *\n     * @event mouseleave\n     * @type {MouseEvent}\n     */\n    'mouseleave',\n  ],\n\n  data () {\n    return {\n      injected: false,\n      mouseHighlighted: false,\n    };\n  },\n\n  computed: {\n    isDefaultType () {\n      return this.type === LIST_ITEM_TYPES.DEFAULT;\n    },\n\n    listItemListeners () {\n      return {\n        keydown: event => {\n          if (['enter', 'space'].includes(event.code.toLowerCase())) {\n            this.onClick(event);\n          }\n          this.$emit('keydown', event);\n        },\n\n        mousemove: event => {\n          this.onMouseHover(event);\n          this.$emit('mousemove', event);\n        },\n\n        mouseleave: event => {\n          this.onMouseLeave(event);\n          this.$emit('mouseleave', event);\n        },\n      };\n    },\n\n    /**\n     * For keyboard navigation, whether this item is currently highlighted.\n     * An injected highlightId will override the default mouseover highlight.\n     */\n    isHighlighted () {\n      if (this.isHoverable) {\n        return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n      }\n      return false;\n    },\n\n    isFocusable () {\n      // Navigation type has to be set to \"tab\".\n      return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n    },\n\n    /**\n     * Whether to apply hover styles.\n     */\n    isHoverable () {\n      return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n    },\n  },\n\n  methods: {\n    onClick (e) {\n      // disabled as we do not want to override native click\n      // eslint-disable-next-line vue/require-explicit-emits\n      this.$emit('click', e);\n    },\n\n    onMouseHover () {\n      this.mouseHighlighted = true;\n    },\n\n    onMouseLeave () {\n      this.mouseHighlighted = false;\n    },\n  },\n};\n</script>\n"],"names":["ROLES","_sfc_main","DtItemLayout","DtIconCheck","utils","role","LIST_ITEM_TYPES","t","LIST_ITEM_NAVIGATION_TYPES","event","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_toHandlers","_component_dt_item_layout","_ctx","_","slotName","_renderSlot","_createVNode","_component_dt_icon_check"],"mappings":"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"}
+{"version":3,"file":"list-item.js","names":[],"sources":["../../../components/list_item/list_item.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"elementType\"\n    :id=\"id\"\n    :class=\"[\n      'd-list-item',\n      {\n        'd-list-item--focusable': isFocusable,\n        'd-list-item--highlighted': isHighlighted,\n        'd-list-item--static': !isHoverable,\n      }]\"\n    :tabindex=\"isFocusable ? 0 : -1\"\n    :role=\"role\"\n    :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n    v-on=\"listItemListeners\"\n  >\n    <dt-item-layout\n      v-if=\"isDefaultType\"\n      unstyled\n      :class=\"['d-list-item__wrapper', wrapperClass]\"\n      left-class=\"d-list-item__left\"\n      content-class=\"d-list-item__content\"\n      title-class=\"d-list-item__title\"\n      subtitle-class=\"d-list-item__subtitle\"\n      bottom-class=\"d-list-item__bottom\"\n      right-class=\"d-list-item__right\"\n      selected-class=\"d-list-item__selected\"\n      data-qa=\"dt-list-item-wrapper\"\n    >\n      <template\n        v-for=\"(_, slotName) in $slots\"\n        #[slotName]\n      >\n        <!-- @slot named slots for custom list items -->\n        <slot :name=\"slotName\" />\n      </template>\n      <template\n        v-if=\"selected\"\n        #selected\n      >\n        <dt-icon-check size=\"400\" />\n      </template>\n    </dt-item-layout>\n    <!-- @slot slot for the main content -->\n    <slot v-else />\n  </component>\n</template>\n\n<script>\nimport {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n} from './list_item_constants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue3';\nimport { DtItemLayout } from '@/components/item_layout';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/**\n * A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItem',\n\n  components: {\n    DtItemLayout,\n    DtIconCheck,\n  },\n\n  /**\n   * Value provided from keyboard_list_navigation.js using id prop.\n   */\n  inject: {\n    highlightId: { default: null },\n  },\n\n  props: {\n    /**\n     * Id for the item.\n     */\n    id: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * String to use for the item's role.\n     */\n    role: {\n      type: String,\n      default: 'listitem',\n      validator: (role) => (ROLES).includes(role),\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'li',\n    },\n\n    /**\n     * The type of child list item to use.\n     * @values default, custom\n     */\n    type: {\n      type: String,\n      default: LIST_ITEM_TYPES.DEFAULT,\n      validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n    },\n\n    /**\n     * The type of navigation that this component should support.\n     * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n     * - \"tab\" for items that are navigated using the TAB key.\n     * - \"none\" for static items that are not interactive.\n     * @values arrow-keys, tab, none\n     */\n    navigationType: {\n      type: String,\n      default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n      validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n    },\n\n    /**\n     * Applies selected styles to the list item\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional Classes to apply to the wrapper element,\n     * note: it only applies on \"default\" type\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    wrapperClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Native mouse move event\n     *\n     * @event mousemove\n     * @type {MouseEvent}\n     */\n    'mousemove',\n\n    /**\n     * Native mouse leave event\n     *\n     * @event mouseleave\n     * @type {MouseEvent}\n     */\n    'mouseleave',\n  ],\n\n  data () {\n    return {\n      injected: false,\n      mouseHighlighted: false,\n    };\n  },\n\n  computed: {\n    isDefaultType () {\n      return this.type === LIST_ITEM_TYPES.DEFAULT;\n    },\n\n    listItemListeners () {\n      return {\n        keydown: event => {\n          if (['enter', 'space'].includes(event.code.toLowerCase())) {\n            this.onClick(event);\n          }\n          this.$emit('keydown', event);\n        },\n\n        mousemove: event => {\n          this.onMouseHover(event);\n          this.$emit('mousemove', event);\n        },\n\n        mouseleave: event => {\n          this.onMouseLeave(event);\n          this.$emit('mouseleave', event);\n        },\n      };\n    },\n\n    /**\n     * For keyboard navigation, whether this item is currently highlighted.\n     * An injected highlightId will override the default mouseover highlight.\n     */\n    isHighlighted () {\n      if (this.isHoverable) {\n        return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n      }\n      return false;\n    },\n\n    isFocusable () {\n      // Navigation type has to be set to \"tab\".\n      return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n    },\n\n    /**\n     * Whether to apply hover styles.\n     */\n    isHoverable () {\n      return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n    },\n  },\n\n  methods: {\n    onClick (e) {\n      // disabled as we do not want to override native click\n      // eslint-disable-next-line vue/require-explicit-emits\n      this.$emit('click', e);\n    },\n\n    onMouseHover () {\n      this.mouseHighlighted = true;\n    },\n\n    onMouseLeave () {\n      this.mouseHighlighted = false;\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;AAyDA,IAAM,IAAQ;CAAC;CAAY;CAAY;CAAS,EAM3C,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,cAAA;EACA;EACD;CAKD,QAAQ,EACN,aAAa,EAAE,SAAS,MAAM,EAC/B;CAED,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,EAAM,iBAAiB;;GAC5C;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAU,EAAO,SAAS,EAAK;GAC5C;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM;GACN,SAAS,EAAgB;GACzB,YAAY,MAAM,OAAO,OAAO,EAAgB,CAAC,SAAS,EAAE;GAC7D;EASD,gBAAgB;GACd,MAAM;GACN,SAAS,EAA2B;GACpC,YAAY,MAAM,OAAO,OAAO,EAA2B,CAAC,SAAS,EAAE;GACxE;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAQD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAQ;IAAM;GAC7B,SAAS;GACV;EACF;CAED,OAAO;EAOL;EAQA;EAQA;EACD;CAED,OAAQ;AACN,SAAO;GACL,UAAU;GACV,kBAAkB;GACnB;;CAGH,UAAU;EACR,gBAAiB;AACf,UAAO,KAAK,SAAS,EAAgB;;EAGvC,oBAAqB;AACnB,UAAO;IACL,UAAS,MAAS;AAIhB,KAHI,CAAC,SAAS,QAAQ,CAAC,SAAS,EAAM,KAAK,aAAa,CAAC,IACvD,KAAK,QAAQ,EAAM,EAErB,KAAK,MAAM,WAAW,EAAM;;IAG9B,YAAW,MAAS;AAElB,KADA,KAAK,aAAa,EAAM,EACxB,KAAK,MAAM,aAAa,EAAM;;IAGhC,aAAY,MAAS;AAEnB,KADA,KAAK,aAAa,EAAM,EACxB,KAAK,MAAM,cAAc,EAAM;;IAElC;;EAOH,gBAAiB;AAIf,UAHI,KAAK,cACA,KAAK,eAAe,KAAK,aAAY,GAAI,KAAK,OAAO,KAAK,aAAY,GAAI,KAAK,mBAEjF;;EAGT,cAAe;AAEb,UAAO,KAAK,mBAAmB,EAA2B;;EAM5D,cAAe;AACb,UAAO,KAAK,mBAAmB,EAA2B;;EAE7D;CAED,SAAS;EACP,QAAS,GAAG;AAGV,QAAK,MAAM,SAAS,EAAE;;EAGxB,eAAgB;AACd,QAAK,mBAAmB;;EAG1B,eAAgB;AACd,QAAK,mBAAmB;;EAE3B;CACF;;;aArPC,EA4CY,EA3CL,EAAA,YAAW,EADlB,EA4CY;EA1CT,IAAI,EAAA;EACJ,OAAK,CAAA,eAAA;6BAAmE,EAAA;+BAAiD,EAAA;2BAA+C,EAAA;;EAOxK,UAAU,EAAA,cAAW,IAAA;EACrB,MAAM,EAAA;EACN,iBAAe,EAAA,SAAI,aAAkB,KAAA,IAAY,EAAA;IAClD,EAAwB,EAAlB,kBAAiB,CAAA,EAAA;mBA4BN,CAzBT,EAAA,iBAAA,GAAA,EADR,EA0BiB,GAAA;;GAxBf,UAAA;GACC,OAAK,EAAA,CAAA,wBAA2B,EAAA,aAAY,CAAA;GAC7C,cAAW;GACX,iBAAc;GACd,eAAY;GACZ,kBAAe;GACf,gBAAa;GACb,eAAY;GACZ,kBAAe;GACf,WAAQ;oBAGkB,EAAA,SAAhB,GAAG;SACV;eAGwB,CAAzB,EAAyB,EAAA,QAAZ,EAAQ,CAAA,CAAA;OAGf,EAAA,WAAA;SACL;eAE2B,CAA5B,EAA4B,GAAA,EAAb,MAAK,OAAK,CAAA,CAAA,CAAA;;oCAI7B,EAAe,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/lib/list-item-group/index.cjs

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

package/dist/lib/list-item-group/index.js

@@ -1,5 +1,2 @@
-import { default as o } from "./list-item-group.js";
-export {
-  o as DtListItemGroup
-};
-//# sourceMappingURL=index.js.map
+import e from "./list-item-group.js";
+export { e as DtListItemGroup };

package/dist/lib/list-item-group/list-item-group-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=null,t={DEFAULT_CONSTANTS:e};exports.DEFAULT_CONSTANTS=e;exports.default=t;
-//# sourceMappingURL=list-item-group-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=null,t={DEFAULT_CONSTANTS:null};exports.DEFAULT_CONSTANTS=e,exports.default=t;
+//# sourceMappingURL=list-item-group-constants.cjs.map

package/dist/lib/list-item-group/list-item-group-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-group-constants.cjs","sources":["../../../components/list_item_group/list_item_group_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","list_item_group_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAEjCC,EAAe,CACb,kBAAAD,CACF"}
+{"version":3,"file":"list-item-group-constants.cjs","names":[],"sources":["../../../components/list_item_group/list_item_group_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"mappings":"+FAAA,IAAa,EAAoB,KAEjC,EAAe,CACb,kBAAA,KACD"}

package/dist/lib/list-item-group/list-item-group-constants.js

@@ -1,8 +1,6 @@
-const t = null, s = {
-  DEFAULT_CONSTANTS: null
-};
-export {
-  t as DEFAULT_CONSTANTS,
-  s as default
-};
-//# sourceMappingURL=list-item-group-constants.js.map
+//#region components/list_item_group/list_item_group_constants.js
+var e = null, t = { DEFAULT_CONSTANTS: null };
+//#endregion
+export { e as DEFAULT_CONSTANTS, t as default };
+
+//# sourceMappingURL=list-item-group-constants.js.map

package/dist/lib/list-item-group/list-item-group-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-group-constants.js","sources":["../../../components/list_item_group/list_item_group_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","list_item_group_constants"],"mappings":"AAAY,MAACA,IAAoB,MAEjCC,IAAe;AAAA,EACb;AACF;"}
+{"version":3,"file":"list-item-group-constants.js","names":[],"sources":["../../../components/list_item_group/list_item_group_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"mappings":";AAAA,IAAa,IAAoB,MAEjC,IAAe,EACb,mBAAA,MACD"}

package/dist/lib/list-item-group/list-item-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../common/utils/index.cjs"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),n={compatConfig:{MODE:3},name:"DtListItemGroup",props:{id:{type:String,default(){return i.getUniqueString()}},heading:{type:String,default:""},headingClass:{type:[String,Array,Object],default:""},listClass:{type:[String,Array,Object],default:""}}},r=["id","aria-labelledby"],d=["id"];function o(a,u,t,c,g,m){return e.openBlock(),e.createElementBlock("ul",{id:t.id,class:e.normalizeClass(["d-list-item-group",t.listClass]),role:"group","data-qa":"dt-dropdown-list-wrapper","aria-labelledby":`${t.id}-heading`},[t.heading?(e.openBlock(),e.createElementBlock("li",{key:0,id:`${t.id}-heading`,role:"presentation","data-qa":"dt-dropdown-list-heading",class:e.normalizeClass(["dt-dropdown-list--header",t.headingClass])},[e.renderSlot(a.$slots,"headingSlot",{},()=>[e.createTextVNode(e.toDisplayString(t.heading),1)])],10,d)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],10,r)}const s=l._(n,[["render",o]]);exports.default=s;
-//# sourceMappingURL=list-item-group.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtListItemGroup`,props:{id:{type:String,default(){return e.getUniqueString()}},heading:{type:String,default:``},headingClass:{type:[String,Array,Object],default:``},listClass:{type:[String,Array,Object],default:``}}},i=[`id`,`aria-labelledby`],a=[`id`];function o(e,t,r,o,s,c){return(0,n.openBlock)(),(0,n.createElementBlock)(`ul`,{id:r.id,class:(0,n.normalizeClass)([`d-list-item-group`,r.listClass]),role:`group`,"data-qa":`dt-dropdown-list-wrapper`,"aria-labelledby":`${r.id}-heading`},[r.heading?((0,n.openBlock)(),(0,n.createElementBlock)(`li`,{key:0,id:`${r.id}-heading`,role:`presentation`,"data-qa":`dt-dropdown-list-heading`,class:(0,n.normalizeClass)([`dt-dropdown-list--header`,r.headingClass])},[(0,n.renderSlot)(e.$slots,`headingSlot`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(r.heading),1)])],10,a)):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(e.$slots,`default`)],10,i)}var s=t.t(r,[[`render`,o]]);exports.default=s;
+//# sourceMappingURL=list-item-group.cjs.map

package/dist/lib/list-item-group/list-item-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-group.cjs","sources":["../../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\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","getUniqueString","_createElementBlock","$props","_renderSlot","_ctx"],"mappings":"uOA6BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,kBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAAA,gBAAe,CAAI,GAMzC,QAAS,CACP,KAAM,OACN,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAGf,mFAjEEC,EAAAA,mBAqBK,KAAA,CApBF,GAAIC,EAAA,GACJ,4CAA6BA,EAAA,SAAS,CAAA,EACvC,KAAK,QACL,UAAQ,2BACP,qBAAoBA,EAAA,EAAE,aAGfA,EAAA,uBADRD,EAAAA,mBAWK,KAAA,OATF,MAAOC,EAAA,EAAE,WACV,KAAK,eACL,UAAQ,2BACP,mDAAoCA,EAAA,YAAY,CAAA,IAGjDC,EAAAA,WAEOC,0BAFP,IAEO,qCADFF,EAAA,OAAO,EAAA,CAAA,wCAIdC,aAAQC,EAAA,OAAA,SAAA"}
+{"version":3,"file":"list-item-group.cjs","names":[],"sources":["../../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\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":"kQA6BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,iBAAiB,EACtC,CAKD,QAAS,CACP,KAAM,OACN,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CACF,8GA5CM,KAAA,CApBF,GAAI,EAAA,GACJ,OAAA,EAAA,EAAA,gBAAK,CAAA,oBAAwB,EAAA,UAAS,CAAA,CACvC,KAAK,QACL,UAAQ,2BACP,kBAAe,GAAK,EAAA,GAAE,YAGf,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAUH,KAAA,OATF,GAAE,GAAK,EAAA,GAAE,UACV,KAAK,eACL,UAAQ,2BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,2BAA+B,EAAA,aAAY,CAAA,oBAK1C,EAAA,OAAA,cAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,QAAO,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,YAIN,EAAA,OAAA,UAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/lib/list-item-group/list-item-group.js

@@ -1,66 +1,56 @@
-import { getUniqueString as n } from "../../common/utils/index.js";
-import { openBlock as a, createElementBlock as i, normalizeClass as d, renderSlot as r, createTextVNode as o, toDisplayString as l, createCommentVNode as s } from "vue";
-import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const g = {
-  compatConfig: { MODE: 3 },
-  name: "DtListItemGroup",
-  props: {
-    /**
-     * Id of the List Item Group
-     */
-    id: {
-      type: String,
-      default() {
-        return n();
-      }
-    },
-    /**
-     * List's heading.
-     */
-    heading: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Additional class to style the heading
-     */
-    headingClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Additional class for the wrapper list element.
-     */
-    listClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  }
-}, u = ["id", "aria-labelledby"], m = ["id"];
-function f(t, p, e, h, _, y) {
-  return a(), i("ul", {
-    id: e.id,
-    class: d(["d-list-item-group", e.listClass]),
-    role: "group",
-    "data-qa": "dt-dropdown-list-wrapper",
-    "aria-labelledby": `${e.id}-heading`
-  }, [
-    e.heading ? (a(), i("li", {
-      key: 0,
-      id: `${e.id}-heading`,
-      role: "presentation",
-      "data-qa": "dt-dropdown-list-heading",
-      class: d(["dt-dropdown-list--header", e.headingClass])
-    }, [
-      r(t.$slots, "headingSlot", {}, () => [
-        o(l(e.heading), 1)
-      ])
-    ], 10, m)) : s("", !0),
-    r(t.$slots, "default")
-  ], 10, u);
+import { getUniqueString as e } from "../../common/utils/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { createCommentVNode as n, createElementBlock as r, createTextVNode as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
+//#region components/list_item_group/list_item_group.vue
+var l = {
+	compatConfig: { MODE: 3 },
+	name: "DtListItemGroup",
+	props: {
+		id: {
+			type: String,
+			default() {
+				return e();
+			}
+		},
+		heading: {
+			type: String,
+			default: ""
+		},
+		headingClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		listClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		}
+	}
+}, u = ["id", "aria-labelledby"], d = ["id"];
+function f(e, t, l, f, p, m) {
+	return o(), r("ul", {
+		id: l.id,
+		class: a(["d-list-item-group", l.listClass]),
+		role: "group",
+		"data-qa": "dt-dropdown-list-wrapper",
+		"aria-labelledby": `${l.id}-heading`
+	}, [l.heading ? (o(), r("li", {
+		key: 0,
+		id: `${l.id}-heading`,
+		role: "presentation",
+		"data-qa": "dt-dropdown-list-heading",
+		class: a(["dt-dropdown-list--header", l.headingClass])
+	}, [s(e.$slots, "headingSlot", {}, () => [i(c(l.heading), 1)])], 10, d)) : n("", !0), s(e.$slots, "default")], 10, u);
 }
-const w = /* @__PURE__ */ c(g, [["render", f]]);
-export {
-  w as default
-};
-//# sourceMappingURL=list-item-group.js.map
+var p = /* @__PURE__ */ t(l, [["render", f]]);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=list-item-group.js.map