@dialpad/dialtone-vue 3.85.0 → 3.86.0

package/dist/{notice-702ad033.js → notice-c5521e01.js}

@@ -1,6 +1,6 @@
-import { _, D as E, h as P, f as L, u as R, ay as V, i as q, g as A, az as M, aA as x, aB as K } from "./emoji-3ed8aeab.js";
-import { resolveComponent as c, openBlock as l, createElementBlock as p, renderSlot as a, createVNode as v, createCommentVNode as r, createTextVNode as z, toDisplayString as W, createElementVNode as C, createBlock as f, withKeys as g, withModifiers as S, withCtx as d, mergeProps as k, resolveDynamicComponent as w, normalizeClass as b, toHandlers as D, createSlots as j, renderList as U, Teleport as Y } from "vue";
-const F = ["base", "error", "info", "success", "warning"], G = ["alert", "alertdialog", "status"], Z = /* @__PURE__ */ new Map([
+import { _ as v, D as E, h as P, a as L, u as R, T as V, b as q, g as A, i as M, c as x, d as K } from "./emoji-c109b6ee.js";
+import { resolveComponent as c, openBlock as l, createElementBlock as h, renderSlot as a, createVNode as _, createCommentVNode as r, createTextVNode as z, toDisplayString as W, createElementVNode as C, createBlock as f, withKeys as g, withModifiers as S, withCtx as d, mergeProps as k, resolveDynamicComponent as w, normalizeClass as b, toHandlers as D, createSlots as j, renderList as U, Teleport as Y } from "vue";
+const $ = ["base", "error", "info", "success", "warning"], G = ["alert", "alertdialog", "status"], Z = /* @__PURE__ */ new Map([
   ["info", "info"],
   ["success", "check-circle"],
   ["warning", "alert-triangle"],
@@ -20,7 +20,7 @@ const F = ["base", "error", "info", "success", "warning"], G = ["alert", "alertd
       type: String,
       default: "base",
       validate(e) {
-        return F.includes(e);
+        return $.includes(e);
       }
     }
   },
@@ -41,16 +41,16 @@ const F = ["base", "error", "info", "success", "warning"], G = ["alert", "alertd
 };
 function Q(e, t, o, i, n, s) {
   const u = c("dt-icon");
-  return s.defaultIcon || n.hasSlotContent(e.$slots.default) ? (l(), p("div", J, [
+  return s.defaultIcon || n.hasSlotContent(e.$slots.default) ? (l(), h("div", J, [
     a(e.$slots, "default", {}, () => [
-      v(u, {
+      _(u, {
         name: s.defaultIcon,
         size: "400"
       }, null, 8, ["name"])
     ])
   ])) : r("", !0);
 }
-const ee = /* @__PURE__ */ _(X, [["render", Q]]), te = {
+const ee = /* @__PURE__ */ v(X, [["render", Q]]), te = {
   name: "DtNoticeContent",
   props: {
     /**
@@ -87,8 +87,8 @@ const ee = /* @__PURE__ */ _(X, [["render", Q]]), te = {
   "data-qa": "notice-content"
 }, se = ["id"], ne = ["id"];
 function ie(e, t, o, i, n, s) {
-  return l(), p("div", oe, [
-    o.title || n.hasSlotContent(e.$slots.titleOverride) ? (l(), p("p", {
+  return l(), h("div", oe, [
+    o.title || n.hasSlotContent(e.$slots.titleOverride) ? (l(), h("p", {
       key: 0,
       id: o.titleId,
       class: "d-notice__title",
@@ -107,7 +107,7 @@ function ie(e, t, o, i, n, s) {
     ], 8, ne)
   ]);
 }
-const le = /* @__PURE__ */ _(te, [["render", ie]]), I = {
+const le = /* @__PURE__ */ v(te, [["render", ie]]), I = {
   props: {
     /**
      * If true, a hidden close button is included for screen readers
@@ -180,17 +180,17 @@ function re(e, t, o, i, n, s) {
     onKeydown: g(S(s.close, ["prevent", "stop"]), ["space"])
   }, {
     default: d(() => [
-      v(u, { name: "close" })
+      _(u, { name: "close" })
     ]),
     _: 1
   }, 8, ["aria-label", "onClick", "onKeydown"]);
 }
-const $ = /* @__PURE__ */ _(ae, [["render", re]]), de = {
+const F = /* @__PURE__ */ v(ae, [["render", re]]), de = {
   name: "DtNoticeAction",
   components: {
     DtIcon: E,
     DtButton: L,
-    SrOnlyCloseButton: $
+    SrOnlyCloseButton: F
   },
   mixins: [I],
   props: {
@@ -239,7 +239,7 @@ const $ = /* @__PURE__ */ _(ae, [["render", re]]), de = {
 };
 function ue(e, t, o, i, n, s) {
   const u = c("dt-icon"), m = c("dt-button"), y = c("sr-only-close-button");
-  return l(), p("div", ce, [
+  return l(), h("div", ce, [
     a(e.$slots, "default"),
     o.hideClose ? r("", !0) : (l(), f(m, k({
       key: 0,
@@ -251,7 +251,7 @@ function ue(e, t, o, i, n, s) {
       "aria-label": o.closeButtonProps.ariaLabel ? o.closeButtonProps.ariaLabel : "Close"
     }, o.closeButtonProps, { onClick: s.close }), {
       icon: d(() => [
-        v(u, {
+        _(u, {
           name: "close",
           size: "200"
         })
@@ -265,7 +265,7 @@ function ue(e, t, o, i, n, s) {
     }, null, 8, ["visually-hidden-close-label", "onClose"])) : r("", !0)
   ]);
 }
-const he = /* @__PURE__ */ _(de, [["render", ue]]), N = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', pe = `${N}:not([tabindex="-1"])`, fe = "button,[href],input,select,textarea,details,[tabindex]", me = {
+const pe = /* @__PURE__ */ v(de, [["render", ue]]), N = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', he = `${N}:not([tabindex="-1"])`, fe = "button,[href],input,select,textarea,details,[tabindex]", me = {
   methods: {
     /**
      * get the first focusable element in your component, includes tabindex="-1".
@@ -311,7 +311,7 @@ const he = /* @__PURE__ */ _(de, [["render", ue]]), N = ':not(:disabled):not([ar
     _getFocusableElements(e = this.$el, t = !1) {
       return e ? [...e.querySelectorAll(fe)].filter((i) => {
         const n = window.getComputedStyle(i);
-        return n.getPropertyValue("display") !== "none" && n.getPropertyValue("visibility") !== "hidden" && i.matches(t ? N : pe);
+        return n.getPropertyValue("display") !== "none" && n.getPropertyValue("visibility") !== "hidden" && i.matches(t ? N : he);
       }) : [];
     },
     /**
@@ -339,7 +339,8 @@ const he = /* @__PURE__ */ _(de, [["render", ue]]), N = ':not(:disabled):not([ar
   ARROW_KEYS: "arrow-keys",
   TAB: "tab",
   NONE: "none"
-}, ye = {
+};
+const ye = {
   name: "DtItemLayout",
   props: {
     /**
@@ -350,11 +351,11 @@ const he = /* @__PURE__ */ _(de, [["render", ue]]), N = ':not(:disabled):not([ar
       default: "div"
     }
   }
-}, ve = {
+}, _e = {
   key: 0,
   "data-qa": "dt-item-layout-left-wrapper",
   class: "dt-item-layout--left"
-}, _e = {
+}, ve = {
   "data-qa": "dt-item-layout-content-wrapper",
   class: "dt-item-layout--content"
 }, be = {
@@ -369,38 +370,44 @@ const he = /* @__PURE__ */ _(de, [["render", ue]]), N = ':not(:disabled):not([ar
   key: 1,
   "data-qa": "dt-item-layout-right-wrapper",
   class: "dt-item-layout--right"
+}, Ee = {
+  key: 2,
+  "data-qa": "dt-item-layout-selected-wrapper",
+  class: "dt-item-layout--selected"
 };
-function Ee(e, t, o, i, n, s) {
+function Oe(e, t, o, i, n, s) {
   return l(), f(w(o.as), { class: "dt-item-layout" }, {
     default: d(() => [
-      e.$slots.left ? (l(), p("section", ve, [
-        a(e.$slots, "left")
+      e.$slots.left ? (l(), h("section", _e, [
+        a(e.$slots, "left", {}, void 0, !0)
       ])) : r("", !0),
-      C("section", _e, [
-        e.$slots.default ? (l(), p("div", be, [
-          a(e.$slots, "default")
+      C("section", ve, [
+        e.$slots.default ? (l(), h("div", be, [
+          a(e.$slots, "default", {}, void 0, !0)
         ])) : r("", !0),
-        e.$slots.subtitle ? (l(), p("div", {
+        e.$slots.subtitle ? (l(), h("div", {
           key: 1,
           "data-qa": "dt-item-layout-subtitle-wrapper",
           class: b(["dt-item-layout--subtitle", { "d-mtn2": e.$slots.default }])
         }, [
-          a(e.$slots, "subtitle")
+          a(e.$slots, "subtitle", {}, void 0, !0)
         ], 2)) : r("", !0),
-        e.$slots.bottom ? (l(), p("div", ge, [
-          a(e.$slots, "bottom")
+        e.$slots.bottom ? (l(), h("div", ge, [
+          a(e.$slots, "bottom", {}, void 0, !0)
         ])) : r("", !0)
       ]),
-      e.$slots.right ? (l(), p("section", Ce, [
-        a(e.$slots, "right")
+      e.$slots.right ? (l(), h("section", Ce, [
+        a(e.$slots, "right", {}, void 0, !0)
       ])) : r("", !0),
-      a(e.$slots, "selected")
+      e.$slots.selected ? (l(), h("section", Ee, [
+        a(e.$slots, "selected", {}, void 0, !0)
+      ])) : r("", !0)
     ]),
     _: 3
   });
 }
-const B = /* @__PURE__ */ _(ye, [["render", Ee]]);
-const Oe = {
+const B = /* @__PURE__ */ v(ye, [["render", Oe], ["__scopeId", "data-v-9afad3c4"]]);
+const Se = {
   name: "DtListItem",
   components: {
     DtItemLayout: B,
@@ -551,7 +558,7 @@ const Oe = {
     }
   }
 };
-function Se(e, t, o, i, n, s) {
+function we(e, t, o, i, n, s) {
   const u = c("dt-icon");
   return l(), f(w(o.elementType), k({
     id: o.id,
@@ -575,7 +582,7 @@ function Se(e, t, o, i, n, s) {
         o.selected ? {
           name: "selected",
           fn: d(() => [
-            v(u, {
+            _(u, {
               name: "check",
               size: "400",
               class: "dt-list-item--selected-icon"
@@ -588,19 +595,19 @@ function Se(e, t, o, i, n, s) {
     _: 3
   }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
 }
-const xe = /* @__PURE__ */ _(Oe, [["render", Se]]), H = {
+const Ke = /* @__PURE__ */ v(Se, [["render", we]]), H = {
   none: void 0,
   small: "d-p4",
   medium: "d-p8",
   large: "d-p16"
-}, we = {
+}, Pe = {
   none: void 0,
   small: "d-pl4",
   medium: "d-pl8",
   large: "d-pl16"
-}, Pe = ["dialog", "menu", "listbox", "tree", "grid"], ke = ["", "anchor"], Te = ["none", "dialog", "first"], Le = ["parent", "body"], Ie = [
+}, ke = ["dialog", "menu", "listbox", "tree", "grid"], Te = ["", "anchor"], Le = ["none", "dialog", "first"], Ie = ["parent", "body"], Ae = [
   ...V
-], Ae = {
+], Be = {
   name: "PopoverHeaderFooter",
   components: {
     DtButton: L,
@@ -661,16 +668,16 @@ const xe = /* @__PURE__ */ _(Oe, [["render", Se]]), H = {
     }
   }
 };
-function Be(e, t, o, i, n, s) {
+function He(e, t, o, i, n, s) {
   const u = c("dt-icon"), m = c("dt-button");
-  return l(), p("div", {
+  return l(), h("div", {
     "data-qa": "dt-popover-header-footer",
     class: b({
       "d-popover__header": o.type === "header",
       "d-popover__footer": o.type === "footer"
     })
   }, [
-    n.hasSlotContent(e.$slots.content) ? (l(), p("div", {
+    n.hasSlotContent(e.$slots.content) ? (l(), h("div", {
       key: 0,
       "data-qa": "dt-popover-header-footer-content",
       class: b(["d-to-ellipsis", "d-w100p", o.contentClass])
@@ -689,7 +696,7 @@ function Be(e, t, o, i, n, s) {
       onClick: t[0] || (t[0] = (y) => e.$emit("close"))
     }), {
       icon: d(() => [
-        v(u, {
+        _(u, {
           name: "close",
           size: "300"
         })
@@ -698,16 +705,16 @@ function Be(e, t, o, i, n, s) {
     }, 16)) : r("", !0)
   ], 2);
 }
-const He = /* @__PURE__ */ _(Ae, [["render", Be]]);
-const De = {
+const De = /* @__PURE__ */ v(Be, [["render", He]]);
+const $e = {
   name: "DtPopover",
   /********************
    * CHILD COMPONENTS *
    ********************/
   components: {
-    SrOnlyCloseButton: $,
+    SrOnlyCloseButton: F,
     DtLazyShow: q,
-    PopoverHeaderFooter: He
+    PopoverHeaderFooter: De
   },
   mixins: [me, I],
   props: {
@@ -752,7 +759,7 @@ const De = {
     role: {
       type: String,
       default: "dialog",
-      validator: (e) => Pe.includes(e)
+      validator: (e) => ke.includes(e)
     },
     /**
      * ID of the element that serves as the label for the popover content.
@@ -805,7 +812,7 @@ const De = {
     contentWidth: {
       type: String,
       default: "",
-      validator: (e) => ke.includes(e)
+      validator: (e) => Te.includes(e)
     },
     /**
      * Whether to apply transition on initial render in the content lazy show component.
@@ -939,7 +946,7 @@ const De = {
     sticky: {
       type: [Boolean, String],
       default: !1,
-      validator: (e) => Ie.includes(e)
+      validator: (e) => Ae.includes(e)
     },
     /**
      * Determines maximum height for the popover before overflow.
@@ -997,7 +1004,7 @@ const De = {
     initialFocusElement: {
       type: [String, HTMLElement],
       default: "first",
-      validator: (e) => Te.includes(e) || e instanceof HTMLElement || e.startsWith("#")
+      validator: (e) => Le.includes(e) || e instanceof HTMLElement || e.startsWith("#")
     },
     /**
      * If the popover should open pressing up or down arrow key on the anchor element.
@@ -1016,7 +1023,7 @@ const De = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => Le.includes(e) || e instanceof HTMLElement
+      validator: (e) => Ie.includes(e) || e instanceof HTMLElement
     }
   },
   emits: [
@@ -1043,7 +1050,7 @@ const De = {
   data() {
     return {
       POPOVER_PADDING_CLASSES: H,
-      POPOVER_HEADER_FOOTER_PADDING_CLASSES: we,
+      POPOVER_HEADER_FOOTER_PADDING_CLASSES: Pe,
       intersectionObserver: null,
       isOutsideViewport: !1,
       isOpen: !1,
@@ -1287,10 +1294,10 @@ const De = {
       });
     }
   }
-}, Fe = ["aria-hidden"], $e = ["id", "tabindex"];
-function Ne(e, t, o, i, n, s) {
+}, Fe = ["aria-hidden"], Ne = ["id", "tabindex"];
+function Re(e, t, o, i, n, s) {
   const u = c("popover-header-footer"), m = c("sr-only-close-button"), y = c("dt-lazy-show");
-  return l(), p("div", null, [
+  return l(), h("div", null, [
     o.modal && n.isOpen ? (l(), f(Y, {
       key: 0,
       to: "body"
@@ -1313,15 +1320,15 @@ function Ne(e, t, o, i, n, s) {
           ref: "anchor",
           "data-qa": "dt-popover-anchor",
           tabindex: o.openOnContext ? 0 : void 0,
-          onClickCapture: t[1] || (t[1] = (...h) => s.defaultToggleOpen && s.defaultToggleOpen(...h)),
-          onContextmenu: t[2] || (t[2] = (...h) => s.onContext && s.onContext(...h)),
+          onClickCapture: t[1] || (t[1] = (...p) => s.defaultToggleOpen && s.defaultToggleOpen(...p)),
+          onContextmenu: t[2] || (t[2] = (...p) => s.onContext && s.onContext(...p)),
           onKeydown: [
-            t[3] || (t[3] = g(S((...h) => s.onArrowKeyPress && s.onArrowKeyPress(...h), ["prevent"]), ["up"])),
-            t[4] || (t[4] = g(S((...h) => s.onArrowKeyPress && s.onArrowKeyPress(...h), ["prevent"]), ["down"])),
-            t[6] || (t[6] = g((h) => e.$emit("keydown", h), ["enter"])),
-            t[7] || (t[7] = g((h) => e.$emit("keydown", h), ["space"]))
+            t[3] || (t[3] = g(S((...p) => s.onArrowKeyPress && s.onArrowKeyPress(...p), ["prevent"]), ["up"])),
+            t[4] || (t[4] = g(S((...p) => s.onArrowKeyPress && s.onArrowKeyPress(...p), ["prevent"]), ["down"])),
+            t[6] || (t[6] = g((p) => e.$emit("keydown", p), ["enter"])),
+            t[7] || (t[7] = g((p) => e.$emit("keydown", p), ["space"]))
           ],
-          onKeydownCapture: t[5] || (t[5] = g((...h) => s.closePopover && s.closePopover(...h), ["escape"]))
+          onKeydownCapture: t[5] || (t[5] = g((...p) => s.closePopover && s.closePopover(...p), ["escape"]))
         }, [
           a(e.$slots, "anchor", {
             attrs: {
@@ -1330,8 +1337,8 @@ function Ne(e, t, o, i, n, s) {
               "aria-haspopup": o.role
             }
           })
-        ], 40, $e),
-        v(y, k({
+        ], 40, Ne),
+        _(y, k({
           id: o.id,
           ref: "content",
           role: o.role,
@@ -1403,12 +1410,12 @@ function Ne(e, t, o, i, n, s) {
     }, 8, ["class"]))
   ]);
 }
-const Ke = /* @__PURE__ */ _(De, [["render", Ne]]), Re = {
+const ze = /* @__PURE__ */ v($e, [["render", Re]]), Ve = {
   name: "DtNotice",
   components: {
     DtNoticeIcon: ee,
     DtNoticeContent: le,
-    DtNoticeAction: he
+    DtNoticeAction: pe
   },
   mixins: [I],
   props: {
@@ -1465,7 +1472,7 @@ const Ke = /* @__PURE__ */ _(De, [["render", Ne]]), Re = {
       type: String,
       default: "base",
       validate(e) {
-        return F.includes(e);
+        return $.includes(e);
       }
     },
     /**
@@ -1515,19 +1522,19 @@ const Ke = /* @__PURE__ */ _(De, [["render", Ne]]), Re = {
     }
   }
 };
-function Ve(e, t, o, i, n, s) {
+function qe(e, t, o, i, n, s) {
   const u = c("dt-notice-icon"), m = c("dt-notice-content"), y = c("dt-notice-action");
-  return l(), p("aside", {
+  return l(), h("aside", {
     class: b(s.noticeClass),
     "data-qa": "notice"
   }, [
-    v(u, { kind: o.kind }, {
+    _(u, { kind: o.kind }, {
       default: d(() => [
         a(e.$slots, "icon")
       ]),
       _: 3
     }, 8, ["kind"]),
-    v(m, {
+    _(m, {
       "title-id": o.titleId,
       "content-id": o.contentId,
       title: o.title,
@@ -1541,12 +1548,12 @@ function Ve(e, t, o, i, n, s) {
       ]),
       _: 3
     }, 8, ["title-id", "content-id", "title", "role"]),
-    v(y, {
+    _(y, {
       "hide-close": o.hideClose,
       "close-button-props": o.closeButtonProps,
       "visually-hidden-close": e.visuallyHiddenClose,
       "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
-      onClose: t[0] || (t[0] = (h) => e.$emit("close"))
+      onClose: t[0] || (t[0] = (p) => e.$emit("close"))
     }, {
       default: d(() => [
         a(e.$slots, "action")
@@ -1555,24 +1562,24 @@ function Ve(e, t, o, i, n, s) {
     }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
   ], 2);
 }
-const ze = /* @__PURE__ */ _(Re, [["render", Ve]]);
+const We = /* @__PURE__ */ v(Ve, [["render", qe]]);
 export {
-  ee as D,
+  Ke as D,
   O as L,
   me as M,
-  F as N,
-  Le as P,
+  $ as N,
+  Ie as P,
   I as S,
-  le as a,
-  he as b,
-  xe as c,
-  Ke as d,
-  $ as e,
-  ke as f,
-  B as g,
-  ze as h,
+  We as a,
+  ze as b,
+  ee as c,
+  le as d,
+  pe as e,
+  F as f,
+  Te as g,
+  B as h,
   H as i,
-  we as j,
-  Pe as k,
-  Te as l
+  Pe as j,
+  ke as k,
+  Le as l
 };

package/dist/notice-f2b0212d.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("./emoji-bd8527a3.cjs"),t=require("vue"),_=["base","error","info","success","warning"],I=["alert","alertdialog","status"],T=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),N={name:"DtNoticeIcon",components:{DtIcon:l.DtIcon},props:{kind:{type:String,default:"base",validate(e){return _.includes(e)}}},data(){return{hasSlotContent:l.hasSlotContent}},computed:{defaultIcon(){return T.get(this.kind)}}},L={key:0,"aria-hidden":"true",class:"d-notice__icon"};function D(e,o,n,a,i,s){const r=t.resolveComponent("dt-icon");return s.defaultIcon||i.hasSlotContent(e.$slots.default)?(t.openBlock(),t.createElementBlock("div",L,[t.renderSlot(e.$slots,"default",{},()=>[t.createVNode(r,{name:s.defaultIcon,size:"400"},null,8,["name"])])])):t.createCommentVNode("",!0)}const C=l._export_sfc(N,[["render",D]]),A={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:l.hasSlotContent}}},V={class:"d-notice__content","data-qa":"notice-content"},H=["id"],F=["id"];function $(e,o,n,a,i,s){return t.openBlock(),t.createElementBlock("div",V,[n.title||i.hasSlotContent(e.$slots.titleOverride)?(t.openBlock(),t.createElementBlock("p",{key:0,id:n.titleId,class:"d-notice__title","data-qa":"notice-content-title"},[t.renderSlot(e.$slots,"titleOverride",{},()=>[t.createTextVNode(t.toDisplayString(n.title),1)])],8,H)):t.createCommentVNode("",!0),t.createElementVNode("p",{id:n.contentId,class:"d-notice__message","data-qa":"notice-content-message"},[t.renderSlot(e.$slots,"default")],8,F)])}const b=l._export_sfc(A,[["render",$]]),h={props:{visuallyHiddenClose:{type:Boolean,default:!1},visuallyHiddenCloseLabel:{type:String,default:null}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateVisuallyHiddenCloseProps()}}},computed:{showVisuallyHiddenClose(){return this.visuallyHiddenClose&&this.visuallyHiddenCloseLabel!=null}},methods:{validateVisuallyHiddenCloseProps(){this.visuallyHiddenClose&&!this.visuallyHiddenCloseLabel&&console.error(`If visuallyHiddenClose prop is true, the component includes
+           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`)}}},x={name:"SrOnlyCloseButton",components:{DtIcon:l.DtIcon,DtButton:l.DtButton},props:{visuallyHiddenCloseLabel:{type:String,default:null}},emits:["close"],methods:{close(){this.$emit("close")}}};function R(e,o,n,a,i,s){const r=t.resolveComponent("dt-icon"),c=t.resolveComponent("dt-button");return t.openBlock(),t.createBlock(c,{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button",class:"d-vi-visible-sr","aria-label":n.visuallyHiddenCloseLabel,onClick:s.close,onKeydown:t.withKeys(t.withModifiers(s.close,["prevent","stop"]),["space"])},{default:t.withCtx(()=>[t.createVNode(r,{name:"close"})]),_:1},8,["aria-label","onClick","onKeydown"])}const v=l._export_sfc(x,[["render",R]]),q={name:"DtNoticeAction",components:{DtIcon:l.DtIcon,DtButton:l.DtButton,SrOnlyCloseButton:v},mixins:[h],props:{closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close"],created(){!this.hideClose&&!this.closeButtonProps.ariaLabel&&console.error("Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.")},mounted(){this.hideClose||(this.lastFocusedElement=document.activeElement)},beforeUnmount(){var e;(e=this.lastFocusedElement)==null||e.focus()},methods:{close(){this.$emit("close")}}},M={class:"d-notice__actions","data-qa":"notice-content-actions"};function z(e,o,n,a,i,s){const r=t.resolveComponent("dt-icon"),c=t.resolveComponent("dt-button"),u=t.resolveComponent("sr-only-close-button");return t.openBlock(),t.createElementBlock("div",M,[t.renderSlot(e.$slots,"default"),n.hideClose?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(c,t.mergeProps({key:0,ref:"closeButton","data-qa":"dt-notice-action-close-button",size:"sm",importance:"clear",circle:"","aria-label":n.closeButtonProps.ariaLabel?n.closeButtonProps.ariaLabel:"Close"},n.closeButtonProps,{onClick:s.close}),{icon:t.withCtx(()=>[t.createVNode(r,{name:"close",size:"200"})]),_:1},16,["aria-label","onClick"])),e.showVisuallyHiddenClose?(t.openBlock(),t.createBlock(u,{key:1,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:s.close},null,8,["visually-hidden-close-label","onClose"])):t.createCommentVNode("",!0)])}const g=l._export_sfc(q,[["render",z]]),E=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',K=`${E}:not([tabindex="-1"])`,W="button,[href],input,select,textarea,details,[tabindex]",S={methods:{async getFirstFocusableElement(e){await this.$nextTick();const o=this._getFocusableElements(e,!0);return this._getFirstFocusElement(o)},async focusFirstElement(e){const o=await this.getFirstFocusableElement(e);o==null||o.focus({preventScroll:!0})},_getFirstFocusElement(e){if(!e.length)return;let o=e[0];return o.matches('[type="radio"]:not(:checked)')&&(o=e.find(n=>n.checked&&n.name===o.name)||o),o},_getFocusableElements(e=this.$el,o=!1){return e?[...e.querySelectorAll(W)].filter(a=>{const i=window.getComputedStyle(a);return i.getPropertyValue("display")!=="none"&&i.getPropertyValue("visibility")!=="hidden"&&a.matches(o?E:K)}):[]},focusTrappedTabPress(e,o){if(!(e.key==="Tab"))return;const a=this._getFocusableElements(o);if(!a.length){e.preventDefault();return}const i=this._getFirstFocusElement(a),s=a[a.length-1];e.shiftKey?document.activeElement===i&&(s.focus(),e.preventDefault()):document.activeElement===s&&(i.focus(),e.preventDefault())}}},m={DEFAULT:"default",CUSTOM:"custom"},p={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"};const j={name:"DtItemLayout",props:{as:{type:String,default:"div"}}},U={key:0,"data-qa":"dt-item-layout-left-wrapper",class:"dt-item-layout--left"},G={"data-qa":"dt-item-layout-content-wrapper",class:"dt-item-layout--content"},Y={key:0,"data-qa":"dt-item-layout-title-wrapper",class:"dt-item-layout--title"},Z={key:2,"data-qa":"dt-item-layout-bottom-wrapper",class:"dt-item-layout--bottom"},X={key:1,"data-qa":"dt-item-layout-right-wrapper",class:"dt-item-layout--right"},J={key:2,"data-qa":"dt-item-layout-selected-wrapper",class:"dt-item-layout--selected"};function Q(e,o,n,a,i,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.as),{class:"dt-item-layout"},{default:t.withCtx(()=>[e.$slots.left?(t.openBlock(),t.createElementBlock("section",U,[t.renderSlot(e.$slots,"left",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("section",G,[e.$slots.default?(t.openBlock(),t.createElementBlock("div",Y,[t.renderSlot(e.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.$slots.subtitle?(t.openBlock(),t.createElementBlock("div",{key:1,"data-qa":"dt-item-layout-subtitle-wrapper",class:t.normalizeClass(["dt-item-layout--subtitle",{"d-mtn2":e.$slots.default}])},[t.renderSlot(e.$slots,"subtitle",{},void 0,!0)],2)):t.createCommentVNode("",!0),e.$slots.bottom?(t.openBlock(),t.createElementBlock("div",Z,[t.renderSlot(e.$slots,"bottom",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.$slots.right?(t.openBlock(),t.createElementBlock("section",X,[t.renderSlot(e.$slots,"right",{},void 0,!0)])):t.createCommentVNode("",!0),e.$slots.selected?(t.openBlock(),t.createElementBlock("section",J,[t.renderSlot(e.$slots,"selected",{},void 0,!0)])):t.createCommentVNode("",!0)]),_:3})}const f=l._export_sfc(j,[["render",Q],["__scopeId","data-v-9afad3c4"]]);const ee={name:"DtListItem",components:{DtItemLayout:f,DtIcon:l.DtIcon},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return l.utils.getUniqueString()}},role:{type:String,default:"listitem"},elementType:{type:String,default:"li"},type:{type:String,default:m.DEFAULT,validator:e=>Object.values(m).includes(e)},navigationType:{type:String,default:p.NONE,validator:e=>Object.values(p).includes(e)},selected:{type:Boolean,default:!1}},emits:["keydown","mousemove","mouseleave","mousedown"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case m.DEFAULT:return f;default:return null}},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===p.TAB},isHoverable(){return this.navigationType!==p.NONE}},methods:{onClick(e){this.$emit("click",e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function te(e,o,n,a,i,s){const r=t.resolveComponent("dt-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.elementType),t.mergeProps({id:n.id,class:["dt-list-item",{"dt-list-item--focusable":s.isFocusable,"dt-list-item--highlighted":s.isHighlighted,"dt-list-item--static":!s.isHoverable}],tabindex:s.isFocusable?0:-1,role:n.role,"aria-selected":s.isHighlighted},t.toHandlers(s.listItemListeners)),{default:t.withCtx(()=>[s.listItemType?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.listItemType),{key:0},t.createSlots({_:2},[t.renderList(e.$slots,(c,u)=>({name:u,fn:t.withCtx(()=>[t.renderSlot(e.$slots,u)])})),n.selected?{name:"selected",fn:t.withCtx(()=>[t.createVNode(r,{name:"check",size:"400",class:"dt-list-item--selected-icon"})]),key:"0"}:void 0]),1024)):t.renderSlot(e.$slots,"default",{key:1})]),_:3},16,["id","class","tabindex","role","aria-selected"])}const oe=l._export_sfc(ee,[["render",te]]),y={none:void 0,small:"d-p4",medium:"d-p8",large:"d-p16"},k={none:void 0,small:"d-pl4",medium:"d-pl8",large:"d-pl16"},O=["dialog","menu","listbox","tree","grid"],w=["","anchor"],P=["none","dialog","first"],B=["parent","body"],ne=[...l.TIPPY_STICKY_VALUES],se={name:"PopoverHeaderFooter",components:{DtButton:l.DtButton,DtIcon:l.DtIcon},props:{type:{type:String,validator:function(e){return["header","footer"].includes(e)}},contentClass:{type:[String,Array,Object],default:""},showCloseButton:{type:Boolean,default:!1},closeButtonProps:{type:Object,default:()=>{}}},emits:["close"],data(){return{hasSlotContent:l.hasSlotContent}},methods:{focusCloseButton(){var o;const e=(o=this.$refs["popover__close-button"])==null?void 0:o.$el;e==null||e.focus()}}};function ie(e,o,n,a,i,s){const r=t.resolveComponent("dt-icon"),c=t.resolveComponent("dt-button");return t.openBlock(),t.createElementBlock("div",{"data-qa":"dt-popover-header-footer",class:t.normalizeClass({"d-popover__header":n.type==="header","d-popover__footer":n.type==="footer"})},[i.hasSlotContent(e.$slots.content)?(t.openBlock(),t.createElementBlock("div",{key:0,"data-qa":"dt-popover-header-footer-content",class:t.normalizeClass(["d-to-ellipsis","d-w100p",n.contentClass])},[t.renderSlot(e.$slots,"content")],2)):t.createCommentVNode("",!0),n.showCloseButton?(t.openBlock(),t.createBlock(c,t.mergeProps({key:1,ref:"popover__close-button","data-qa":"dt-popover-close",class:"d-p6 d-mr6 d-bc-transparent",importance:"outlined",kind:"muted",circle:""},n.closeButtonProps,{onClick:o[0]||(o[0]=u=>e.$emit("close"))}),{icon:t.withCtx(()=>[t.createVNode(r,{name:"close",size:"300"})]),_:1},16)):t.createCommentVNode("",!0)],2)}const le=l._export_sfc(se,[["render",ie]]);const ae={name:"DtPopover",components:{SrOnlyCloseButton:v,DtLazyShow:l.DtLazyShow,PopoverHeaderFooter:le},mixins:[S,h],props:{open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},elementType:{type:String,default:"div"},transition:{type:String,default:"fade"},role:{type:String,default:"dialog",validator:e=>O.includes(e)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},closeButtonProps:{type:Object,default:()=>({})},padding:{type:String,default:"large",validator:e=>Object.keys(y).some(o=>o===e)},contentClass:{type:[String,Array,Object],default:""},contentWidth:{type:String,default:"",validator:e=>w.includes(e)},contentAppear:{type:Boolean,default:null},contentTabindex:{type:Number||null,default:-1},externalAnchor:{type:String,default:""},id:{type:String,default(){return l.getUniqueString()}},offset:{type:Array,default:()=>[0,4]},hideOnClick:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"bottom-end"},tether:{type:Boolean,default:!0},sticky:{type:[Boolean,String],default:!1,validator:e=>ne.includes(e)},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},showCloseButton:{type:Boolean,default:!1},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""},dialogClass:{type:[String,Array,Object],default:""},initialFocusElement:{type:[String,HTMLElement],default:"first",validator:e=>P.includes(e)||e instanceof HTMLElement||e.startsWith("#")},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>B.includes(e)||e instanceof HTMLElement}},emits:["keydown","update:open","opened"],data(){return{POPOVER_PADDING_CLASSES:y,POPOVER_HEADER_FOOTER_PADDING_CLASSES:k,intersectionObserver:null,isOutsideViewport:!1,isOpen:!1,toAppear:!1,anchorEl:null,popoverContentEl:null,hasSlotContent:l.hasSlotContent}},computed:{popoverListeners(){return{keydown:e=>{this.onKeydown(e)},"after-leave":e=>{this.onLeaveTransitionComplete()},"after-enter":e=>{this.onEnterTransitionComplete()}}},calculatedMaxHeight(){return this.isOutsideViewport&&this.modal?"calc(100vh - var(--dt-space-300))":this.maxHeight},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&l.getUniqueString("DtPopover__anchor")}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}},modal(e){var o;(o=this.tip)==null||o.setProps({zIndex:e?650:this.calculateAnchorZindex()})},offset(e){var o;(o=this.tip)==null||o.setProps({offset:e})},sticky(e){var o;(o=this.tip)==null||o.setProps({sticky:e})},fallbackPlacements(){var e;(e=this.tip)==null||e.setProps({popperOptions:this.popperOptions()})},tether(){var e;(e=this.tip)==null||e.setProps({popperOptions:this.popperOptions()})},placement(e){var o;(o=this.tip)==null||o.setProps({placement:e})},open:{handler:function(e){e!==null&&(this.isOpen=e),e===!0&&(this.toAppear=!0)},immediate:!0},contentAppear:{handler:function(e){e!==null&&(this.toAppear=e)}},isOpen(e,o){e?(this.initTippyInstance(),this.tip.show()):!e&&o!==e&&(this.removeEventListeners(),this.tip.hide())}},mounted(){const e=this.externalAnchor?this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`):null;this.anchorEl=e??this.$refs.anchor.children[0],this.popoverContentEl=this.$refs.content.$el,this.isOpen&&(this.initTippyInstance(),this.tip.show()),this.intersectionObserver=new IntersectionObserver(this.hasIntersectedViewport),this.intersectionObserver.observe(this.popoverContentEl)},beforeUnmount(){var e;(e=this.tip)==null||e.destroy(),this.intersectionObserver.disconnect(),this.removeReferences(),this.removeEventListeners()},methods:{hasIntersectedViewport(e){var a;const o=(a=e==null?void 0:e[0])==null?void 0:a.target;if(!o)return;const n=l.isOutOfViewPort(o);this.isOutsideViewport=n.bottom||n.top},popperOptions(){return l.getPopperOptions({fallbackPlacements:this.fallbackPlacements,tether:this.tether,hasHideModifierEnabled:!0})},validateProps(){this.modal&&this.initialFocusElement==="none"&&console.error('If the popover is modal you must set the initialFocusElement prop. Possible values: "dialog", "first", HTMLElement')},calculateAnchorZindex(){var e;return this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')||(e=this.anchorEl)!=null&&e.closest(".d-zi-drawer")?650:300},defaultToggleOpen(e){var o,n,a;if(!this.openOnContext&&(this.open===null||this.open===void 0)){if(!((o=this.anchorEl)!=null&&o.contains(e.target))&&!((n=this.anchorEl)!=null&&n.isEqualNode(e.target))||(a=this.anchorEl)!=null&&a.disabled)return;this.toggleOpen()}},async onContext(e){this.openOnContext&&(e.preventDefault(),this.isOpen=!0,await this.$nextTick(),this.tip.setProps({placement:"right-start",getReferenceClientRect:()=>({width:0,height:0,top:e.clientY,bottom:e.clientY,left:e.clientX,right:e.clientX})}))},toggleOpen(){this.isOpen=!this.isOpen},onArrowKeyPress(e){var o;this.open===null&&(this.openWithArrowKeys&&((o=this.anchorEl)!=null&&o.contains(e.target))&&(this.isOpen||(this.isOpen=!0)),this.$emit("keydown",e))},addEventListeners(){window.addEventListener("dt-popover-close",this.closePopover),this.contentWidth==="anchor"&&window.addEventListener("resize",this.onResize)},removeEventListeners(){window.removeEventListener("dt-popover-close",this.closePopover),this.contentWidth==="anchor"&&window.removeEventListener("resize",this.onResize)},closePopover(){this.isOpen=!1},preventScrolling(){var e;if(this.modal){const o=(e=this.anchorEl)==null?void 0:e.closest("body, .tippy-box");o.tagName.toLowerCase()==="body"?(o.classList.add("d-of-hidden"),this.tip.setProps({offset:this.offset})):o.classList.add("d-zi-popover")}},enableScrolling(){var o,n;const e=(o=this.anchorEl)==null?void 0:o.closest("body, .tippy-box");e&&(((n=e.tagName)==null?void 0:n.toLowerCase())==="body"?(e.classList.remove("d-of-hidden"),this.tip.setProps({offset:this.offset})):e.classList.remove("d-zi-popover"))},removeReferences(){this.anchorEl=null,this.popoverContentEl=null,this.tip=null},async onShow(){this.contentWidth==="anchor"&&await this.setPopoverContentAnchorWidth(),this.contentWidth===null&&(this.popoverContentEl.style.width="auto"),this.addEventListeners()},async onLeaveTransitionComplete(){var e;this.modal&&(await this.focusFirstElement(this.$refs.anchor),await this.$nextTick(),this.enableScrolling()),(e=this.tip)==null||e.unmount(),this.$emit("opened",!1),this.open!==null&&this.$emit("update:open",!1)},async onEnterTransitionComplete(){this.focusInitialElement(),await this.$nextTick(),this.preventScrolling(),this.$emit("opened",!0,this.$refs.popover__content),this.open!==null&&this.$emit("update:open",!0)},focusInitialElement(){this.initialFocusElement==="dialog"&&this.$refs.content.$el.focus(),this.initialFocusElement.startsWith("#")&&this.focusInitialElementById(),this.initialFocusElement==="first"&&this.focusFirstElementIfNeeded(this.$refs.popover__content),this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},focusInitialElementById(){var o,n,a;const e=(n=(o=this.$refs.content)==null?void 0:o.$el)==null?void 0:n.querySelector(this.initialFocusElement);e?e.focus():console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.'),e?e.focus():(a=this.$refs.content)==null||a.$el.focus()},onResize(){this.closePopover()},onClickOutside(){if(!this.hideOnClick)return;this.popoverContentEl.querySelector(".d-popover__anchor--opened")||this.closePopover()},onKeydown(e){e.key==="Tab"&&this.modal&&this.focusTrappedTabPress(e,this.popoverContentEl),e.key==="Escape"&&this.closePopover(),this.$emit("keydown",e)},async setPopoverContentAnchorWidth(){var e;await this.$nextTick(),this.popoverContentEl.style.width=`${(e=this.anchorEl)==null?void 0:e.clientWidth}px`},focusFirstElementIfNeeded(e){var n,a;this._getFocusableElements(e,!0).length!==0?this.focusFirstElement(e):this.showCloseButton?(n=this.$refs.popover__header)==null||n.focusCloseButton():(a=this.$refs.content)==null||a.$el.focus()},initTippyInstance(){var e,o;this.tip=l.createTippy(this.anchorEl,{popperOptions:this.popperOptions(),contentElement:this.popoverContentEl,placement:this.placement,offset:this.offset,sticky:this.sticky,appendTo:this.appendTo==="body"?(o=(e=this.anchorEl)==null?void 0:e.getRootNode())==null?void 0:o.querySelector("body"):this.appendTo,interactive:!0,trigger:"manual",hideOnClick:!1,zIndex:this.modal?650:this.calculateAnchorZindex(),onClickOutside:this.onClickOutside,onShow:this.onShow})}}},re=["aria-hidden"],de=["id","tabindex"];function ce(e,o,n,a,i,s){const r=t.resolveComponent("popover-header-footer"),c=t.resolveComponent("sr-only-close-button"),u=t.resolveComponent("dt-lazy-show");return t.openBlock(),t.createElementBlock("div",null,[n.modal&&i.isOpen?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:"body"},[t.createElementVNode("div",{class:"d-modal--transparent","aria-hidden":n.modal&&i.isOpen?"false":"true",onClick:o[0]||(o[0]=t.withModifiers(()=>{},["prevent","stop"]))},null,8,re)])):t.createCommentVNode("",!0),(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.elementType),{ref:"popover",class:t.normalizeClass(["d-popover",{"d-popover__anchor--opened":i.isOpen}]),"data-qa":"dt-popover-container"},{default:t.withCtx(()=>[t.createElementVNode("div",{id:!n.ariaLabelledby&&s.labelledBy,ref:"anchor","data-qa":"dt-popover-anchor",tabindex:n.openOnContext?0:void 0,onClickCapture:o[1]||(o[1]=(...d)=>s.defaultToggleOpen&&s.defaultToggleOpen(...d)),onContextmenu:o[2]||(o[2]=(...d)=>s.onContext&&s.onContext(...d)),onKeydown:[o[3]||(o[3]=t.withKeys(t.withModifiers((...d)=>s.onArrowKeyPress&&s.onArrowKeyPress(...d),["prevent"]),["up"])),o[4]||(o[4]=t.withKeys(t.withModifiers((...d)=>s.onArrowKeyPress&&s.onArrowKeyPress(...d),["prevent"]),["down"])),o[6]||(o[6]=t.withKeys(d=>e.$emit("keydown",d),["enter"])),o[7]||(o[7]=t.withKeys(d=>e.$emit("keydown",d),["space"]))],onKeydownCapture:o[5]||(o[5]=t.withKeys((...d)=>s.closePopover&&s.closePopover(...d),["escape"]))},[t.renderSlot(e.$slots,"anchor",{attrs:{"aria-expanded":i.isOpen.toString(),"aria-controls":n.id,"aria-haspopup":n.role}})],40,de),t.createVNode(u,t.mergeProps({id:n.id,ref:"content",role:n.role,"data-qa":"dt-popover","aria-hidden":`${!i.isOpen}`,"aria-labelledby":s.labelledBy,"aria-label":n.ariaLabel,"aria-modal":`${!n.modal}`,transition:n.transition,show:i.isOpen,appear:i.toAppear,class:["d-popover__dialog",{"d-popover__dialog--modal":n.modal},n.dialogClass],style:{"max-height":s.calculatedMaxHeight,"max-width":n.maxWidth},css:e.$attrs.css,tabindex:n.contentTabindex},t.toHandlers(s.popoverListeners)),{default:t.withCtx(()=>[i.hasSlotContent(e.$slots.headerContent)||n.showCloseButton?(t.openBlock(),t.createBlock(r,{key:0,ref:"popover__header",class:t.normalizeClass(i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding]),"content-class":n.headerClass,type:"header","show-close-button":n.showCloseButton,"close-button-props":n.closeButtonProps,onClose:s.closePopover},{content:t.withCtx(()=>[t.renderSlot(e.$slots,"headerContent",{close:s.closePopover})]),_:3},8,["class","content-class","show-close-button","close-button-props","onClose"])):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"popover__content","data-qa":"dt-popover-content",class:t.normalizeClass(["d-popover__content",i.POPOVER_PADDING_CLASSES[n.padding],n.contentClass])},[t.renderSlot(e.$slots,"content",{close:s.closePopover})],2),i.hasSlotContent(e.$slots.footerContent)?(t.openBlock(),t.createBlock(r,{key:1,ref:"popover__footer",type:"footer",class:t.normalizeClass(i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding]),"content-class":n.footerClass},{content:t.withCtx(()=>[t.renderSlot(e.$slots,"footerContent",{close:s.closePopover})]),_:3},8,["class","content-class"])):t.createCommentVNode("",!0),e.showVisuallyHiddenClose?(t.openBlock(),t.createBlock(c,{key:2,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:s.closePopover},null,8,["visually-hidden-close-label","onClose"])):t.createCommentVNode("",!0)]),_:3},16,["id","role","aria-hidden","aria-labelledby","aria-label","aria-modal","transition","show","appear","class","style","css","tabindex"])]),_:3},8,["class"]))])}const ue=l._export_sfc(ae,[["render",ce]]),pe={name:"DtNotice",components:{DtNoticeIcon:C,DtNoticeContent:b,DtNoticeAction:g},mixins:[h],props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:""},role:{type:String,default:"status",validate(e){return I.includes(e)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(e){return _.includes(e)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close","click"],computed:{noticeClass(){return["d-notice",{error:"d-notice--error",info:"d-notice--info",success:"d-notice--success",warning:"d-notice--warning",base:"d-notice--base"}[this.kind],{"d-notice--important":this.important}]}}};function he(e,o,n,a,i,s){const r=t.resolveComponent("dt-notice-icon"),c=t.resolveComponent("dt-notice-content"),u=t.resolveComponent("dt-notice-action");return t.openBlock(),t.createElementBlock("aside",{class:t.normalizeClass(s.noticeClass),"data-qa":"notice"},[t.createVNode(r,{kind:n.kind},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),_:3},8,["kind"]),t.createVNode(c,{"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},{titleOverride:t.withCtx(()=>[t.renderSlot(e.$slots,"titleOverride")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["title-id","content-id","title","role"]),t.createVNode(u,{"hide-close":n.hideClose,"close-button-props":n.closeButtonProps,"visually-hidden-close":e.visuallyHiddenClose,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:o[0]||(o[0]=d=>e.$emit("close"))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"action")]),_:3},8,["hide-close","close-button-props","visually-hidden-close","visually-hidden-close-label"])],2)}const me=l._export_sfc(pe,[["render",he]]);exports.DtItemLayout=f;exports.DtListItem=oe;exports.DtNotice=me;exports.DtNoticeAction=g;exports.DtNoticeContent=b;exports.DtNoticeIcon=C;exports.DtPopover=ue;exports.LIST_ITEM_NAVIGATION_TYPES=p;exports.Modal=S;exports.NOTICE_KINDS=_;exports.POPOVER_APPEND_TO_VALUES=B;exports.POPOVER_CONTENT_WIDTHS=w;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=k;exports.POPOVER_INITIAL_FOCUS_STRINGS=P;exports.POPOVER_PADDING_CLASSES=y;exports.POPOVER_ROLES=O;exports.SrOnlyCloseButton=v;exports.SrOnlyCloseButtonMixin=h;