@dialpad/dialtone 9.4.0 → 9.5.0

package/dist/vue2/{stack-DRdhbSNl.js → stack-spMDaIoR.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 k, u as L, b as x, B as D, c as R, i as N, d as F, e as V, f as g } from "./tooltip-UOWkfPpb.js";
+import { t as H, w as p, I as B, L as q, x as M, y as I } from "./emoji-5ohx0_fO.js";
 import u from "vue";
 const r = {
   BUSY: "busy",
   AWAY: "away",
   OFFLINE: "offline",
   ACTIVE: "active"
-}, B = [
+}, j = [
   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) => j.includes(t)
     },
     /**
      * Since Presence is a visual element, we need SRs to read out any state changes
@@ -35,7 +35,7 @@ const r = {
     }
   }
 };
-var j = function() {
+var K = function() {
   var e = this, s = e._self._c;
   return s("div", { staticClass: "d-presence", attrs: { "data-qa": "dt-presence", role: "status", "aria-live": e.$attrs.ariaLive || "off" } }, [e.srText ? s("span", { staticClass: "sr-only", attrs: { "data-qa": "dt-presence-sr-text" } }, [e._v(e._s(e.srText) + " ")]) : e._e(), s("div", { staticClass: "d-presence__inner", class: {
     "d-presence__inner--active": e.presence === "active",
@@ -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,
-  j,
-  M,
+}, W = [], G = /* @__PURE__ */ a(
+  z,
+  K,
+  W,
   !1,
   null,
   null,
   null,
   null
 );
-const W = K.exports, f = {
+const U = G.exports, f = {
   xs: "d-avatar--xs",
   sm: "d-avatar--sm",
   md: "d-avatar--md",
   lg: "d-avatar--lg",
   xl: "d-avatar--xl"
-}, G = {
+}, Y = {
   default: "",
   icon: "d-avatar__icon",
   initials: "d-avatar__initials"
-}, U = {
+}, Z = {
   md: "d-avatar__presence--md",
   lg: "d-avatar__presence--lg"
-}, _ = {
+}, S = {
   NONE: "",
   BUSY: "busy",
   AWAY: "away",
   OFFLINE: "offline",
   ACTIVE: "active"
-}, Y = {
+}, X = {
   xs: "100",
   sm: "200",
   md: "300",
   lg: "500",
   xl: "600"
-}, Z = [
+}, J = [
   "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"
-];
-function J() {
-  return [void 0, ...X];
+], E = (t) => t > 1;
+function Q() {
+  return [void 0, ...H];
 }
-const Q = (t) => {
+const ee = (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("");
-}, ee = J(), te = {
+  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("");
+}, te = Q(), se = {
   name: "DtAvatar",
-  components: { DtPresence: W, DtIcon: p },
+  components: { DtPresence: U, 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: S.NONE,
+      validator: (t) => Object.values(S).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) => E(t)
     },
     /**
      * The icon that overlays the avatar
@@ -776,7 +236,7 @@ const Q = (t) => {
     iconName: {
       type: String,
       default: void 0,
-      validator: (t) => ee.includes(t)
+      validator: (t) => te.includes(t)
     },
     /**
      * Icon size to be displayed on 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(B).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: Y,
+      AVATAR_PRESENCE_SIZE_MODIFIERS: Z,
+      AVATAR_ICON_SIZES: X,
       imageLoadedSuccessfully: null,
       formattedInitials: "",
       initializing: !1
@@ -846,7 +306,7 @@ const Q = (t) => {
       ];
     },
     showGroup() {
-      return b(this.group);
+      return E(this.group);
     },
     formattedGroup() {
       return this.group > 99 ? "99+" : this.group;
@@ -895,11 +355,11 @@ const Q = (t) => {
       t && (t.addEventListener("load", () => this._loadedImageEventHandler(t), { once: !0 }), t.addEventListener("error", () => this._erroredImageEventHandler(t), { once: !0 }));
     },
     formatInitials() {
-      const t = Q(this.fullName);
+      const t = ee(this.fullName);
       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 ?? k(J, this.seed);
     },
     _loadedImageEventHandler(t) {
       this.imageLoadedSuccessfully = !0, t.classList.remove("d-d-none");
@@ -916,7 +376,7 @@ const Q = (t) => {
     }
   }
 };
-var se = function() {
+var ne = function() {
   var e = this, s = e._self._c;
   return s(e.clickable ? "button" : "div", { tag: "component", class: e.avatarClasses, attrs: { id: e.id, "data-qa": "dt-avatar", "aria-label": e.buttonAriaLabel }, on: { click: e.handleClick } }, [s("div", { ref: "canvas", class: [
     e.canvasClass,
@@ -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(
-  te,
+}, ae = [], ie = /* @__PURE__ */ a(
   se,
-  oe,
+  ne,
+  ae,
   !1,
   null,
   null,
   null,
   null
 );
-const at = ae.exports, ne = {
+const it = ie.exports, oe = {
   name: "DtLink",
   props: {
     /**
@@ -947,7 +407,7 @@ const at = ae.exports, ne = {
       type: String,
       default: "",
       validator(t) {
-        return z.includes(t);
+        return q.includes(t);
       }
     }
   },
@@ -976,27 +436,27 @@ const at = ae.exports, ne = {
   ],
   data() {
     return {
-      LINK_KIND_MODIFIERS: H
+      LINK_KIND_MODIFIERS: M
     };
   }
 };
-var ie = function() {
+var re = function() {
   var e = this, s = e._self._c;
   return s("a", e._g({ class: [
     "d-link",
     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,
-  ie,
+}, le = [], de = /* @__PURE__ */ a(
+  oe,
   re,
+  le,
   !1,
   null,
   null,
   null,
   null
 );
-const nt = le.exports, ce = {
+const ot = de.exports, ce = {
   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 = {
+}, ue = {
   name: "SrOnlyCloseButton",
   components: {
     DtIcon: p,
-    DtButton: C
+    DtButton: I
   },
   props: {
     /**
@@ -1058,22 +518,22 @@ const nt = le.exports, ce = {
     }
   }
 };
-var ue = function() {
+var pe = 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,
+}, fe = [], he = /* @__PURE__ */ a(
   ue,
   pe,
+  fe,
   !1,
   null,
   null,
   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 me = he.exports, A = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', _e = `${A}:not([tabindex="-1"])`, ve = "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(ve)].filter((n) => {
+        const i = window.getComputedStyle(n);
+        return i.getPropertyValue("display") !== "none" && i.getPropertyValue("visibility") !== "hidden" && n.matches(e ? A : _e);
       }) : [];
     },
     /**
@@ -1141,23 +601,23 @@ 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 i = this._getFirstFocusElement(n), y = n[n.length - 1];
+      t.shiftKey ? document.activeElement === i && (y.focus(), t.preventDefault()) : document.activeElement === y && (i.focus(), t.preventDefault());
     }
   }
 }, h = {
   DEFAULT: "default",
   CUSTOM: "custom"
-}, c = {
+}, d = {
   ARROW_KEYS: "arrow-keys",
   TAB: "tab",
   NONE: "none"
-}, ve = {
+}, ge = {
   name: "DtItemLayout",
   props: {
     /**
@@ -1169,23 +629,23 @@ const he = fe.exports, O = ':not(:disabled):not([aria-disabled="true"]):not([rol
     }
   }
 };
-var _e = function() {
+var Se = 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(
-  ve,
-  _e,
-  be,
+}, Ee = [], be = /* @__PURE__ */ a(
+  ge,
+  Se,
+  Ee,
   !1,
   null,
   "411cb81e",
   null,
   null
 );
-const S = Se.exports, Ee = {
+const b = be.exports, Ce = {
   name: "DtListItem",
   components: {
-    DtItemLayout: S,
+    DtItemLayout: b,
     DtIcon: p
   },
   /**
@@ -1201,7 +661,7 @@ const S = Se.exports, Ee = {
     id: {
       type: String,
       default() {
-        return x.getUniqueString();
+        return L.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 b;
         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 Oe = 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, i) {
+    return { key: i, fn: function() {
+      return [e._t(i)];
     }, 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,
+}, Te = [], Ie = /* @__PURE__ */ a(
+  Ce,
+  Oe,
+  Te,
   !1,
   null,
   null,
   null,
   null
 );
-const it = Ce.exports, i = {
+const rt = Ie.exports, o = {
   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 = {
+}, w = ["sm", "md", "lg", "xl"], v = ["0", "100", "200", "300", "400", "500", "600"], C = {
   none: void 0,
   small: "d-p4",
   medium: "d-p8",
   large: "d-p16"
-}, Oe = {
+}, Ae = {
   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 = [
-  ...L
+}, we = ["dialog", "menu", "listbox", "tree", "grid"], $e = ["", "anchor"], Pe = ["none", "dialog", "first"], ke = ["parent", "body"], Le = [
+  ...x
+], lt = [
+  ...D
 ];
-let $e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Le = (t = 21) => {
+let xe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", De = (t = 21) => {
   let e = "", s = t;
   for (; s--; )
-    e += $e[Math.random() * 64 | 0];
+    e += xe[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())
-}, De = function(e) {
-  return T.selector = e;
-}, m = typeof window < "u" && (typeof document > "u" ? "undefined" : d(document)) !== void 0, Re = u.extend({
+var $ = {
+  selector: "vue-portal-target-".concat(De())
+}, Re = function(e) {
+  return $.selector = e;
+}, m = typeof window < "u" && (typeof document > "u" ? "undefined" : c(document)) !== void 0, Ne = 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($.selector);
       }
     },
     tag: {
@@ -1481,7 +941,7 @@ var T = {
     mount: function() {
       if (m) {
         var e = this.getTargetEl(), s = document.createElement("DIV");
-        this.prepend && e.firstChild ? e.insertBefore(s, e.firstChild) : e.appendChild(s), this.container = new Re({
+        this.prepend && e.firstChild ? e.insertBefore(s, e.firstChild) : e.appendChild(s), this.container = new Ne({
           el: s,
           parent: this,
           propsData: {
@@ -1496,15 +956,15 @@ var T = {
     }
   }
 });
-function Ne(t) {
+function Fe(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 && Re(e.defaultSelector);
 }
-typeof window < "u" && window.Vue && window.Vue === u && u.use(Ne);
-const Fe = {
+typeof window < "u" && window.Vue && window.Vue === u && u.use(Fe);
+const Ve = {
   name: "PopoverHeaderFooter",
   components: {
-    DtButton: C,
+    DtButton: I,
     DtIcon: p
   },
   props: {
@@ -1557,7 +1017,7 @@ const Fe = {
     }
   }
 };
-var Ve = function() {
+var He = function() {
   var e = this, s = e._self._c;
   return s("div", { class: {
     "d-popover__header": e.type === "header",
@@ -1568,31 +1028,31 @@ 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(
-  Fe,
+}, Be = [], qe = /* @__PURE__ */ a(
   Ve,
-  ze,
+  He,
+  Be,
   !1,
   null,
   null,
   null,
   null
 );
-const Be = He.exports, qe = {
+const Me = qe.exports, je = {
   name: "DtPopover",
   /********************
    * CHILD COMPONENTS *
    ********************/
   components: {
-    SrOnlyCloseButton: he,
-    DtLazyShow: D,
-    PopoverHeaderFooter: Be,
-    Portal: A
+    SrOnlyCloseButton: me,
+    DtLazyShow: R,
+    PopoverHeaderFooter: Me,
+    Portal: P
   },
   mixins: [ye, ce],
   props: {
@@ -1637,7 +1097,7 @@ const Be = He.exports, qe = {
     role: {
       type: String,
       default: "dialog",
-      validator: (t) => Ie.includes(t)
+      validator: (t) => we.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(C).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) => $e.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) => Le.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,26 @@ const Be = He.exports, qe = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (t) => Pe.includes(t) || t instanceof HTMLElement
+      validator: (t) => ke.includes(t) || t instanceof HTMLElement
+    },
+    /**
+     * Set this prop to true and popover component will support hovercard behaviour
+     * It will open on mouseenter and close on mouseleave with timer delay of 300ms
+     */
+    hovercard: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The timer is used only when the hovercard prop is true.
+     * It defines the delays when opening several hovercards.
+     * It must have the keys: enter, leave and current.
+     * If null, the default delay of 300ms will be used.
+     */
+    timer: {
+      type: [Object, null],
+      default: null,
+      validator: (t) => t === null || t.enter && t.leave && Object.keys(t).includes("current")
     }
   },
   emits: [
@@ -1915,13 +1394,15 @@ const Be = He.exports, qe = {
   ],
   data() {
     return {
-      POPOVER_PADDING_CLASSES: E,
-      POPOVER_HEADER_FOOTER_PADDING_CLASSES: Oe,
+      POPOVER_PADDING_CLASSES: C,
+      POPOVER_HEADER_FOOTER_PADDING_CLASSES: Ae,
       intersectionObserver: null,
       isOutsideViewport: !1,
       isOpen: !1,
       anchorEl: null,
-      popoverContentEl: null
+      popoverContentEl: null,
+      inTimer: null,
+      outTimer: null
     };
   },
   computed: {
@@ -1943,7 +1424,11 @@ 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");
+    },
+    currentHovercard() {
+      var t;
+      return (t = this.timer) == null ? void 0 : t.current;
     }
   },
   watch: {
@@ -1998,6 +1483,9 @@ const Be = He.exports, qe = {
     },
     isOpen(t, e) {
       t ? (this.initTippyInstance(), this.tip.show()) : !t && e !== t && (this.removeEventListeners(), this.tip.hide());
+    },
+    currentHovercard() {
+      this.hovercard && this.timer && (this.currentHovercard === this.id ? this.isOpen = !0 : this.isOpen = !1);
     }
   },
   mounted() {
@@ -2013,15 +1501,15 @@ 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);
+      const s = N(e);
       this.isOutsideViewport = s.bottom || s.top;
     },
     popperOptions() {
-      return N({
+      return F({
         fallbackPlacements: this.fallbackPlacements,
         tether: this.tether,
         hasHideModifierEnabled: !0
@@ -2038,7 +1526,7 @@ const Be = He.exports, qe = {
     },
     defaultToggleOpen(t) {
       var e, s;
-      this.openOnContext || (this.open ?? ((e = this.anchorEl) != null && e.contains(t.target) && !((s = this.anchorEl) != null && s.disabled) && this.toggleOpen()));
+      this.hovercard || this.openOnContext || (this.open ?? ((e = this.anchorEl) != null && e.contains(t.target) && !((s = this.anchorEl) != null && s.disabled) && this.toggleOpen()));
     },
     async onContext(t) {
       this.openOnContext && (t.preventDefault(), this.isOpen = !0, await this.$nextTick(), this.tip.setProps({
@@ -2107,9 +1595,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,12 +1615,12 @@ 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;
-      this.tip = F(this.anchorEl, {
+      this.tip = V(this.anchorEl, {
         popperOptions: this.popperOptions(),
         contentElement: this.popoverContentEl,
         placement: this.placement,
@@ -2148,87 +1636,115 @@ const Be = He.exports, qe = {
         onClickOutside: this.onClickOutside,
         onShow: this.onShow
       });
+    },
+    //  ============================================================================
+    //  $ HOVERCARD
+    //  ----------------------------------------------------------------------------
+    setInTimer() {
+      this.inTimer = setTimeout(() => {
+        this.isOpen = !0;
+      }, g);
+    },
+    setOutTimer() {
+      this.outTimer = setTimeout(() => {
+        this.isOpen = !1;
+      }, g);
+    },
+    onEnterAnchor() {
+      this.hovercard && (this.timer ? this.timer.enter(this.id) : (clearTimeout(this.outTimer), this.setInTimer()));
+    },
+    onLeaveAnchor() {
+      this.hovercard && (this.timer ? this.timer.leave() : (clearTimeout(this.inTimer), this.setOutTimer()));
+    },
+    onEnterContent() {
+      this.hovercard && (this.timer ? this.timer.enter(this.id) : clearTimeout(this.outTimer));
+    },
+    onLeaveContent() {
+      this.hovercard && (this.timer ? this.timer.leave() : this.setOutTimer());
     }
+    //  ============================================================================
+    //  $ HOVERCARD
+    //  ----------------------------------------------------------------------------
   }
 };
-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": e.$attrs["data-qa"] ? `${e.$attrs["data-qa"]}-anchor` : "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);
-  } } }, [e._t("anchor", null, { attrs: {
+  }, 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);
+  }, mouseenter: e.onEnterAnchor, mouseleave: e.onLeaveAnchor } }, [e._t("anchor", null, { attrs: {
     "aria-expanded": e.isOpen.toString(),
     "aria-controls": e.id,
     "aria-haspopup": e.role
   } })], 2), s("dt-lazy-show", e._g({ ref: "content", class: ["d-popover__dialog", { "d-popover__dialog--modal": e.modal }, e.dialogClass], style: {
     "max-height": e.calculatedMaxHeight,
     "max-width": e.maxWidth
-  }, attrs: { id: e.id, role: e.role, "data-qa": "dt-popover", "aria-hidden": `${!e.isOpen}`, "aria-labelledby": e.labelledBy, "aria-label": e.ariaLabel, "aria-modal": `${!e.modal}`, transition: e.transition, show: e.isOpen, tabindex: e.contentTabindex, appear: "" } }, e.popoverListeners), [e.$slots.headerContent || e.showCloseButton ? s("popover-header-footer", { ref: "popover__header", class: e.POPOVER_HEADER_FOOTER_PADDING_CLASSES[e.padding], attrs: { "content-class": e.headerClass, type: "header", "show-close-button": e.showCloseButton, "close-button-props": e.closeButtonProps }, on: { close: e.closePopover }, scopedSlots: e._u([{ key: "content", fn: function() {
+  }, attrs: { id: e.id, role: e.role, "data-qa": e.$attrs["data-qa"] ? `${e.$attrs["data-qa"]}__dialog` : "dt-popover", "aria-hidden": `${!e.isOpen}`, "aria-labelledby": e.labelledBy, "aria-label": e.ariaLabel, "aria-modal": `${!e.modal}`, transition: e.transition, show: e.isOpen, tabindex: e.contentTabindex, appear: "" }, on: { mouseenter: e.onEnterContent, mouseleave: e.onLeaveContent } }, e.popoverListeners), [e.$slots.headerContent || e.showCloseButton ? s("popover-header-footer", { ref: "popover__header", class: e.POPOVER_HEADER_FOOTER_PADDING_CLASSES[e.padding], attrs: { "content-class": e.headerClass, type: "header", "show-close-button": e.showCloseButton, "close-button-props": e.closeButtonProps }, on: { close: e.closePopover }, scopedSlots: e._u([{ key: "content", fn: function() {
     return [e._t("headerContent", null, { close: e.closePopover })];
   }, proxy: !0 }], null, !0) }) : e._e(), s("div", { ref: "popover__content", class: [
     "d-popover__content",
     e.POPOVER_PADDING_CLASSES[e.padding],
     e.contentClass
-  ], 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() {
+  ], attrs: { "data-qa": e.$attrs["data-qa"] ? `${e.$attrs["data-qa"]}-content` : "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,
+}, Ke = [], We = /* @__PURE__ */ a(
   je,
-  Me,
+  ze,
+  Ke,
   !1,
   null,
   null,
   null,
   null
 );
-const lt = Ke.exports;
-function k(t) {
-  return t === i.default;
+const dt = We.exports;
+function O(t) {
+  return t === o.default;
 }
-function w(t) {
+function T(t) {
   if (l(t) === "string")
-    return k(t) ? null : i[t];
+    return O(t) ? null : o[t];
   if (l(t) === "object") {
     const { default: e } = t;
-    return k(e) ? null : i[e];
+    return O(e) ? null : o[e];
   } else
     return null;
 }
 function l(t) {
   return typeof t;
 }
-function We(t) {
-  return w(t) ? `d-stack--${i[w(t)]}` : null;
-}
 function Ge(t) {
-  return l(t) === "object" ? [
-    ...I.map((e) => t[e] ? `d-stack--${e}--${t[e]}` : null)
-  ] : null;
+  return T(t) ? `d-stack--${o[T(t)]}` : null;
 }
 function Ue(t) {
-  return y.includes(t) ? `d-stack--gap-${t}` : null;
+  return l(t) === "object" ? [
+    ...w.map((e) => t[e] ? `d-stack--${e}--${t[e]}` : null)
+  ] : null;
 }
 function Ye(t) {
+  return v.includes(t) ? `d-stack--gap-${t}` : null;
+}
+function Ze(t) {
   if (l(t) === "string")
-    return Object.keys(i).includes(t);
+    return Object.keys(o).includes(t);
   if (l(t) === "object") {
     const { default: e } = t;
-    return Object.keys(i).includes(e);
+    return Object.keys(o).includes(e);
   } else
     return null;
 }
-function Ze(t) {
-  return y.includes(t);
+function Xe(t) {
+  return v.includes(t);
 }
-const Xe = {
+const Je = {
   name: "DtStack",
   props: {
     /**
@@ -2242,7 +1758,7 @@ const Xe = {
     direction: {
       type: [String, Object],
       default: "column",
-      validator: (t) => Ye(t)
+      validator: (t) => Ze(t)
     },
     /**
      * Set this prop to render stack as a specific HTML element.
@@ -2258,29 +1774,29 @@ const Xe = {
     gap: {
       type: String,
       default: "0",
-      validator: (t) => Ze(t)
+      validator: (t) => Xe(t)
     }
   },
   data() {
     return {
-      DT_STACK_DIRECTION: i,
-      DT_STACK_GAP: y,
-      DT_STACK_RESPONSIVE_BREAKPOINTS: I
+      DT_STACK_DIRECTION: o,
+      DT_STACK_GAP: v,
+      DT_STACK_RESPONSIVE_BREAKPOINTS: w
     };
   },
   computed: {
     stackGap() {
-      return Ue(this.gap);
+      return Ye(this.gap);
     },
     defaultDirection() {
-      return We(this.direction);
+      return Ge(this.direction);
     },
     stackResponsive() {
-      return Ge(this.direction);
+      return Ue(this.direction);
     }
   }
 };
-var Je = function() {
+var Qe = function() {
   var e = this, s = e._self._c;
   return s(e.as, { tag: "component", class: [
     "d-stack",
@@ -2288,49 +1804,49 @@ var Je = function() {
     e.stackResponsive,
     e.stackGap
   ] }, [e._t("default")], 2);
-}, Qe = [], et = /* @__PURE__ */ a(
-  Xe,
+}, et = [], tt = /* @__PURE__ */ a(
   Je,
   Qe,
+  et,
   !1,
   null,
   null,
   null,
   null
 );
-const ct = et.exports;
+const ct = tt.exports;
 export {
   f as A,
-  I as B,
-  it as D,
-  c as L,
+  w as B,
+  rt as D,
+  d as L,
   ye as M,
-  Pe as P,
-  he as S,
+  ke as P,
+  me as S,
   ct as a,
-  nt as b,
-  at as c,
-  lt as d,
+  ot as b,
+  it as c,
+  dt as d,
   ce 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,
-  h as p,
-  E as q,
-  Oe as r,
-  Ie as s,
-  Ae as t,
-  xe as u,
-  rt as v,
-  W as w,
+  v as f,
+  C as g,
+  P as h,
+  $e as i,
+  b as j,
+  Y as k,
+  Z as l,
+  S as m,
+  X as n,
+  J as o,
+  E as p,
+  h as q,
+  Ae as r,
+  we as s,
+  Pe as t,
+  Le as u,
+  lt as v,
+  U as w,
   r as x,
-  B as y,
-  i as z
+  j as y,
+  o as z
 };