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

package/dist/lib/link/linkconstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"linkconstants.js","names":[],"sources":["../../../components/Link/LinkConstants.js"],"sourcesContent":["export const CRITICAL = 'critical';\nexport const POSITIVE = 'positive';\nexport const WARNING = 'warning';\nexport const INFO = 'info';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', CRITICAL, WARNING, POSITIVE, INFO, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-link--critical',\n  warning: 'd-link--warning',\n  positive: 'd-link--positive',\n  info: 'd-link--info',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  critical: 'd-link--inverted-critical',\n  warning: 'd-link--inverted-warning',\n  positive: 'd-link--inverted-positive',\n  info: 'd-link--inverted-info',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  getLinkKindModifier,\n};\n"],"mappings":";AAAA,IAAa,IAAW,YACX,IAAW,YACX,IAAU,WACV,IAAO,QACP,IAAQ,SACR,IAAU,WACV,IAAgB;CAAC;CAAI;CAAU;CAAS;CAAU;CAAM;CAAO;CAAQ,EAEvE,IAAsB;CACjC,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,SAAS;CACV,EAEK,IAA+B;CACnC,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,SAAS;CACV,EAEY,KAAuB,GAAM,MACpC,IACK,EAA6B,KAAQ,aAEvC,EAAoB,IAG7B,IAAe;CACb;CACA;CACA;CACD"}

package/dist/lib/listitem/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./listitemconstants.cjs`),t=require(`./listitem.cjs`);exports.DtListItem=t.default,exports.LIST_ITEM_NAVIGATION_TYPES=e.LIST_ITEM_NAVIGATION_TYPES,exports.LIST_ITEM_TYPES=e.LIST_ITEM_TYPES;

package/dist/lib/listitem/index.js

@@ -1,3 +0,0 @@
-import { LIST_ITEM_NAVIGATION_TYPES as e, LIST_ITEM_TYPES as t } from "./listitemconstants.js";
-import n from "./listitem.js";
-export { n as DtListItem, e as LIST_ITEM_NAVIGATION_TYPES, t as LIST_ITEM_TYPES };

package/dist/lib/listitem/listitem.cjs

@@ -1,2 +0,0 @@
-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`),n=require(`./listitemconstants.cjs`),r=require(`../itemlayout/itemlayout.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue`);var o=[`listitem`,`menuitem`,`option`],s={compatConfig:{MODE:3},name:`DtListItem`,components:{DtItemLayout:r.default,DtIconCheck:a.DtIconCheck},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return e.default.getUniqueString()}},role:{type:String,default:`listitem`,validator:e=>o.includes(e)},elementType:{type:String,default:`li`},type:{type:String,default:n.LIST_ITEM_TYPES.DEFAULT,validator:e=>Object.values(n.LIST_ITEM_TYPES).includes(e)},navigationType:{type:String,default:n.LIST_ITEM_NAVIGATION_TYPES.NONE,validator:e=>Object.values(n.LIST_ITEM_NAVIGATION_TYPES).includes(e)},selected:{type:Boolean,default:!1},wrapperClass:{type:[String,Object,Array],default:``}},emits:[`click`,`keydown`,`mousemove`,`mouseleave`],data(){return{injected:!1,mouseHighlighted:!1}},computed:{isDefaultType(){return this.type===n.LIST_ITEM_TYPES.DEFAULT},listItemListeners(){return{click:e=>{this.onClick(e)},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.LIST_ITEM_NAVIGATION_TYPES.TAB},isHoverable(){return this.navigationType!==n.LIST_ITEM_NAVIGATION_TYPES.NONE}},methods:{onClick(e){this.$emit(`click`,e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function c(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-check`),c=(0,i.resolveComponent)(`dt-item-layout`);return(0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(n.elementType),(0,i.mergeProps)({id:n.id,class:[`d-list-item`,{"d-list-item--focusable":o.isFocusable,"d-list-item--highlighted":o.isHighlighted,"d-list-item--static":!o.isHoverable}],tabindex:o.isFocusable?0:-1,role:n.role,"aria-selected":n.role===`listitem`?void 0:o.isHighlighted},(0,i.toHandlers)(o.listItemListeners)),{default:(0,i.withCtx)(()=>[o.isDefaultType?((0,i.openBlock)(),(0,i.createBlock)(c,{key:0,unstyled:``,class:(0,i.normalizeClass)([`d-list-item__wrapper`,n.wrapperClass]),"start-class":`d-list-item__left`,"content-class":`d-list-item__content`,"title-class":`d-list-item__title`,"subtitle-class":`d-list-item__subtitle`,"block-end-class":`d-list-item__bottom`,"end-class":`d-list-item__right`,"selected-class":`d-list-item__selected`,"data-qa":`dt-list-item-wrapper`},(0,i.createSlots)({_:2},[(0,i.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,n)])})),n.selected?{name:`selected`,fn:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`200`})]),key:`0`}:void 0]),1032,[`class`])):(0,i.renderSlot)(e.$slots,`default`,{key:1})]),_:3},16,[`id`,`class`,`tabindex`,`role`,`aria-selected`])}var l=t.t(s,[[`render`,c]]);exports.default=l;
-//# sourceMappingURL=listitem.cjs.map

package/dist/lib/listitem/listitem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"listitem.cjs","names":[],"sources":["../../../components/ListItem/ListItem.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      start-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      block-end-class=\"d-list-item__bottom\"\n      end-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=\"200\" />\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 './ListItemConstants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue';\nimport { DtItemLayout } from '@/components/ItemLayout';\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     * @values listitem, menuitem, option\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     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\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        click: event => {\n          this.onClick(event);\n        },\n\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      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":"0XAyDA,IAAM,EAAQ,CAAC,WAAY,WAAY,SAAS,CAM3C,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,aAEN,WAAY,CACV,aAAA,EAAA,QACA,YAAA,EAAA,YACD,CAKD,OAAQ,CACN,YAAa,CAAE,QAAS,KAAM,CAC/B,CAED,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAO,EAAA,QAAM,iBAAiB,EAC5C,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,WACT,UAAY,GAAU,EAAO,SAAS,EAAK,CAC5C,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,EAAA,gBAAgB,QACzB,UAAY,GAAM,OAAO,OAAO,EAAA,gBAAgB,CAAC,SAAS,EAAE,CAC7D,CASD,eAAgB,CACd,KAAM,OACN,QAAS,EAAA,2BAA2B,KACpC,UAAY,GAAM,OAAO,OAAO,EAAA,2BAA2B,CAAC,SAAS,EAAE,CACxE,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAQD,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CACF,CAED,MAAO,CAOL,QAQA,UAQA,YAQA,aACD,CAED,MAAQ,CACN,MAAO,CACL,SAAU,GACV,iBAAkB,GACnB,EAGH,SAAU,CACR,eAAiB,CACf,OAAO,KAAK,OAAS,EAAA,gBAAgB,SAGvC,mBAAqB,CACnB,MAAO,CACL,MAAO,GAAS,CACd,KAAK,QAAQ,EAAM,EAGrB,QAAS,GAAS,CACZ,CAAC,QAAS,QAAQ,CAAC,SAAS,EAAM,KAAK,aAAa,CAAC,EACvD,KAAK,QAAQ,EAAM,CAErB,KAAK,MAAM,UAAW,EAAM,EAG9B,UAAW,GAAS,CAClB,KAAK,aAAa,EAAM,CACxB,KAAK,MAAM,YAAa,EAAM,EAGhC,WAAY,GAAS,CACnB,KAAK,aAAa,EAAM,CACxB,KAAK,MAAM,aAAc,EAAM,EAElC,EAOH,eAAiB,CAIf,OAHI,KAAK,YACA,KAAK,aAAe,KAAK,aAAY,CAAI,KAAK,KAAO,KAAK,aAAY,CAAI,KAAK,iBAEjF,IAGT,aAAe,CAEb,OAAO,KAAK,iBAAmB,EAAA,2BAA2B,KAM5D,aAAe,CACb,OAAO,KAAK,iBAAmB,EAAA,2BAA2B,MAE7D,CAED,QAAS,CACP,QAAS,EAAG,CAEV,KAAK,MAAM,QAAS,EAAE,EAGxB,cAAgB,CACd,KAAK,iBAAmB,IAG1B,cAAgB,CACd,KAAK,iBAAmB,IAE3B,CACF,0LAhQQ,EAAA,YAAW,EAAA,EAAA,EAAA,YA2CN,CA1CT,GAAI,EAAA,GACJ,MAAK,CAAA,cAAA,0BAAmE,EAAA,uCAAiD,EAAA,qCAA+C,EAAA,cAOxK,SAAU,EAAA,YAAW,EAAA,GACrB,KAAM,EAAA,KACN,gBAAe,EAAA,OAAI,WAAkB,IAAA,GAAY,EAAA,gCAC1B,EAAlB,kBAAiB,CAAA,CAAA,2BA4BN,CAzBT,EAAA,gBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAyBS,EAAA,OAxBf,SAAA,GACC,OAAA,EAAA,EAAA,gBAAK,CAAA,uBAA2B,EAAA,aAAY,CAAA,CAC7C,cAAY,oBACZ,gBAAc,uBACd,cAAY,qBACZ,iBAAe,wBACf,kBAAgB,sBAChB,YAAU,qBACV,iBAAe,wBACf,UAAQ,kEAGkB,EAAA,QAAhB,EAAG,WACV,uBAGwB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAZ,EAAQ,CAAA,CAAA,IAGf,EAAA,SAAA,MACL,gCAE2B,EAAA,EAAA,EAAA,aAAA,EAAA,CAAb,KAAK,MAAK,CAAA,CAAA,CAAA,qDAId,EAAA,OAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/lib/listitem/listitem.js

@@ -1,159 +0,0 @@
-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 "./listitemconstants.js";
-import i from "../itemlayout/itemlayout.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/vue";
-//#region components/ListItem/ListItem.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: [
-		"click",
-		"keydown",
-		"mousemove",
-		"mouseleave"
-	],
-	data() {
-		return {
-			injected: !1,
-			mouseHighlighted: !1
-		};
-	},
-	computed: {
-		isDefaultType() {
-			return this.type === r.DEFAULT;
-		},
-		listItemListeners() {
-			return {
-				click: (e) => {
-					this.onClick(e);
-				},
-				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 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]),
-			"start-class": "d-list-item__left",
-			"content-class": "d-list-item__content",
-			"title-class": "d-list-item__title",
-			"subtitle-class": "d-list-item__subtitle",
-			"block-end-class": "d-list-item__bottom",
-			"end-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: "200" })]),
-			key: "0"
-		} : void 0]), 1032, ["class"])) : f(e.$slots, "default", { key: 1 })]),
-		_: 3
-	}, 16, [
-		"id",
-		"class",
-		"tabindex",
-		"role",
-		"aria-selected"
-	]);
-}
-var x = /* @__PURE__ */ t(y, [["render", b]]);
-//#endregion
-export { x as default };
-
-//# sourceMappingURL=listitem.js.map

package/dist/lib/listitem/listitem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listitem.js","names":[],"sources":["../../../components/ListItem/ListItem.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      start-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      block-end-class=\"d-list-item__bottom\"\n      end-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=\"200\" />\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 './ListItemConstants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue';\nimport { DtItemLayout } from '@/components/ItemLayout';\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     * @values listitem, menuitem, option\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     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\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        click: event => {\n          this.onClick(event);\n        },\n\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      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;EAMD,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;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,QAAO,MAAS;AACd,UAAK,QAAQ,EAAM;;IAGrB,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;AAEV,QAAK,MAAM,SAAS,EAAE;;EAGxB,eAAgB;AACd,QAAK,mBAAmB;;EAG1B,eAAgB;AACd,QAAK,mBAAmB;;EAE3B;CACF;;;aAjQC,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,eAAY;GACZ,iBAAc;GACd,eAAY;GACZ,kBAAe;GACf,mBAAgB;GAChB,aAAU;GACV,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/listitem/listitemconstants.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={DEFAULT:`default`,CUSTOM:`custom`},t={ARROW_KEYS:`arrow-keys`,TAB:`tab`,NONE:`none`},n={LIST_ITEM_TYPES:e,LIST_ITEM_NAVIGATION_TYPES:t};exports.LIST_ITEM_NAVIGATION_TYPES=t,exports.LIST_ITEM_TYPES=e,exports.default=n;
-//# sourceMappingURL=listitemconstants.cjs.map

package/dist/lib/listitem/listitemconstants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"listitemconstants.cjs","names":[],"sources":["../../../components/ListItem/ListItemConstants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"mappings":"+FAAA,IAAa,EAAkB,CAC7B,QAAS,UACT,OAAQ,SACT,CAEY,EAA6B,CACxC,WAAY,aACZ,IAAK,MACL,KAAM,OACP,CAED,EAAe,CACb,kBACA,6BACD"}

package/dist/lib/listitem/listitemconstants.js

@@ -1,16 +0,0 @@
-//#region components/ListItem/ListItemConstants.js
-var e = {
-	DEFAULT: "default",
-	CUSTOM: "custom"
-}, t = {
-	ARROW_KEYS: "arrow-keys",
-	TAB: "tab",
-	NONE: "none"
-}, n = {
-	LIST_ITEM_TYPES: e,
-	LIST_ITEM_NAVIGATION_TYPES: t
-};
-//#endregion
-export { t as LIST_ITEM_NAVIGATION_TYPES, e as LIST_ITEM_TYPES, n as default };
-
-//# sourceMappingURL=listitemconstants.js.map

package/dist/lib/listitem/listitemconstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listitemconstants.js","names":[],"sources":["../../../components/ListItem/ListItemConstants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"mappings":";AAAA,IAAa,IAAkB;CAC7B,SAAS;CACT,QAAQ;CACT,EAEY,IAA6B;CACxC,YAAY;CACZ,KAAK;CACL,MAAM;CACP,EAED,IAAe;CACb;CACA;CACD"}

package/dist/lib/listitemgroup/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./listitemgroup.cjs`);exports.DtListItemGroup=e.default;

package/dist/lib/listitemgroup/index.js

@@ -1,2 +0,0 @@
-import e from "./listitemgroup.js";
-export { e as DtListItemGroup };

package/dist/lib/listitemgroup/listitemgroup.cjs

@@ -1,2 +0,0 @@
-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,`heading`,{},()=>[(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=listitemgroup.cjs.map

package/dist/lib/listitemgroup/listitemgroup.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"listitemgroup.cjs","names":[],"sources":["../../../components/ListItemGroup/ListItemGroup.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=\"heading\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './ListItemGroupConstants';\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     * Can also be overridden with a slot of the same name.\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,CAMD,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,8GA7CM,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,UAAA,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/listitemgroup/listitemgroup.js

@@ -1,56 +0,0 @@
-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/ListItemGroup/ListItemGroup.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, "heading", {}, () => [i(c(l.heading), 1)])], 10, d)) : n("", !0), s(e.$slots, "default")], 10, u);
-}
-var p = /* @__PURE__ */ t(l, [["render", f]]);
-//#endregion
-export { p as default };
-
-//# sourceMappingURL=listitemgroup.js.map

package/dist/lib/listitemgroup/listitemgroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listitemgroup.js","names":[],"sources":["../../../components/ListItemGroup/ListItemGroup.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=\"heading\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './ListItemGroupConstants';\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     * Can also be overridden with a slot of the same name.\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":";;;;AA6BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AAAE,WAAO,GAAiB;;GACtC;EAMD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CACF;;aAlEC,EAqBK,MAAA;EApBF,IAAI,EAAA;EACJ,OAAK,EAAA,CAAA,qBAAwB,EAAA,UAAS,CAAA;EACvC,MAAK;EACL,WAAQ;EACP,mBAAe,GAAK,EAAA,GAAE;KAGf,EAAA,WAAA,GAAA,EADR,EAWK,MAAA;;EATF,IAAE,GAAK,EAAA,GAAE;EACV,MAAK;EACL,WAAQ;EACP,OAAK,EAAA,CAAA,4BAA+B,EAAA,aAAY,CAAA;KAGjD,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,QAAO,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAId,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA"}

package/dist/lib/listitemgroup/listitemgroupconstants.cjs

@@ -1,2 +0,0 @@
-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=listitemgroupconstants.cjs.map

package/dist/lib/listitemgroup/listitemgroupconstants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"listitemgroupconstants.cjs","names":[],"sources":["../../../components/ListItemGroup/ListItemGroupConstants.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/listitemgroup/listitemgroupconstants.js

@@ -1,6 +0,0 @@
-//#region components/ListItemGroup/ListItemGroupConstants.js
-var e = null, t = { DEFAULT_CONSTANTS: null };
-//#endregion
-export { e as DEFAULT_CONSTANTS, t as default };
-
-//# sourceMappingURL=listitemgroupconstants.js.map

package/dist/lib/listitemgroup/listitemgroupconstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listitemgroupconstants.js","names":[],"sources":["../../../components/ListItemGroup/ListItemGroupConstants.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/modal/modalconstants.cjs

@@ -1,2 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={default:``,critical:`d-modal--critical`},t={default:``,full:`d-modal--full`},n={critical:`d-modal__banner--critical`,info:`d-modal__banner--info`,positive:`d-modal__banner--positive`,warning:`d-modal__banner--warning`,base:`d-modal__banner--general`};exports.MODAL_BANNER_KINDS=n,exports.MODAL_KIND_MODIFIERS=e,exports.MODAL_SIZE_MODIFIERS=t;
-//# sourceMappingURL=modalconstants.cjs.map

package/dist/lib/modal/modalconstants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalconstants.cjs","names":[],"sources":["../../../components/Modal/ModalConstants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-modal--critical',\n};\n\n// Modal size modifiers\nexport const MODAL_SIZE_MODIFIERS = {\n  default: '',\n  full: 'd-modal--full',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  critical: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  positive: 'd-modal__banner--positive',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":"mEACA,IAAa,EAAuB,CAClC,QAAS,GACT,SAAU,oBACX,CAGY,EAAuB,CAClC,QAAS,GACT,KAAM,gBACP,CAEY,EAAqB,CAChC,SAAU,4BACV,KAAM,wBACN,SAAU,4BACV,QAAS,2BACT,KAAM,2BACP"}

package/dist/lib/modal/modalconstants.js

@@ -1,18 +0,0 @@
-//#region components/Modal/ModalConstants.js
-var e = {
-	default: "",
-	critical: "d-modal--critical"
-}, t = {
-	default: "",
-	full: "d-modal--full"
-}, n = {
-	critical: "d-modal__banner--critical",
-	info: "d-modal__banner--info",
-	positive: "d-modal__banner--positive",
-	warning: "d-modal__banner--warning",
-	base: "d-modal__banner--general"
-};
-//#endregion
-export { n as MODAL_BANNER_KINDS, e as MODAL_KIND_MODIFIERS, t as MODAL_SIZE_MODIFIERS };
-
-//# sourceMappingURL=modalconstants.js.map

package/dist/lib/modal/modalconstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalconstants.js","names":[],"sources":["../../../components/Modal/ModalConstants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-modal--critical',\n};\n\n// Modal size modifiers\nexport const MODAL_SIZE_MODIFIERS = {\n  default: '',\n  full: 'd-modal--full',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  critical: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  positive: 'd-modal__banner--positive',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":";AACA,IAAa,IAAuB;CAClC,SAAS;CACT,UAAU;CACX,EAGY,IAAuB;CAClC,SAAS;CACT,MAAM;CACP,EAEY,IAAqB;CAChC,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,MAAM;CACP"}

package/dist/lib/mode-directive/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./mode.cjs`);exports.DtModeDirective=e.DtModeDirective;

package/dist/lib/mode-directive/index.js

@@ -1,2 +0,0 @@
-import { DtModeDirective as e } from "./mode.js";
-export { e as DtModeDirective };

package/dist/lib/mode-directive/mode.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../mode_constants-CzYJW9ua.cjs`),t=require(`../modeisland/utils.cjs`);var n=e.n,r={inverted:`invert`},i={name:`dt-mode-directive`,install(e){let i=new WeakMap;e.directive(`dt-mode`,{mounted(e,t){if(t.value===!1)return;let n=o(e,a(t.arg));i.set(e,n)},updated(e,t){let n=i.get(e),r=t.value!==t.oldValue,l=a(t.arg),u=l!==n?.arg;if(!r&&!u||(c(n),s(e),i.delete(e),t.value===!1))return;let d=o(e,l);i.set(e,d)},unmounted(e){c(i.get(e)),s(e),i.delete(e)}});function a(e){return e?n.includes(e)?e:r[e]?(console.warn(`[DtModeDirective] Invalid mode "${e}". Did you mean "${r[e]}"? Falling back to "${r[e]}".`),r[e]):(console.warn(`[DtModeDirective] Invalid mode "${e}". Valid modes: ${n.join(`, `)}. Falling back to "invert".`),`invert`):`invert`}function o(e,n){let r={arg:n,contrastObserver:null,modeObserver:null};if(e.setAttribute(`data-dt-contrast`,t.getRootContrast()),r.contrastObserver=new MutationObserver(()=>{e.setAttribute(`data-dt-contrast`,t.getRootContrast())}),r.contrastObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`data-dt-contrast`]}),n===`light`||n===`dark`)e.setAttribute(`data-dt-mode`,n);else{let n=t.findParentMode(e);e.setAttribute(`data-dt-mode`,t.getOppositeMode(n));let i={attributes:!0,attributeFilter:[`data-dt-mode`],subtree:!1};r.modeObserver=new MutationObserver(()=>{let n=t.findParentMode(e);e.setAttribute(`data-dt-mode`,t.getOppositeMode(n))}),r.modeObserver.observe(document.documentElement,i);let a=e.parentElement;for(;a&&a!==document.documentElement;)r.modeObserver.observe(a,i),a=a.parentElement}return r}function s(e){e.removeAttribute(`data-dt-mode`),e.removeAttribute(`data-dt-contrast`)}function c(e){e&&(e.contrastObserver&&(e.contrastObserver.disconnect(),e.contrastObserver=null),e.modeObserver&&(e.modeObserver.disconnect(),e.modeObserver=null))}}};exports.DtModeDirective=i,exports.default=i;
-//# sourceMappingURL=mode.cjs.map

package/dist/lib/mode-directive/mode.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode.cjs","names":["CONTENT_MODE_VALUES","getRootContrast","findParentMode","getOppositeMode"],"sources":["../../../directives/mode_directive/mode.js"],"sourcesContent":["import {\n  getOppositeMode,\n  getRootContrast,\n  findParentMode,\n} from '@/components/ModeIsland/Utils';\nimport { CONTENT_MODE_VALUES } from '@/common/mode_constants';\n\nconst VALID_MODES = CONTENT_MODE_VALUES;\n\nconst SUGGESTIONS = {\n  inverted: 'invert',\n};\n\n/**\n * v-dt-mode directive — applies a color mode (light, dark, or invert) to an element.\n *\n * Sets `data-dt-mode` and `data-dt-contrast` attributes so descendant token-based\n * styles (`d-fc-primary`, `d-bgc-secondary`, etc.) resolve to the correct palette.\n *\n * @example\n * // Explicit modes\n * <section v-dt-mode:dark>Dark content</section>\n * <section v-dt-mode:light>Light content</section>\n *\n * // Invert nearest parent mode (default when no arg)\n * <section v-dt-mode>Inverted content</section>\n * <section v-dt-mode:invert>Same as above</section>\n *\n * // Dynamic arg\n * <section v-dt-mode:[reactiveMode]>Reactive mode</section>\n *\n * // Disable with false value\n * <section v-dt-mode:dark=\"false\">No mode applied</section>\n */\nexport const DtModeDirective = {\n  name: 'dt-mode-directive',\n  install (app) {\n    const instances = new WeakMap();\n\n    app.directive('dt-mode', {\n      mounted (el, binding) {\n        if (binding.value === false) return;\n        const mode = resolveArg(binding.arg);\n        const state = applyMode(el, mode);\n        instances.set(el, state);\n      },\n\n      updated (el, binding) {\n        const prev = instances.get(el);\n        const valueChanged = binding.value !== binding.oldValue;\n        const resolvedArg = resolveArg(binding.arg);\n        const argChanged = resolvedArg !== prev?.arg;\n        if (!valueChanged && !argChanged) return;\n\n        cleanup(prev);\n        removeAttributes(el);\n        instances.delete(el);\n\n        if (binding.value === false) return;\n\n        const state = applyMode(el, resolvedArg);\n        instances.set(el, state);\n      },\n\n      unmounted (el) {\n        cleanup(instances.get(el));\n        removeAttributes(el);\n        instances.delete(el);\n      },\n    });\n\n    function resolveArg (arg) {\n      if (!arg) return 'invert';\n      if (VALID_MODES.includes(arg)) return arg;\n      if (SUGGESTIONS[arg]) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `[DtModeDirective] Invalid mode \"${arg}\". Did you mean \"${SUGGESTIONS[arg]}\"? Falling back to \"${SUGGESTIONS[arg]}\".`,\n        );\n        return SUGGESTIONS[arg];\n      }\n      // eslint-disable-next-line no-console\n      console.warn(\n        `[DtModeDirective] Invalid mode \"${arg}\". Valid modes: ${VALID_MODES.join(', ')}. Falling back to \"invert\".`,\n      );\n      return 'invert';\n    }\n\n    function applyMode (el, mode) {\n      const state = {\n        arg: mode,\n        contrastObserver: null,\n        modeObserver: null,\n      };\n\n      // Set contrast from root\n      el.setAttribute('data-dt-contrast', getRootContrast());\n\n      // Watch for contrast changes on root\n      state.contrastObserver = new MutationObserver(() => {\n        el.setAttribute('data-dt-contrast', getRootContrast());\n      });\n      state.contrastObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-dt-contrast'],\n      });\n\n      if (mode === 'light' || mode === 'dark') {\n        el.setAttribute('data-dt-mode', mode);\n      } else {\n        // invert mode\n        const parentMode = findParentMode(el);\n        el.setAttribute('data-dt-mode', getOppositeMode(parentMode));\n\n        // Watch for mode changes on root and ancestors\n        const config = {\n          attributes: true,\n          attributeFilter: ['data-dt-mode'],\n          subtree: false,\n        };\n\n        state.modeObserver = new MutationObserver(() => {\n          const currentParentMode = findParentMode(el);\n          el.setAttribute('data-dt-mode', getOppositeMode(currentParentMode));\n        });\n\n        // Observe root element\n        state.modeObserver.observe(document.documentElement, config);\n\n        // Observe all ancestor elements for data-dt-mode changes.\n        // This includes ancestors that don't yet have the attribute,\n        // because a sibling directive may set it after this one mounts\n        // (Vue 3 fires child mounted before parent mounted).\n        let parent = el.parentElement;\n        while (parent && parent !== document.documentElement) {\n          state.modeObserver.observe(parent, config);\n          parent = parent.parentElement;\n        }\n      }\n\n      return state;\n    }\n\n    function removeAttributes (el) {\n      el.removeAttribute('data-dt-mode');\n      el.removeAttribute('data-dt-contrast');\n    }\n\n    function cleanup (state) {\n      if (!state) return;\n      if (state.contrastObserver) {\n        state.contrastObserver.disconnect();\n        state.contrastObserver = null;\n      }\n      if (state.modeObserver) {\n        state.modeObserver.disconnect();\n        state.modeObserver = null;\n      }\n    }\n  },\n};\n\nexport default DtModeDirective;\n"],"mappings":"yLAOA,IAAM,EAAcA,EAAAA,EAEd,EAAc,CAClB,SAAU,SACX,CAuBY,EAAkB,CAC7B,KAAM,oBACN,QAAS,EAAK,CACZ,IAAM,EAAY,IAAI,QAEtB,EAAI,UAAU,UAAW,CACvB,QAAS,EAAI,EAAS,CACpB,GAAI,EAAQ,QAAU,GAAO,OAE7B,IAAM,EAAQ,EAAU,EADX,EAAW,EAAQ,IAAI,CACH,CACjC,EAAU,IAAI,EAAI,EAAM,EAG1B,QAAS,EAAI,EAAS,CACpB,IAAM,EAAO,EAAU,IAAI,EAAG,CACxB,EAAe,EAAQ,QAAU,EAAQ,SACzC,EAAc,EAAW,EAAQ,IAAI,CACrC,EAAa,IAAgB,GAAM,IAOzC,GANI,CAAC,GAAgB,CAAC,IAEtB,EAAQ,EAAK,CACb,EAAiB,EAAG,CACpB,EAAU,OAAO,EAAG,CAEhB,EAAQ,QAAU,IAAO,OAE7B,IAAM,EAAQ,EAAU,EAAI,EAAY,CACxC,EAAU,IAAI,EAAI,EAAM,EAG1B,UAAW,EAAI,CACb,EAAQ,EAAU,IAAI,EAAG,CAAC,CAC1B,EAAiB,EAAG,CACpB,EAAU,OAAO,EAAG,EAEvB,CAAC,CAEF,SAAS,EAAY,EAAK,CAcxB,OAbK,EACD,EAAY,SAAS,EAAI,CAAS,EAClC,EAAY,IAEd,QAAQ,KACN,mCAAmC,EAAI,mBAAmB,EAAY,GAAK,sBAAsB,EAAY,GAAK,IACnH,CACM,EAAY,KAGrB,QAAQ,KACN,mCAAmC,EAAI,kBAAkB,EAAY,KAAK,KAAK,CAAC,6BACjF,CACM,UAbU,SAgBnB,SAAS,EAAW,EAAI,EAAM,CAC5B,IAAM,EAAQ,CACZ,IAAK,EACL,iBAAkB,KAClB,aAAc,KACf,CAcD,GAXA,EAAG,aAAa,mBAAoBC,EAAAA,iBAAiB,CAAC,CAGtD,EAAM,iBAAmB,IAAI,qBAAuB,CAClD,EAAG,aAAa,mBAAoBA,EAAAA,iBAAiB,CAAC,EACtD,CACF,EAAM,iBAAiB,QAAQ,SAAS,gBAAiB,CACvD,WAAY,GACZ,gBAAiB,CAAC,mBAAmB,CACtC,CAAC,CAEE,IAAS,SAAW,IAAS,OAC/B,EAAG,aAAa,eAAgB,EAAK,KAChC,CAEL,IAAM,EAAaC,EAAAA,eAAe,EAAG,CACrC,EAAG,aAAa,eAAgBC,EAAAA,gBAAgB,EAAW,CAAC,CAG5D,IAAM,EAAS,CACb,WAAY,GACZ,gBAAiB,CAAC,eAAe,CACjC,QAAS,GACV,CAED,EAAM,aAAe,IAAI,qBAAuB,CAC9C,IAAM,EAAoBD,EAAAA,eAAe,EAAG,CAC5C,EAAG,aAAa,eAAgBC,EAAAA,gBAAgB,EAAkB,CAAC,EACnE,CAGF,EAAM,aAAa,QAAQ,SAAS,gBAAiB,EAAO,CAM5D,IAAI,EAAS,EAAG,cAChB,KAAO,GAAU,IAAW,SAAS,iBACnC,EAAM,aAAa,QAAQ,EAAQ,EAAO,CAC1C,EAAS,EAAO,cAIpB,OAAO,EAGT,SAAS,EAAkB,EAAI,CAC7B,EAAG,gBAAgB,eAAe,CAClC,EAAG,gBAAgB,mBAAmB,CAGxC,SAAS,EAAS,EAAO,CAClB,IACD,EAAM,mBACR,EAAM,iBAAiB,YAAY,CACnC,EAAM,iBAAmB,MAEvB,EAAM,eACR,EAAM,aAAa,YAAY,CAC/B,EAAM,aAAe,SAI5B"}

package/dist/lib/mode-directive/mode.js

@@ -1,67 +0,0 @@
-import { n as e } from "../../mode_constants-tb7TL85q.js";
-import { findParentMode as t, getOppositeMode as n, getRootContrast as r } from "../modeisland/utils.js";
-//#region directives/mode_directive/mode.js
-var i = e, a = { inverted: "invert" }, o = {
-	name: "dt-mode-directive",
-	install(e) {
-		let o = /* @__PURE__ */ new WeakMap();
-		e.directive("dt-mode", {
-			mounted(e, t) {
-				if (t.value === !1) return;
-				let n = c(e, s(t.arg));
-				o.set(e, n);
-			},
-			updated(e, t) {
-				let n = o.get(e), r = t.value !== t.oldValue, i = s(t.arg), a = i !== n?.arg;
-				if (!r && !a || (u(n), l(e), o.delete(e), t.value === !1)) return;
-				let d = c(e, i);
-				o.set(e, d);
-			},
-			unmounted(e) {
-				u(o.get(e)), l(e), o.delete(e);
-			}
-		});
-		function s(e) {
-			return e ? i.includes(e) ? e : a[e] ? (console.warn(`[DtModeDirective] Invalid mode "${e}". Did you mean "${a[e]}"? Falling back to "${a[e]}".`), a[e]) : (console.warn(`[DtModeDirective] Invalid mode "${e}". Valid modes: ${i.join(", ")}. Falling back to "invert".`), "invert") : "invert";
-		}
-		function c(e, i) {
-			let a = {
-				arg: i,
-				contrastObserver: null,
-				modeObserver: null
-			};
-			if (e.setAttribute("data-dt-contrast", r()), a.contrastObserver = new MutationObserver(() => {
-				e.setAttribute("data-dt-contrast", r());
-			}), a.contrastObserver.observe(document.documentElement, {
-				attributes: !0,
-				attributeFilter: ["data-dt-contrast"]
-			}), i === "light" || i === "dark") e.setAttribute("data-dt-mode", i);
-			else {
-				let r = t(e);
-				e.setAttribute("data-dt-mode", n(r));
-				let i = {
-					attributes: !0,
-					attributeFilter: ["data-dt-mode"],
-					subtree: !1
-				};
-				a.modeObserver = new MutationObserver(() => {
-					let r = t(e);
-					e.setAttribute("data-dt-mode", n(r));
-				}), a.modeObserver.observe(document.documentElement, i);
-				let o = e.parentElement;
-				for (; o && o !== document.documentElement;) a.modeObserver.observe(o, i), o = o.parentElement;
-			}
-			return a;
-		}
-		function l(e) {
-			e.removeAttribute("data-dt-mode"), e.removeAttribute("data-dt-contrast");
-		}
-		function u(e) {
-			e && (e.contrastObserver && (e.contrastObserver.disconnect(), e.contrastObserver = null), e.modeObserver && (e.modeObserver.disconnect(), e.modeObserver = null));
-		}
-	}
-};
-//#endregion
-export { o as DtModeDirective, o as default };
-
-//# sourceMappingURL=mode.js.map

package/dist/lib/mode-directive/mode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode.js","names":[],"sources":["../../../directives/mode_directive/mode.js"],"sourcesContent":["import {\n  getOppositeMode,\n  getRootContrast,\n  findParentMode,\n} from '@/components/ModeIsland/Utils';\nimport { CONTENT_MODE_VALUES } from '@/common/mode_constants';\n\nconst VALID_MODES = CONTENT_MODE_VALUES;\n\nconst SUGGESTIONS = {\n  inverted: 'invert',\n};\n\n/**\n * v-dt-mode directive — applies a color mode (light, dark, or invert) to an element.\n *\n * Sets `data-dt-mode` and `data-dt-contrast` attributes so descendant token-based\n * styles (`d-fc-primary`, `d-bgc-secondary`, etc.) resolve to the correct palette.\n *\n * @example\n * // Explicit modes\n * <section v-dt-mode:dark>Dark content</section>\n * <section v-dt-mode:light>Light content</section>\n *\n * // Invert nearest parent mode (default when no arg)\n * <section v-dt-mode>Inverted content</section>\n * <section v-dt-mode:invert>Same as above</section>\n *\n * // Dynamic arg\n * <section v-dt-mode:[reactiveMode]>Reactive mode</section>\n *\n * // Disable with false value\n * <section v-dt-mode:dark=\"false\">No mode applied</section>\n */\nexport const DtModeDirective = {\n  name: 'dt-mode-directive',\n  install (app) {\n    const instances = new WeakMap();\n\n    app.directive('dt-mode', {\n      mounted (el, binding) {\n        if (binding.value === false) return;\n        const mode = resolveArg(binding.arg);\n        const state = applyMode(el, mode);\n        instances.set(el, state);\n      },\n\n      updated (el, binding) {\n        const prev = instances.get(el);\n        const valueChanged = binding.value !== binding.oldValue;\n        const resolvedArg = resolveArg(binding.arg);\n        const argChanged = resolvedArg !== prev?.arg;\n        if (!valueChanged && !argChanged) return;\n\n        cleanup(prev);\n        removeAttributes(el);\n        instances.delete(el);\n\n        if (binding.value === false) return;\n\n        const state = applyMode(el, resolvedArg);\n        instances.set(el, state);\n      },\n\n      unmounted (el) {\n        cleanup(instances.get(el));\n        removeAttributes(el);\n        instances.delete(el);\n      },\n    });\n\n    function resolveArg (arg) {\n      if (!arg) return 'invert';\n      if (VALID_MODES.includes(arg)) return arg;\n      if (SUGGESTIONS[arg]) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `[DtModeDirective] Invalid mode \"${arg}\". Did you mean \"${SUGGESTIONS[arg]}\"? Falling back to \"${SUGGESTIONS[arg]}\".`,\n        );\n        return SUGGESTIONS[arg];\n      }\n      // eslint-disable-next-line no-console\n      console.warn(\n        `[DtModeDirective] Invalid mode \"${arg}\". Valid modes: ${VALID_MODES.join(', ')}. Falling back to \"invert\".`,\n      );\n      return 'invert';\n    }\n\n    function applyMode (el, mode) {\n      const state = {\n        arg: mode,\n        contrastObserver: null,\n        modeObserver: null,\n      };\n\n      // Set contrast from root\n      el.setAttribute('data-dt-contrast', getRootContrast());\n\n      // Watch for contrast changes on root\n      state.contrastObserver = new MutationObserver(() => {\n        el.setAttribute('data-dt-contrast', getRootContrast());\n      });\n      state.contrastObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-dt-contrast'],\n      });\n\n      if (mode === 'light' || mode === 'dark') {\n        el.setAttribute('data-dt-mode', mode);\n      } else {\n        // invert mode\n        const parentMode = findParentMode(el);\n        el.setAttribute('data-dt-mode', getOppositeMode(parentMode));\n\n        // Watch for mode changes on root and ancestors\n        const config = {\n          attributes: true,\n          attributeFilter: ['data-dt-mode'],\n          subtree: false,\n        };\n\n        state.modeObserver = new MutationObserver(() => {\n          const currentParentMode = findParentMode(el);\n          el.setAttribute('data-dt-mode', getOppositeMode(currentParentMode));\n        });\n\n        // Observe root element\n        state.modeObserver.observe(document.documentElement, config);\n\n        // Observe all ancestor elements for data-dt-mode changes.\n        // This includes ancestors that don't yet have the attribute,\n        // because a sibling directive may set it after this one mounts\n        // (Vue 3 fires child mounted before parent mounted).\n        let parent = el.parentElement;\n        while (parent && parent !== document.documentElement) {\n          state.modeObserver.observe(parent, config);\n          parent = parent.parentElement;\n        }\n      }\n\n      return state;\n    }\n\n    function removeAttributes (el) {\n      el.removeAttribute('data-dt-mode');\n      el.removeAttribute('data-dt-contrast');\n    }\n\n    function cleanup (state) {\n      if (!state) return;\n      if (state.contrastObserver) {\n        state.contrastObserver.disconnect();\n        state.contrastObserver = null;\n      }\n      if (state.modeObserver) {\n        state.modeObserver.disconnect();\n        state.modeObserver = null;\n      }\n    }\n  },\n};\n\nexport default DtModeDirective;\n"],"mappings":";;;AAOA,IAAM,IAAc,GAEd,IAAc,EAClB,UAAU,UACX,EAuBY,IAAkB;CAC7B,MAAM;CACN,QAAS,GAAK;EACZ,IAAM,oBAAY,IAAI,SAAS;AAE/B,IAAI,UAAU,WAAW;GACvB,QAAS,GAAI,GAAS;AACpB,QAAI,EAAQ,UAAU,GAAO;IAE7B,IAAM,IAAQ,EAAU,GADX,EAAW,EAAQ,IAAI,CACH;AACjC,MAAU,IAAI,GAAI,EAAM;;GAG1B,QAAS,GAAI,GAAS;IACpB,IAAM,IAAO,EAAU,IAAI,EAAG,EACxB,IAAe,EAAQ,UAAU,EAAQ,UACzC,IAAc,EAAW,EAAQ,IAAI,EACrC,IAAa,MAAgB,GAAM;AAOzC,QANI,CAAC,KAAgB,CAAC,MAEtB,EAAQ,EAAK,EACb,EAAiB,EAAG,EACpB,EAAU,OAAO,EAAG,EAEhB,EAAQ,UAAU,IAAO;IAE7B,IAAM,IAAQ,EAAU,GAAI,EAAY;AACxC,MAAU,IAAI,GAAI,EAAM;;GAG1B,UAAW,GAAI;AAGb,IAFA,EAAQ,EAAU,IAAI,EAAG,CAAC,EAC1B,EAAiB,EAAG,EACpB,EAAU,OAAO,EAAG;;GAEvB,CAAC;EAEF,SAAS,EAAY,GAAK;AAcxB,UAbK,IACD,EAAY,SAAS,EAAI,GAAS,IAClC,EAAY,MAEd,QAAQ,KACN,mCAAmC,EAAI,mBAAmB,EAAY,GAAK,sBAAsB,EAAY,GAAK,IACnH,EACM,EAAY,OAGrB,QAAQ,KACN,mCAAmC,EAAI,kBAAkB,EAAY,KAAK,KAAK,CAAC,6BACjF,EACM,YAbU;;EAgBnB,SAAS,EAAW,GAAI,GAAM;GAC5B,IAAM,IAAQ;IACZ,KAAK;IACL,kBAAkB;IAClB,cAAc;IACf;AAcD,OAXA,EAAG,aAAa,oBAAoB,GAAiB,CAAC,EAGtD,EAAM,mBAAmB,IAAI,uBAAuB;AAClD,MAAG,aAAa,oBAAoB,GAAiB,CAAC;KACtD,EACF,EAAM,iBAAiB,QAAQ,SAAS,iBAAiB;IACvD,YAAY;IACZ,iBAAiB,CAAC,mBAAmB;IACtC,CAAC,EAEE,MAAS,WAAW,MAAS,OAC/B,GAAG,aAAa,gBAAgB,EAAK;QAChC;IAEL,IAAM,IAAa,EAAe,EAAG;AACrC,MAAG,aAAa,gBAAgB,EAAgB,EAAW,CAAC;IAG5D,IAAM,IAAS;KACb,YAAY;KACZ,iBAAiB,CAAC,eAAe;KACjC,SAAS;KACV;AAQD,IANA,EAAM,eAAe,IAAI,uBAAuB;KAC9C,IAAM,IAAoB,EAAe,EAAG;AAC5C,OAAG,aAAa,gBAAgB,EAAgB,EAAkB,CAAC;MACnE,EAGF,EAAM,aAAa,QAAQ,SAAS,iBAAiB,EAAO;IAM5D,IAAI,IAAS,EAAG;AAChB,WAAO,KAAU,MAAW,SAAS,iBAEnC,CADA,EAAM,aAAa,QAAQ,GAAQ,EAAO,EAC1C,IAAS,EAAO;;AAIpB,UAAO;;EAGT,SAAS,EAAkB,GAAI;AAE7B,GADA,EAAG,gBAAgB,eAAe,EAClC,EAAG,gBAAgB,mBAAmB;;EAGxC,SAAS,EAAS,GAAO;AAClB,SACD,EAAM,qBACR,EAAM,iBAAiB,YAAY,EACnC,EAAM,mBAAmB,OAEvB,EAAM,iBACR,EAAM,aAAa,YAAY,EAC/B,EAAM,eAAe;;;CAI5B"}

package/dist/lib/modeisland/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./modeislandconstants.cjs`),t=require(`./modeisland.cjs`);exports.DT_MODE_ISLAND_TYPES=e.DT_MODE_ISLAND_TYPES,exports.DtModeIsland=t.default;

package/dist/lib/modeisland/index.js

@@ -1,3 +0,0 @@
-import { DT_MODE_ISLAND_TYPES as e } from "./modeislandconstants.js";
-import t from "./modeisland.js";
-export { e as DT_MODE_ISLAND_TYPES, t as DtModeIsland };

package/dist/lib/modeisland/modeisland.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./utils.cjs`),n=require(`./modeislandconstants.cjs`),r=require(`./validators.cjs`);let i=require(`vue`);var a={name:`DtModeIsland`,compatConfig:{MODE:3},provide(){return{dtModeIslandMode:()=>this.computedMode}},inject:{parentModeIslandMode:{from:`dtModeIslandMode`,default:null}},props:{as:{type:String,default:`div`},mode:{type:String,default:n.DT_MODE_ISLAND_TYPES.INVERTED,validator:r.modeValidator}},data(){return{currentContrast:t.getRootContrast(),contrastObserver:null,modeObserver:null,elementRef:null,calculatedMode:null}},computed:{isInverted(){return this.mode===n.DT_MODE_ISLAND_TYPES.INVERTED},invertedAttribute(){return this.isInverted?``:null},computedMode(){return this.mode===n.DT_MODE_ISLAND_TYPES.LIGHT||this.mode===n.DT_MODE_ISLAND_TYPES.DARK?this.mode:this.mode===n.DT_MODE_ISLAND_TYPES.INVERTED&&this.calculatedMode?this.calculatedMode:this.calculateInvertedMode()}},beforeCreate(){if(this.$attrs&&this.$attrs[`data-dt-brand`])throw Error(`[DtModeIsland] The data-dt-brand attribute is not allowed on mode islands. Brand should only be set at the root level.`)},mounted(){this.elementRef=this.$el,this.setupContrastObserver(),this.isInverted&&(this.calculatedMode=this.calculateInvertedMode(),this.setupModeObserver()),this.currentContrast=t.getRootContrast()},beforeUnmount(){this.contrastObserver&&(this.contrastObserver.disconnect(),this.contrastObserver=null),this.modeObserver&&(this.modeObserver.disconnect(),this.modeObserver=null)},methods:{calculateInvertedMode(){return this.parentModeIslandMode?t.getOppositeMode(typeof this.parentModeIslandMode==`function`?this.parentModeIslandMode():this.parentModeIslandMode):this.elementRef?t.getOppositeMode(t.findParentMode(this.elementRef)):t.getOppositeMode(t.getRootMode())},setupContrastObserver(){this.contrastObserver=new MutationObserver(e=>{for(let n of e)n.type===`attributes`&&n.attributeName===`data-dt-contrast`&&(this.currentContrast=t.getRootContrast())}),this.contrastObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`data-dt-contrast`]})},setupModeObserver(){let e={attributes:!0,attributeFilter:[`data-dt-mode`],subtree:!1};this.modeObserver=new MutationObserver(e=>{for(let t of e)t.type===`attributes`&&t.attributeName===`data-dt-mode`&&(this.calculatedMode=this.calculateInvertedMode())}),this.modeObserver.observe(document.documentElement,e);let t=this.elementRef?.parentElement;for(;t;)t.hasAttribute(`data-dt-mode`)&&this.modeObserver.observe(t,e),t=t.parentElement}}};function o(e,t,n,r,a,o){return(0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(n.as),{class:`d-mode-island`,"data-dt-mode":o.computedMode,"data-mode-island-inverted":o.invertedAttribute,"data-dt-contrast":a.currentContrast},{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`default`)]),_:3},8,[`data-dt-mode`,`data-mode-island-inverted`,`data-dt-contrast`])}var s=e.t(a,[[`render`,o]]);exports.default=s;
-//# sourceMappingURL=modeisland.cjs.map

package/dist/lib/modeisland/modeisland.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"modeisland.cjs","names":[],"sources":["../../../components/ModeIsland/ModeIsland.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    class=\"d-mode-island\"\n    :data-dt-mode=\"computedMode\"\n    :data-mode-island-inverted=\"invertedAttribute\"\n    :data-dt-contrast=\"currentContrast\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { DT_MODE_ISLAND_TYPES } from './ModeIslandConstants';\nimport { modeValidator } from './Validators';\nimport {\n  getOppositeMode,\n  getRootMode,\n  getRootContrast,\n  findParentMode,\n} from './Utils';\n\nexport default {\n  name: 'DtModeIsland',\n  compatConfig: { MODE: 3 },\n\n  provide () {\n    return {\n      dtModeIslandMode: () => this.computedMode,\n    };\n  },\n\n  inject: {\n    parentModeIslandMode: {\n      from: 'dtModeIslandMode',\n      default: null,\n    },\n  },\n\n  props: {\n    /**\n     * Set this prop to render the mode island as a specific HTML element.\n     * @type {String}\n     * @values div, section, nav, article, aside, header, footer, main\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The mode to apply to the island.\n     * - 'inverted': Opposite of parent or root mode\n     * - 'light': Always light mode\n     * - 'dark': Always dark mode\n     * @type {String}\n     * @values inverted, light, dark\n     */\n    mode: {\n      type: String,\n      default: DT_MODE_ISLAND_TYPES.INVERTED,\n      validator: modeValidator,\n    },\n  },\n\n  data () {\n    return {\n      currentContrast: getRootContrast(),\n      contrastObserver: null,\n      modeObserver: null,\n      elementRef: null,\n      calculatedMode: null, // Store calculated mode as reactive data\n    };\n  },\n\n  computed: {\n    isInverted () {\n      return this.mode === DT_MODE_ISLAND_TYPES.INVERTED;\n    },\n\n    invertedAttribute () {\n      return this.isInverted ? '' : null;\n    },\n\n    computedMode () {\n      // If mode is explicitly light or dark, use it directly\n      if (this.mode === DT_MODE_ISLAND_TYPES.LIGHT || this.mode === DT_MODE_ISLAND_TYPES.DARK) {\n        return this.mode;\n      }\n\n      // If mode is inverted, use the calculated mode if available\n      if (this.mode === DT_MODE_ISLAND_TYPES.INVERTED && this.calculatedMode) {\n        return this.calculatedMode;\n      }\n\n      // Otherwise calculate it now\n      return this.calculateInvertedMode();\n    },\n  },\n\n  beforeCreate () {\n    // Throw error if data-dt-brand is manually set\n    if (this.$attrs && this.$attrs['data-dt-brand']) {\n      throw new Error('[DtModeIsland] The data-dt-brand attribute is not allowed on mode islands. Brand should only be set at the root level.');\n    }\n  },\n\n  mounted () {\n    // Store element reference\n    this.elementRef = this.$el;\n\n    // Setup MutationObserver to watch for contrast changes on root\n    this.setupContrastObserver();\n\n    // Setup MutationObserver to watch for mode changes (only if inverted)\n    if (this.isInverted) {\n      // Initialize the calculated mode\n      this.calculatedMode = this.calculateInvertedMode();\n      this.setupModeObserver();\n    }\n\n    // Initial contrast value\n    this.currentContrast = getRootContrast();\n  },\n\n  beforeUnmount () {\n    // Cleanup observers\n    if (this.contrastObserver) {\n      this.contrastObserver.disconnect();\n      this.contrastObserver = null;\n    }\n    if (this.modeObserver) {\n      this.modeObserver.disconnect();\n      this.modeObserver = null;\n    }\n  },\n\n  methods: {\n    calculateInvertedMode () {\n      // First check if there's a parent mode island\n      if (this.parentModeIslandMode) {\n        const parentMode = typeof this.parentModeIslandMode === 'function'\n          ? this.parentModeIslandMode()\n          : this.parentModeIslandMode;\n        return getOppositeMode(parentMode);\n      }\n\n      // Otherwise, find the nearest parent with data-dt-mode\n      if (this.elementRef) {\n        const parentMode = findParentMode(this.elementRef);\n        return getOppositeMode(parentMode);\n      }\n\n      // Default fallback\n      return getOppositeMode(getRootMode());\n    },\n\n    setupContrastObserver () {\n      this.contrastObserver = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n          if (mutation.type === 'attributes' && mutation.attributeName === 'data-dt-contrast') {\n            this.currentContrast = getRootContrast();\n          }\n        }\n      });\n\n      this.contrastObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-dt-contrast'],\n      });\n    },\n\n    setupModeObserver () {\n      const config = {\n        attributes: true,\n        attributeFilter: ['data-dt-mode'],\n        subtree: false,\n      };\n\n      this.modeObserver = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n          if (mutation.type === 'attributes' && mutation.attributeName === 'data-dt-mode') {\n            // Recalculate and update the reactive data property\n            this.calculatedMode = this.calculateInvertedMode();\n          }\n        }\n      });\n\n      // Observe root element\n      this.modeObserver.observe(document.documentElement, config);\n\n      // Also observe all parent elements with data-dt-mode\n      let parent = this.elementRef?.parentElement;\n      while (parent) {\n        if (parent.hasAttribute('data-dt-mode')) {\n          this.modeObserver.observe(parent, config);\n        }\n        parent = parent.parentElement;\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"sTAuBA,IAAK,EAAU,CACb,KAAM,eACN,aAAc,CAAE,KAAM,EAAG,CAEzB,SAAW,CACT,MAAO,CACL,qBAAwB,KAAK,aAC9B,EAGH,OAAQ,CACN,qBAAsB,CACpB,KAAM,mBACN,QAAS,KACV,CACF,CAED,MAAO,CAML,GAAI,CACF,KAAM,OACN,QAAS,MACV,CAUD,KAAM,CACJ,KAAM,OACN,QAAS,EAAA,qBAAqB,SAC9B,UAAW,EAAA,cACZ,CACF,CAED,MAAQ,CACN,MAAO,CACL,gBAAiB,EAAA,iBAAiB,CAClC,iBAAkB,KAClB,aAAc,KACd,WAAY,KACZ,eAAgB,KACjB,EAGH,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,OAAS,EAAA,qBAAqB,UAG5C,mBAAqB,CACnB,OAAO,KAAK,WAAa,GAAK,MAGhC,cAAgB,CAYd,OAVI,KAAK,OAAS,EAAA,qBAAqB,OAAS,KAAK,OAAS,EAAA,qBAAqB,KAC1E,KAAK,KAIV,KAAK,OAAS,EAAA,qBAAqB,UAAY,KAAK,eAC/C,KAAK,eAIP,KAAK,uBAAuB,EAEtC,CAED,cAAgB,CAEd,GAAI,KAAK,QAAU,KAAK,OAAO,iBAC7B,MAAU,MAAM,yHAAyH,EAI7I,SAAW,CAET,KAAK,WAAa,KAAK,IAGvB,KAAK,uBAAuB,CAGxB,KAAK,aAEP,KAAK,eAAiB,KAAK,uBAAuB,CAClD,KAAK,mBAAmB,EAI1B,KAAK,gBAAkB,EAAA,iBAAiB,EAG1C,eAAiB,CAEX,KAAK,mBACP,KAAK,iBAAiB,YAAY,CAClC,KAAK,iBAAmB,MAEtB,KAAK,eACP,KAAK,aAAa,YAAY,CAC9B,KAAK,aAAe,OAIxB,QAAS,CACP,uBAAyB,CAgBvB,OAdI,KAAK,qBAIA,EAAA,gBAHY,OAAO,KAAK,sBAAyB,WACpD,KAAK,sBAAqB,CAC1B,KAAK,qBACyB,CAIhC,KAAK,WAEA,EAAA,gBADY,EAAA,eAAe,KAAK,WAAW,CAChB,CAI7B,EAAA,gBAAgB,EAAA,aAAa,CAAC,EAGvC,uBAAyB,CACvB,KAAK,iBAAmB,IAAI,iBAAkB,GAAkB,CAC9D,IAAK,IAAM,KAAY,EACjB,EAAS,OAAS,cAAgB,EAAS,gBAAkB,qBAC/D,KAAK,gBAAkB,EAAA,iBAAiB,GAG5C,CAEF,KAAK,iBAAiB,QAAQ,SAAS,gBAAiB,CACtD,WAAY,GACZ,gBAAiB,CAAC,mBAAmB,CACtC,CAAC,EAGJ,mBAAqB,CACnB,IAAM,EAAS,CACb,WAAY,GACZ,gBAAiB,CAAC,eAAe,CACjC,QAAS,GACV,CAED,KAAK,aAAe,IAAI,iBAAkB,GAAkB,CAC1D,IAAK,IAAM,KAAY,EACjB,EAAS,OAAS,cAAgB,EAAS,gBAAkB,iBAE/D,KAAK,eAAiB,KAAK,uBAAuB,GAGtD,CAGF,KAAK,aAAa,QAAQ,SAAS,gBAAiB,EAAO,CAG3D,IAAI,EAAS,KAAK,YAAY,cAC9B,KAAO,GACD,EAAO,aAAa,eAAe,EACrC,KAAK,aAAa,QAAQ,EAAQ,EAAO,CAE3C,EAAS,EAAO,eAGrB,CACF,iGAxMQ,EAAA,GAAE,CAAA,CACP,MAAM,gBACL,eAAc,EAAA,aACd,4BAA2B,EAAA,kBAC3B,mBAAkB,EAAA,4CAGX,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}