@dialpad/dialtone 9.4.0 → 9.4.1

package/dist/vue2/{stack-DRdhbSNl.js → stack-klSxDym-.js}

@@ -1,17 +1,17 @@
-import { n as a, g, a as P, u as x, b as $, B as L, c as D, i as R, d as N, e as F } from "./tooltip-PDBwUvGD.js";
-import { t as p, I as V, L as z, w as H, x as C } from "./emoji-BMxSCSLg.js";
+import { n as a, g as _, a as $, u as k, b as L, B as x, c as D, i as R, d as N, e as F } from "./tooltip-PDBwUvGD.js";
+import { t as V, w as p, I as H, L as B, x as q, y as I } from "./emoji-k30EufQP.js";
 import u from "vue";
 const r = {
   BUSY: "busy",
   AWAY: "away",
   OFFLINE: "offline",
   ACTIVE: "active"
-}, B = [
+}, M = [
   r.BUSY,
   r.AWAY,
   r.OFFLINE,
   r.ACTIVE
-], q = {
+], z = {
   name: "DtPresence",
   props: {
     /**
@@ -22,7 +22,7 @@ const r = {
     presence: {
       type: String,
       default: r.ACTIVE,
-      validator: (t) => B.includes(t)
+      validator: (t) => M.includes(t)
     },
     /**
      * Since Presence is a visual element, we need SRs to read out any state changes
@@ -43,42 +43,42 @@ var j = function() {
     "d-presence__inner--busy": e.presence === "busy",
     "d-presence__inner--offline": e.presence === "offline"
   } })]);
-}, M = [], K = /* @__PURE__ */ a(
-  q,
+}, K = [], W = /* @__PURE__ */ a(
+  z,
   j,
-  M,
+  K,
   !1,
   null,
   null,
   null,
   null
 );
-const W = K.exports, f = {
+const G = W.exports, f = {
   xs: "d-avatar--xs",
   sm: "d-avatar--sm",
   md: "d-avatar--md",
   lg: "d-avatar--lg",
   xl: "d-avatar--xl"
-}, G = {
+}, U = {
   default: "",
   icon: "d-avatar__icon",
   initials: "d-avatar__initials"
-}, U = {
+}, Y = {
   md: "d-avatar__presence--md",
   lg: "d-avatar__presence--lg"
-}, _ = {
+}, g = {
   NONE: "",
   BUSY: "busy",
   AWAY: "away",
   OFFLINE: "offline",
   ACTIVE: "active"
-}, Y = {
+}, Z = {
   xs: "100",
   sm: "200",
   md: "300",
   lg: "500",
   xl: "600"
-}, Z = [
+}, X = [
   "100",
   "200",
   "300",
@@ -97,558 +97,18 @@ const W = K.exports, f = {
   "1600",
   "1700",
   "1800"
-], b = (t) => t > 1, X = [
-  "accessibility",
-  "activity",
-  "add-task",
-  "agent-assist",
-  "ai-notes",
-  "airplay",
-  "airtable",
-  "alarm-check",
-  "alarm-clock-off",
-  "alarm-minus",
-  "alarm-plus",
-  "album",
-  "alert-circle",
-  "alert-triangle",
-  "amex",
-  "app-store-badge",
-  "apple",
-  "archive",
-  "archive-restore",
-  "arrow-down",
-  "arrow-down-left",
-  "arrow-down-right",
-  "arrow-left",
-  "arrow-left-right",
-  "arrow-right",
-  "arrow-up",
-  "arrow-up-down",
-  "arrow-up-left",
-  "arrow-up-right",
-  "asana",
-  "asterisk",
-  "at-sign",
-  "ata-adapter",
-  "attestation",
-  "attestation-outline",
-  "axis-3d",
-  "bar-chart",
-  "bar-chart-2",
-  "bar-chart-3",
-  "bar-chart-4",
-  "bar-chart-horizontal",
-  "barge",
-  "baseline",
-  "battery",
-  "battery-charging",
-  "battery-full",
-  "battery-low",
-  "battery-medium",
-  "bell",
-  "bell-minus",
-  "bell-off",
-  "bell-plus",
-  "bell-ring",
-  "binary",
-  "bluetooth",
-  "bluetooth-connected",
-  "bluetooth-off",
-  "bluetooth-searching",
-  "blur-background",
-  "bold",
-  "book",
-  "book-open",
-  "bookmark",
-  "bookmark-minus",
-  "bookmark-plus",
-  "box",
-  "box-select",
-  "boxes",
-  "branch",
-  "brand-dialpad",
-  "brand-dialpad-meetings",
-  "briefcase",
-  "building",
-  "building-2",
-  "bullhorn",
-  "calculator",
-  "calendar",
-  "calendar-check",
-  "calendar-check-2",
-  "calendar-clock",
-  "calendar-days",
-  "calendar-heart",
-  "calendar-minus",
-  "calendar-off",
-  "calendar-plus",
-  "calendar-range",
-  "calendar-search",
-  "calendar-x",
-  "call-abandoned",
-  "call-merge",
-  "call-rejected",
-  "camera",
-  "camera-off",
-  "camera-tracking",
-  "cast",
-  "check",
-  "check-circle",
-  "check-circle-filled",
-  "chevron-down",
-  "chevron-first",
-  "chevron-last",
-  "chevron-left",
-  "chevron-right",
-  "chevron-up",
-  "chevrons-down",
-  "chevrons-down-up",
-  "chevrons-left",
-  "chevrons-left-right",
-  "chevrons-right",
-  "chevrons-right-left",
-  "chevrons-up",
-  "chevrons-up-down",
-  "circle-half-filled",
-  "circle-slashed",
-  "clipboard",
-  "clipboard-check",
-  "clipboard-copy",
-  "clipboard-edit",
-  "clipboard-list",
-  "clipboard-signature",
-  "clipboard-type",
-  "clipboard-x",
-  "clock",
-  "clock-1",
-  "clock-10",
-  "clock-11",
-  "clock-12",
-  "clock-2",
-  "clock-3",
-  "clock-4",
-  "clock-5",
-  "clock-6",
-  "clock-7",
-  "clock-8",
-  "clock-9",
-  "clockify",
-  "close",
-  "cloud",
-  "cloud-cog",
-  "cloud-drizzle",
-  "cloud-fog",
-  "cloud-hail",
-  "cloud-lightning",
-  "cloud-moon",
-  "cloud-moon-rain",
-  "cloud-off",
-  "cloud-rain",
-  "cloud-rain-wind",
-  "cloud-snow",
-  "cloud-sun",
-  "cloud-sun-rain",
-  "cloudy",
-  "coaching-hub",
-  "code",
-  "command",
-  "concierge-bell",
-  "contacts",
-  "copper-crm",
-  "copy",
-  "copyright",
-  "corner-down-left",
-  "corner-down-right",
-  "corner-left-down",
-  "corner-left-up",
-  "corner-right-down",
-  "corner-right-up",
-  "corner-up-left",
-  "corner-up-right",
-  "cpu",
-  "credit-card",
-  "dash",
-  "dect-base-station",
-  "dect-handset",
-  "delete",
-  "deskphone",
-  "dialbot",
-  "dialer",
-  "dialpad-ai",
-  "dialpad-ai-color",
-  "dialpad-logomark",
-  "digital-whisper",
-  "diners-club",
-  "discover",
-  "dissatisfied",
-  "double-check",
-  "download",
-  "download-cloud",
-  "dp-phone",
-  "edit",
-  "edit-2",
-  "empty",
-  "end-chat",
-  "equal",
-  "eraser",
-  "evernote",
-  "expand",
-  "expert-node",
-  "external-link",
-  "eye",
-  "eye-off",
-  "facebook",
-  "factory",
-  "fast-forward",
-  "file",
-  "file-audio",
-  "files",
-  "film",
-  "filter",
-  "fingerprint",
-  "flag",
-  "flag-off",
-  "flame",
-  "focus",
-  "folder",
-  "folder-tree",
-  "folders",
-  "food",
-  "form-input",
-  "forward",
-  "freshsales-crm",
-  "front",
-  "gamepad",
-  "gauge",
-  "gif-filled",
-  "gif-outline",
-  "giphy",
-  "globe-2",
-  "gmail",
-  "google-business-messaging",
-  "google-calendar",
-  "google-docs",
-  "google-drive",
-  "google-glyph",
-  "google-sheets",
-  "google-slides",
-  "greenhouse",
-  "grid",
-  "grip-horizontal",
-  "grip-vertical",
-  "hand",
-  "hard-drive",
-  "hash",
-  "hash-bold",
-  "haze",
-  "hd",
-  "headphones",
-  "hear",
-  "heart",
-  "help-circle",
-  "highfive",
-  "history",
-  "hold",
-  "home",
-  "hourglass",
-  "hubspot",
-  "image",
-  "import",
-  "inbox",
-  "indent",
-  "infinity",
-  "info",
-  "inspect",
-  "instagram",
-  "intercom",
-  "isolated-queries",
-  "italic",
-  "jcb",
-  "jira-service-desk",
-  "key",
-  "keyboard",
-  "keypad",
-  "languages",
-  "laptop-2",
-  "large-self-view",
-  "layout",
-  "layout-dashboard",
-  "layout-filmstrip",
-  "layout-grid",
-  "layout-template",
-  "library",
-  "life-buoy",
-  "lightbulb",
-  "lightbulb-off",
-  "lightning-bolt",
-  "line-chart",
-  "line-messenger",
-  "link-2",
-  "link-2-off",
-  "linkedin",
-  "list-add",
-  "list-bullet",
-  "list-checks",
-  "list-ordered",
-  "listen",
-  "listen",
-  "listening",
-  "live-queue",
-  "living-thing",
-  "loading",
-  "lock",
-  "lock-filled",
-  "log-in",
-  "log-out",
-  "maestro",
-  "mail",
-  "mail-open",
-  "mails",
-  "map",
-  "map-pin",
-  "mastercard",
-  "maximize",
-  "megaphone",
-  "megaphone-off",
-  "menu",
-  "message",
-  "messenger",
-  "mic",
-  "mic-off",
-  "microsoft",
-  "microsoft-dynamics-365",
-  "microsoft-teams",
-  "minimize",
-  "minimize-alt",
-  "minus-circle",
-  "miro",
-  "monday-com",
-  "monitor",
-  "monitor-off",
-  "monitor-speaker",
-  "moon",
-  "more-horizontal",
-  "more-vertical",
-  "mouse",
-  "multi-line-dept",
-  "music",
-  "music-off",
-  "network",
-  "neutral",
-  "newspaper",
-  "not-enough-queries",
-  "notes",
-  "object",
-  "office-365",
-  "option",
-  "package",
-  "paperclip",
-  "park",
-  "party-popper",
-  "past-conversations",
-  "pause",
-  "pause-circle",
-  "phone",
-  "phone-call",
-  "phone-forward",
-  "phone-hang-up",
-  "phone-hang-up",
-  "phone-hold",
-  "phone-incoming",
-  "phone-missed",
-  "phone-off",
-  "phone-outgoing",
-  "picture-in-picture",
-  "pie-chart",
-  "pin",
-  "pin-off",
-  "pipedrive",
-  "play",
-  "play-circle",
-  "play-filled",
-  "play-store-badge",
-  "plug",
-  "plus",
-  "plus-circle",
-  "power",
-  "print-fax",
-  "printer",
-  "puzzle",
-  "qr-code",
-  "queries",
-  "quote",
-  "record",
-  "record-filled",
-  "redo",
-  "refresh",
-  "repeat",
-  "reply",
-  "reply-all",
-  "rewind",
-  "rewind-15-sec",
-  "salesforce-glyph",
-  "salesforce-logo",
-  "satisfied",
-  "save",
-  "scan",
-  "scan-face",
-  "scissors",
-  "screen-share-off",
-  "scroll",
-  "search",
-  "send",
-  "servicenow",
-  "settings",
-  "share",
-  "share-2",
-  "share-screen",
-  "sheet",
-  "shield",
-  "shield-alert",
-  "shield-check",
-  "shield-close",
-  "shield-off",
-  "shortcuts",
-  "shuffle",
-  "sidebar",
-  "sidebar-close",
-  "sidebar-open",
-  "signal-best",
-  "signal-high",
-  "signal-low",
-  "signal-medium",
-  "signal-zero",
-  "siren",
-  "skip-15-sec",
-  "skip-back",
-  "skip-back-ten",
-  "skip-forward",
-  "skip-forward-ten",
-  "slack",
-  "slash",
-  "sliders",
-  "sliders-horizontal",
-  "small-self-view",
-  "smartphone",
-  "smartphone-charging",
-  "snapchat",
-  "snooze",
-  "snowflake",
-  "somewhat-dissatisfied",
-  "somewhat-satisfied",
-  "sort-asc",
-  "sort-desc",
-  "sparkle",
-  "speaker",
-  "star",
-  "star-filled",
-  "sticker",
-  "stop-circle",
-  "stop-filled",
-  "strikethrough",
-  "sun",
-  "sun-dim",
-  "sun-medium",
-  "sunrise",
-  "sunset",
-  "switch-to-cellular",
-  "switch-to-hd",
-  "table",
-  "tag",
-  "tags",
-  "takeover",
-  "task",
-  "telegram",
-  "text-cursor",
-  "text-cursor-input",
-  "thermometer",
-  "thermometer-snowflake",
-  "thermometer-sun",
-  "thread",
-  "threads",
-  "thumbs-down",
-  "thumbs-up",
-  "tiktok",
-  "timer",
-  "timer-off",
-  "timer-reset",
-  "toggl",
-  "too-many-queries",
-  "tools",
-  "toy-brick",
-  "transfer",
-  "transfer-webchat",
-  "transportation",
-  "trash",
-  "trending-down",
-  "trending-up",
-  "triangle",
-  "twitter",
-  "type",
-  "umbrella",
-  "underline",
-  "undo-2",
-  "union-pay",
-  "unlink-2",
-  "unlock",
-  "unlock-filled",
-  "unread",
-  "upload",
-  "upload-cloud",
-  "usb",
-  "user",
-  "user-check",
-  "user-minus",
-  "user-plus",
-  "user-rematch",
-  "user-remove",
-  "users",
-  "very-dissatisfied",
-  "very-satisfied",
-  "viber",
-  "video",
-  "video-off",
-  "video-settings",
-  "visa",
-  "voicemail",
-  "voicemail-drop",
-  "volume",
-  "volume-1",
-  "volume-2",
-  "volume-x",
-  "waveform",
-  "we-chat",
-  "webcam",
-  "webchat",
-  "whatsapp",
-  "whisper",
-  "wifi",
-  "wifi-off",
-  "wind",
-  "x-brand",
-  "x-circle",
-  "zap-off",
-  "zendesk",
-  "zoho",
-  "zoho-crm",
-  "zoho-desk",
-  "zoom",
-  "zoom-in",
-  "zoom-logo",
-  "zoom-out"
-];
+], S = (t) => t > 1;
 function J() {
-  return [void 0, ...X];
+  return [void 0, ...V];
 }
 const Q = (t) => {
   if (typeof t != "string" || !t.trim())
     return "";
   const e = t.trim().split(/\s+/g);
-  return e.length === 1 ? e.join("").substring(0, 2) : e.filter((s, o) => o === 0 || o === e.length - 1).map((s) => s.slice(0, 1).toUpperCase()).join("");
+  return e.length === 1 ? e.join("").substring(0, 2) : e.filter((s, n) => n === 0 || n === e.length - 1).map((s) => s.slice(0, 1).toUpperCase()).join("");
 }, ee = J(), te = {
   name: "DtAvatar",
-  components: { DtPresence: W, DtIcon: p },
+  components: { DtPresence: G, DtIcon: p },
   inheritAttrs: !1,
   props: {
     /**
@@ -657,7 +117,7 @@ const Q = (t) => {
     id: {
       type: String,
       default() {
-        return g();
+        return _();
       }
     },
     /**
@@ -714,8 +174,8 @@ const Q = (t) => {
      */
     presence: {
       type: String,
-      default: _.NONE,
-      validator: (t) => Object.values(_).includes(t)
+      default: g.NONE,
+      validator: (t) => Object.values(g).includes(t)
     },
     /**
      * A set of props to be passed into the presence component.
@@ -732,7 +192,7 @@ const Q = (t) => {
     group: {
       type: Number,
       default: void 0,
-      validator: (t) => b(t)
+      validator: (t) => S(t)
     },
     /**
      * The icon that overlays the avatar
@@ -785,7 +245,7 @@ const Q = (t) => {
     iconSize: {
       type: String,
       default: "",
-      validator: (t) => !t || Object.keys(V).includes(t)
+      validator: (t) => !t || Object.keys(H).includes(t)
     },
     /**
      * Full name used to extract initials and set alt attribute.
@@ -815,9 +275,9 @@ const Q = (t) => {
   data() {
     return {
       AVATAR_SIZE_MODIFIERS: f,
-      AVATAR_KIND_MODIFIERS: G,
-      AVATAR_PRESENCE_SIZE_MODIFIERS: U,
-      AVATAR_ICON_SIZES: Y,
+      AVATAR_KIND_MODIFIERS: U,
+      AVATAR_PRESENCE_SIZE_MODIFIERS: Y,
+      AVATAR_ICON_SIZES: Z,
       imageLoadedSuccessfully: null,
       formattedInitials: "",
       initializing: !1
@@ -846,7 +306,7 @@ const Q = (t) => {
       ];
     },
     showGroup() {
-      return b(this.group);
+      return S(this.group);
     },
     formattedGroup() {
       return this.group > 99 ? "99+" : this.group;
@@ -899,7 +359,7 @@ const Q = (t) => {
       this.validatedSize === "xs" ? this.formattedInitials = "" : this.validatedSize === "sm" ? this.formattedInitials = t[0] : this.formattedInitials = t;
     },
     getColor() {
-      return this.color ?? P(Z, this.seed);
+      return this.color ?? $(X, this.seed);
     },
     _loadedImageEventHandler(t) {
       this.imageLoadedSuccessfully = !0, t.classList.remove("d-d-none");
@@ -926,17 +386,17 @@ var se = function() {
     "d-avatar__presence",
     e.AVATAR_PRESENCE_SIZE_MODIFIERS[e.size]
   ], attrs: { presence: e.presence, "data-qa": "dt-presence" } }, "dt-presence", e.presenceProps, !1)) : e._e()], 1);
-}, oe = [], ae = /* @__PURE__ */ a(
+}, ne = [], ae = /* @__PURE__ */ a(
   te,
   se,
-  oe,
+  ne,
   !1,
   null,
   null,
   null,
   null
 );
-const at = ae.exports, ne = {
+const at = ae.exports, oe = {
   name: "DtLink",
   props: {
     /**
@@ -947,7 +407,7 @@ const at = ae.exports, ne = {
       type: String,
       default: "",
       validator(t) {
-        return z.includes(t);
+        return B.includes(t);
       }
     }
   },
@@ -976,7 +436,7 @@ const at = ae.exports, ne = {
   ],
   data() {
     return {
-      LINK_KIND_MODIFIERS: H
+      LINK_KIND_MODIFIERS: q
     };
   }
 };
@@ -987,7 +447,7 @@ var ie = function() {
     e.LINK_KIND_MODIFIERS[e.kind]
   ], attrs: { "data-qa": "dt-link", href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)" } }, e.$listeners), [e._t("default")], 2);
 }, re = [], le = /* @__PURE__ */ a(
-  ne,
+  oe,
   ie,
   re,
   !1,
@@ -996,7 +456,7 @@ var ie = function() {
   null,
   null
 );
-const nt = le.exports, ce = {
+const ot = le.exports, de = {
   props: {
     /**
      * If true, a hidden close button is included for screen readers
@@ -1035,11 +495,11 @@ const nt = le.exports, ce = {
            a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);
     }
   }
-}, de = {
+}, ce = {
   name: "SrOnlyCloseButton",
   components: {
     DtIcon: p,
-    DtButton: C
+    DtButton: I
   },
   props: {
     /**
@@ -1060,11 +520,11 @@ const nt = le.exports, ce = {
 };
 var ue = function() {
   var e = this, s = e._self._c;
-  return s("dt-button", { staticClass: "d-vi-visible-sr", attrs: { id: "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": e.visuallyHiddenCloseLabel }, on: { click: e.close, keydown: function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "space", 32, o.key, [" ", "Spacebar"]) ? null : (o.preventDefault(), o.stopPropagation(), e.close.apply(null, arguments));
+  return s("dt-button", { staticClass: "d-vi-visible-sr", attrs: { id: "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": e.visuallyHiddenCloseLabel }, on: { click: e.close, keydown: function(n) {
+    return !n.type.indexOf("key") && e._k(n.keyCode, "space", 32, n.key, [" ", "Spacebar"]) ? null : (n.preventDefault(), n.stopPropagation(), e.close.apply(null, arguments));
   } } }, [s("dt-icon", { attrs: { name: "close" } })], 1);
 }, pe = [], fe = /* @__PURE__ */ a(
-  de,
+  ce,
   ue,
   pe,
   !1,
@@ -1073,7 +533,7 @@ var ue = function() {
   null,
   null
 );
-const he = fe.exports, O = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', me = `${O}:not([tabindex="-1"])`, ge = "button,[href],input,select,textarea,details,[tabindex]", ye = {
+const he = fe.exports, T = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', me = `${T}:not([tabindex="-1"])`, _e = "button,[href],input,select,textarea,details,[tabindex]", ye = {
   methods: {
     /**
      * get the first focusable element in your component, includes tabindex="-1".
@@ -1127,9 +587,9 @@ const he = fe.exports, O = ':not(:disabled):not([aria-disabled="true"]):not([rol
      * @param {bool} includeNegativeTabIndex - will include tabindex="-1" in the list of focusable elements.
      */
     _getFocusableElements(t = this.$el, e = !1) {
-      return t ? [...t.querySelectorAll(ge)].filter((o) => {
-        const n = window.getComputedStyle(o);
-        return n.getPropertyValue("display") !== "none" && n.getPropertyValue("visibility") !== "hidden" && o.matches(e ? O : me);
+      return t ? [...t.querySelectorAll(_e)].filter((n) => {
+        const o = window.getComputedStyle(n);
+        return o.getPropertyValue("display") !== "none" && o.getPropertyValue("visibility") !== "hidden" && n.matches(e ? T : me);
       }) : [];
     },
     /**
@@ -1141,19 +601,19 @@ const he = fe.exports, O = ':not(:disabled):not([aria-disabled="true"]):not([rol
     focusTrappedTabPress(t, e) {
       if (!(t.key === "Tab"))
         return;
-      const o = this._getFocusableElements(e);
-      if (!o.length) {
+      const n = this._getFocusableElements(e);
+      if (!n.length) {
         t.preventDefault();
         return;
       }
-      const n = this._getFirstFocusElement(o), v = o[o.length - 1];
-      t.shiftKey ? document.activeElement === n && (v.focus(), t.preventDefault()) : document.activeElement === v && (n.focus(), t.preventDefault());
+      const o = this._getFirstFocusElement(n), v = n[n.length - 1];
+      t.shiftKey ? document.activeElement === o && (v.focus(), t.preventDefault()) : document.activeElement === v && (o.focus(), t.preventDefault());
     }
   }
 }, h = {
   DEFAULT: "default",
   CUSTOM: "custom"
-}, c = {
+}, d = {
   ARROW_KEYS: "arrow-keys",
   TAB: "tab",
   NONE: "none"
@@ -1169,23 +629,23 @@ const he = fe.exports, O = ':not(:disabled):not([aria-disabled="true"]):not([rol
     }
   }
 };
-var _e = function() {
+var ge = function() {
   var e = this, s = e._self._c;
   return s(e.as, { tag: "component", staticClass: "dt-item-layout" }, [e.$slots.left ? s("section", { staticClass: "dt-item-layout--left", attrs: { "data-qa": "dt-item-layout-left-wrapper" } }, [e._t("left")], 2) : e._e(), s("section", { staticClass: "dt-item-layout--content", attrs: { "data-qa": "dt-item-layout-content-wrapper" } }, [e.$slots.default ? s("div", { staticClass: "dt-item-layout--title", attrs: { "data-qa": "dt-item-layout-title-wrapper" } }, [e._t("default")], 2) : e._e(), e.$slots.subtitle ? s("div", { class: ["dt-item-layout--subtitle", { "dt-item-layout--subtitle--with-title": e.$slots.default }], attrs: { "data-qa": "dt-item-layout-subtitle-wrapper" } }, [e._t("subtitle")], 2) : e._e(), e.$slots.bottom ? s("div", { staticClass: "dt-item-layout--bottom", attrs: { "data-qa": "dt-item-layout-bottom-wrapper" } }, [e._t("bottom")], 2) : e._e()]), e.$slots.right ? s("section", { staticClass: "dt-item-layout--right", attrs: { "data-qa": "dt-item-layout-right-wrapper" } }, [e._t("right")], 2) : e._e(), e.$slots.selected ? s("section", { staticClass: "dt-item-layout--selected", attrs: { "data-qa": "dt-item-layout-selected-wrapper" } }, [e._t("selected")], 2) : e._e()]);
-}, be = [], Se = /* @__PURE__ */ a(
+}, Se = [], Ee = /* @__PURE__ */ a(
   ve,
-  _e,
-  be,
+  ge,
+  Se,
   !1,
   null,
   "411cb81e",
   null,
   null
 );
-const S = Se.exports, Ee = {
+const E = Ee.exports, be = {
   name: "DtListItem",
   components: {
-    DtItemLayout: S,
+    DtItemLayout: E,
     DtIcon: p
   },
   /**
@@ -1201,7 +661,7 @@ const S = Se.exports, Ee = {
     id: {
       type: String,
       default() {
-        return x.getUniqueString();
+        return k.getUniqueString();
       }
     },
     /**
@@ -1236,8 +696,8 @@ const S = Se.exports, Ee = {
      */
     navigationType: {
       type: String,
-      default: c.NONE,
-      validator: (t) => Object.values(c).includes(t)
+      default: d.NONE,
+      validator: (t) => Object.values(d).includes(t)
     },
     /**
      * Applies selected styles to the list item
@@ -1287,7 +747,7 @@ const S = Se.exports, Ee = {
     listItemType() {
       switch (this.type) {
         case h.DEFAULT:
-          return S;
+          return E;
         default:
           return null;
       }
@@ -1314,13 +774,13 @@ const S = Se.exports, Ee = {
       return this.isHoverable ? this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted : !1;
     },
     isFocusable() {
-      return this.navigationType === c.TAB;
+      return this.navigationType === d.TAB;
     },
     /**
      * Whether to apply hover styles.
      */
     isHoverable() {
-      return this.navigationType !== c.NONE;
+      return this.navigationType !== d.NONE;
     }
   },
   methods: {
@@ -1335,69 +795,69 @@ const S = Se.exports, Ee = {
     }
   }
 };
-var ke = function() {
+var Ce = function() {
   var e = this, s = e._self._c;
   return s(e.elementType, e._g({ tag: "component", class: ["dt-list-item", {
     "dt-list-item--focusable": e.isFocusable,
     "dt-list-item--highlighted": e.isHighlighted,
     "dt-list-item--static": !e.isHoverable
-  }], attrs: { id: e.id, tabindex: e.isFocusable ? 0 : -1, role: e.role, "aria-selected": e.isHighlighted } }, e.listItemListeners), [e.listItemType ? s(e.listItemType, { tag: "component", scopedSlots: e._u([e._l(e.$slots, function(o, n) {
-    return { key: n, fn: function() {
-      return [e._t(n)];
+  }], attrs: { id: e.id, tabindex: e.isFocusable ? 0 : -1, role: e.role, "aria-selected": e.isHighlighted } }, e.listItemListeners), [e.listItemType ? s(e.listItemType, { tag: "component", scopedSlots: e._u([e._l(e.$slots, function(n, o) {
+    return { key: o, fn: function() {
+      return [e._t(o)];
     }, proxy: !0 };
   }), e.selected ? { key: "selected", fn: function() {
     return [s("dt-icon", { staticClass: "dt-list-item--selected-icon", attrs: { name: "check", size: "400" } })];
   }, proxy: !0 } : null], null, !0) }) : e._t("default")], 2);
-}, we = [], Ce = /* @__PURE__ */ a(
-  Ee,
-  ke,
-  we,
+}, Oe = [], Ie = /* @__PURE__ */ a(
+  be,
+  Ce,
+  Oe,
   !1,
   null,
   null,
   null,
   null
 );
-const it = Ce.exports, i = {
+const it = Ie.exports, i = {
   default: "column",
   column: "column",
   row: "row",
   "row-reverse": "row-reverse",
   "column-reverse": "column-reverse"
-}, I = ["sm", "md", "lg", "xl"], y = ["0", "100", "200", "300", "400", "500", "600"], E = {
+}, A = ["sm", "md", "lg", "xl"], y = ["0", "100", "200", "300", "400", "500", "600"], b = {
   none: void 0,
   small: "d-p4",
   medium: "d-p8",
   large: "d-p16"
-}, Oe = {
+}, Te = {
   none: void 0,
   small: "d-pl4",
   medium: "d-pl8",
   large: "d-pl16"
-}, Ie = ["dialog", "menu", "listbox", "tree", "grid"], Te = ["", "anchor"], Ae = ["none", "dialog", "first"], Pe = ["parent", "body"], xe = [
-  ...$
-], rt = [
+}, Ae = ["dialog", "menu", "listbox", "tree", "grid"], we = ["", "anchor"], Pe = ["none", "dialog", "first"], $e = ["parent", "body"], ke = [
   ...L
+], rt = [
+  ...x
 ];
-let $e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Le = (t = 21) => {
+let Le = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", xe = (t = 21) => {
   let e = "", s = t;
   for (; s--; )
-    e += $e[Math.random() * 64 | 0];
+    e += Le[Math.random() * 64 | 0];
   return e;
 };
-function d(t) {
+function c(t) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? d = function(e) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? c = function(e) {
     return typeof e;
-  } : d = function(e) {
+  } : c = function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, d(t);
+  }, c(t);
 }
-var T = {
-  selector: "vue-portal-target-".concat(Le())
+var w = {
+  selector: "vue-portal-target-".concat(xe())
 }, De = function(e) {
-  return T.selector = e;
-}, m = typeof window < "u" && (typeof document > "u" ? "undefined" : d(document)) !== void 0, Re = u.extend({
+  return w.selector = e;
+}, m = typeof window < "u" && (typeof document > "u" ? "undefined" : c(document)) !== void 0, Re = u.extend({
   // as an abstract component, it doesn't appear in
   // the $parent chain of components.
   // which means the next parent of any component rendered inside of this oen
@@ -1419,7 +879,7 @@ var T = {
     var e = this.$el;
     e && e.parentNode.removeChild(e);
   }
-}), A = u.extend({
+}), P = u.extend({
   name: "VueSimplePortal",
   props: {
     disabled: {
@@ -1431,7 +891,7 @@ var T = {
     selector: {
       type: String,
       default: function() {
-        return "#".concat(T.selector);
+        return "#".concat(w.selector);
       }
     },
     tag: {
@@ -1498,13 +958,13 @@ var T = {
 });
 function Ne(t) {
   var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  t.component(e.name || "portal", A), e.defaultSelector && De(e.defaultSelector);
+  t.component(e.name || "portal", P), e.defaultSelector && De(e.defaultSelector);
 }
 typeof window < "u" && window.Vue && window.Vue === u && u.use(Ne);
 const Fe = {
   name: "PopoverHeaderFooter",
   components: {
-    DtButton: C,
+    DtButton: I,
     DtIcon: p
   },
   props: {
@@ -1568,22 +1028,22 @@ var Ve = function() {
   }, e.contentClass], attrs: { "data-qa": "dt-popover-header-footer-content" } }, [e._t("content")], 2) : e._e(), e.showCloseButton ? s("dt-button", e._b({ ref: "popover__close-button", class: {
     "d-popover__header__close-button": e.type === "header",
     "d-popover__footer__close-button": e.type === "footer"
-  }, attrs: { "data-qa": "dt-popover-close", importance: "outlined", kind: "muted", circle: "" }, on: { click: function(o) {
+  }, attrs: { "data-qa": "dt-popover-close", importance: "outlined", kind: "muted", circle: "" }, on: { click: function(n) {
     return e.$emit("close");
   } }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [s("dt-icon", { attrs: { name: "close", size: "300" } })];
   }, proxy: !0 }], null, !1, 2538694920) }, "dt-button", e.closeButtonProps, !1)) : e._e()], 1);
-}, ze = [], He = /* @__PURE__ */ a(
+}, He = [], Be = /* @__PURE__ */ a(
   Fe,
   Ve,
-  ze,
+  He,
   !1,
   null,
   null,
   null,
   null
 );
-const Be = He.exports, qe = {
+const qe = Be.exports, Me = {
   name: "DtPopover",
   /********************
    * CHILD COMPONENTS *
@@ -1591,10 +1051,10 @@ const Be = He.exports, qe = {
   components: {
     SrOnlyCloseButton: he,
     DtLazyShow: D,
-    PopoverHeaderFooter: Be,
-    Portal: A
+    PopoverHeaderFooter: qe,
+    Portal: P
   },
-  mixins: [ye, ce],
+  mixins: [ye, de],
   props: {
     /**
      * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
@@ -1637,7 +1097,7 @@ const Be = He.exports, qe = {
     role: {
       type: String,
       default: "dialog",
-      validator: (t) => Ie.includes(t)
+      validator: (t) => Ae.includes(t)
     },
     /**
      * ID of the element that serves as the label for the popover content.
@@ -1673,7 +1133,7 @@ const Be = He.exports, qe = {
     padding: {
       type: String,
       default: "large",
-      validator: (t) => Object.keys(E).some((e) => e === t)
+      validator: (t) => Object.keys(b).some((e) => e === t)
     },
     /**
      * Additional class name for the content wrapper element.
@@ -1690,7 +1150,7 @@ const Be = He.exports, qe = {
     contentWidth: {
       type: String,
       default: "",
-      validator: (t) => Te.includes(t)
+      validator: (t) => we.includes(t)
     },
     /**
      * Tabindex value for the content. Passing null, no tabindex attribute will be set.
@@ -1713,7 +1173,7 @@ const Be = He.exports, qe = {
     id: {
       type: String,
       default() {
-        return g();
+        return _();
       }
     },
     /**
@@ -1817,7 +1277,7 @@ const Be = He.exports, qe = {
     sticky: {
       type: [Boolean, String],
       default: !1,
-      validator: (t) => xe.includes(t)
+      validator: (t) => ke.includes(t)
     },
     /**
      * Determines maximum height for the popover before overflow.
@@ -1875,7 +1335,7 @@ const Be = He.exports, qe = {
     initialFocusElement: {
       type: [String, HTMLElement],
       default: "first",
-      validator: (t) => Ae.includes(t) || t instanceof HTMLElement || t.startsWith("#")
+      validator: (t) => Pe.includes(t) || t instanceof HTMLElement || t.startsWith("#")
     },
     /**
      * If the popover should open pressing up or down arrow key on the anchor element.
@@ -1894,7 +1354,7 @@ const Be = He.exports, qe = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (t) => Pe.includes(t) || t instanceof HTMLElement
+      validator: (t) => $e.includes(t) || t instanceof HTMLElement
     }
   },
   emits: [
@@ -1915,8 +1375,8 @@ const Be = He.exports, qe = {
   ],
   data() {
     return {
-      POPOVER_PADDING_CLASSES: E,
-      POPOVER_HEADER_FOOTER_PADDING_CLASSES: Oe,
+      POPOVER_PADDING_CLASSES: b,
+      POPOVER_HEADER_FOOTER_PADDING_CLASSES: Te,
       intersectionObserver: null,
       isOutsideViewport: !1,
       isOpen: !1,
@@ -1943,7 +1403,7 @@ const Be = He.exports, qe = {
       return this.isOutsideViewport && this.modal ? "calc(100vh - var(--dt-space-300))" : this.maxHeight;
     },
     labelledBy() {
-      return this.ariaLabelledby || !this.ariaLabel && g("DtPopover__anchor");
+      return this.ariaLabelledby || !this.ariaLabel && _("DtPopover__anchor");
     }
   },
   watch: {
@@ -2013,8 +1473,8 @@ const Be = He.exports, qe = {
    ******************/
   methods: {
     hasIntersectedViewport(t) {
-      var o;
-      const e = (o = t == null ? void 0 : t[0]) == null ? void 0 : o.target;
+      var n;
+      const e = (n = t == null ? void 0 : t[0]) == null ? void 0 : n.target;
       if (!e)
         return;
       const s = R(e);
@@ -2107,9 +1567,9 @@ const Be = He.exports, qe = {
       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 e, s, o;
+      var e, s, n;
       const t = (s = (e = this.$refs.content) == null ? void 0 : e.$el) == null ? void 0 : s.querySelector(this.initialFocusElement);
-      t ? t.focus() : console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.'), t ? t.focus() : (o = this.$refs.content) == null || o.$el.focus();
+      t ? t.focus() : console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.'), t ? t.focus() : (n = this.$refs.content) == null || n.$el.focus();
     },
     onResize() {
       this.closePopover();
@@ -2127,8 +1587,8 @@ const Be = He.exports, qe = {
       await this.$nextTick(), this.popoverContentEl.style.width = `${(t = this.anchorEl) == null ? void 0 : t.clientWidth}px`;
     },
     focusFirstElementIfNeeded(t) {
-      var s, o;
-      this._getFocusableElements(t, !0).length !== 0 ? this.focusFirstElement(t) : this.showCloseButton ? (s = this.$refs.popover__header) == null || s.focusCloseButton() : (o = this.$refs.content) == null || o.$el.focus();
+      var s, n;
+      this._getFocusableElements(t, !0).length !== 0 ? this.focusFirstElement(t) : this.showCloseButton ? (s = this.$refs.popover__header) == null || s.focusCloseButton() : (n = this.$refs.content) == null || n.$el.focus();
     },
     initTippyInstance() {
       var t, e;
@@ -2151,18 +1611,18 @@ const Be = He.exports, qe = {
     }
   }
 };
-var je = function() {
+var ze = function() {
   var e = this, s = e._self._c;
-  return s("div", [e.modal && e.isOpen ? s("portal", [s("div", { staticClass: "d-modal--transparent", attrs: { "aria-hidden": e.modal && e.isOpen ? "false" : "true" }, on: { click: function(o) {
-    o.preventDefault(), o.stopPropagation();
-  } } })]) : e._e(), s(e.elementType, e._g({ ref: "popover", tag: "component", class: ["d-popover", { "d-popover__anchor--opened": e.isOpen }], attrs: { "data-qa": "dt-popover-container" } }, e.$listeners), [s("div", { ref: "anchor", attrs: { id: !e.ariaLabelledby && e.labelledBy, "data-qa": "dt-popover-anchor", tabindex: e.openOnContext ? 0 : void 0 }, on: { "!click": function(o) {
+  return s("div", [e.modal && e.isOpen ? s("portal", [s("div", { staticClass: "d-modal--transparent", attrs: { "aria-hidden": e.modal && e.isOpen ? "false" : "true" }, on: { click: function(n) {
+    n.preventDefault(), n.stopPropagation();
+  } } })]) : e._e(), s(e.elementType, e._g({ ref: "popover", tag: "component", class: ["d-popover", { "d-popover__anchor--opened": e.isOpen }], attrs: { "data-qa": "dt-popover-container" } }, e.$listeners), [s("div", { ref: "anchor", attrs: { id: !e.ariaLabelledby && e.labelledBy, "data-qa": "dt-popover-anchor", tabindex: e.openOnContext ? 0 : void 0 }, on: { "!click": function(n) {
     return e.defaultToggleOpen.apply(null, arguments);
-  }, contextmenu: e.onContext, keydown: [function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "up", 38, o.key, ["Up", "ArrowUp"]) ? null : (o.preventDefault(), e.onArrowKeyPress.apply(null, arguments));
-  }, function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "down", 40, o.key, ["Down", "ArrowDown"]) ? null : (o.preventDefault(), e.onArrowKeyPress.apply(null, arguments));
-  }], "!keydown": function(o) {
-    return !o.type.indexOf("key") && e._k(o.keyCode, "escape", void 0, o.key, void 0) ? null : e.closePopover.apply(null, arguments);
+  }, contextmenu: e.onContext, keydown: [function(n) {
+    return !n.type.indexOf("key") && e._k(n.keyCode, "up", 38, n.key, ["Up", "ArrowUp"]) ? null : (n.preventDefault(), e.onArrowKeyPress.apply(null, arguments));
+  }, function(n) {
+    return !n.type.indexOf("key") && e._k(n.keyCode, "down", 40, n.key, ["Down", "ArrowDown"]) ? null : (n.preventDefault(), e.onArrowKeyPress.apply(null, arguments));
+  }], "!keydown": function(n) {
+    return !n.type.indexOf("key") && e._k(n.keyCode, "escape", void 0, n.key, void 0) ? null : e.closePopover.apply(null, arguments);
   } } }, [e._t("anchor", null, { attrs: {
     "aria-expanded": e.isOpen.toString(),
     "aria-controls": e.id,
@@ -2179,10 +1639,10 @@ var je = function() {
   ], attrs: { "data-qa": "dt-popover-content" } }, [e._t("content", null, { close: e.closePopover })], 2), e.$slots.footerContent ? s("popover-header-footer", { ref: "popover__footer", class: e.POPOVER_HEADER_FOOTER_PADDING_CLASSES[e.padding], attrs: { type: "footer", "content-class": e.footerClass }, scopedSlots: e._u([{ key: "content", fn: function() {
     return [e._t("footerContent", null, { close: e.closePopover })];
   }, proxy: !0 }], null, !0) }) : e._e(), e.showVisuallyHiddenClose ? s("sr-only-close-button", { attrs: { "visually-hidden-close-label": e.visuallyHiddenCloseLabel }, on: { close: e.closePopover } }) : e._e()], 1)], 1)], 1);
-}, Me = [], Ke = /* @__PURE__ */ a(
-  qe,
-  je,
+}, je = [], Ke = /* @__PURE__ */ a(
   Me,
+  ze,
+  je,
   !1,
   null,
   null,
@@ -2190,15 +1650,15 @@ var je = function() {
   null
 );
 const lt = Ke.exports;
-function k(t) {
+function C(t) {
   return t === i.default;
 }
-function w(t) {
+function O(t) {
   if (l(t) === "string")
-    return k(t) ? null : i[t];
+    return C(t) ? null : i[t];
   if (l(t) === "object") {
     const { default: e } = t;
-    return k(e) ? null : i[e];
+    return C(e) ? null : i[e];
   } else
     return null;
 }
@@ -2206,11 +1666,11 @@ function l(t) {
   return typeof t;
 }
 function We(t) {
-  return w(t) ? `d-stack--${i[w(t)]}` : null;
+  return O(t) ? `d-stack--${i[O(t)]}` : null;
 }
 function Ge(t) {
   return l(t) === "object" ? [
-    ...I.map((e) => t[e] ? `d-stack--${e}--${t[e]}` : null)
+    ...A.map((e) => t[e] ? `d-stack--${e}--${t[e]}` : null)
   ] : null;
 }
 function Ue(t) {
@@ -2265,7 +1725,7 @@ const Xe = {
     return {
       DT_STACK_DIRECTION: i,
       DT_STACK_GAP: y,
-      DT_STACK_RESPONSIVE_BREAKPOINTS: I
+      DT_STACK_RESPONSIVE_BREAKPOINTS: A
     };
   },
   computed: {
@@ -2298,39 +1758,39 @@ var Je = function() {
   null,
   null
 );
-const ct = et.exports;
+const dt = et.exports;
 export {
   f as A,
-  I as B,
+  A as B,
   it as D,
-  c as L,
+  d as L,
   ye as M,
-  Pe as P,
+  $e as P,
   he as S,
-  ct as a,
-  nt as b,
+  dt as a,
+  ot as b,
   at as c,
   lt as d,
-  ce as e,
+  de as e,
   y as f,
-  A as g,
-  Te as h,
-  S as i,
-  G as j,
-  U as k,
-  _ as l,
-  Y as m,
-  Z as n,
-  b as o,
+  P as g,
+  we as h,
+  E as i,
+  U as j,
+  Y as k,
+  g as l,
+  Z as m,
+  X as n,
+  S as o,
   h as p,
-  E as q,
-  Oe as r,
-  Ie as s,
-  Ae as t,
-  xe as u,
+  b as q,
+  Te as r,
+  Ae as s,
+  Pe as t,
+  ke as u,
   rt as v,
-  W as w,
+  G as w,
   r as x,
-  B as y,
+  M as y,
   i as z
 };