@dialpad/dialtone-vue 3.176.2 → 3.177.0

package/dist/lib/group-row/group-row.js

@@ -0,0 +1,105 @@
+import { DtIconUsers as i } from "@dialpad/dialtone-icons/vue3";
+import { safeConcatStrings as s, extractVueListeners as u } from "../../common/utils/index.js";
+import { resolveComponent as n, openBlock as c, createBlock as l, mergeProps as d, toHandlers as p, withCtx as m, createVNode as f } from "vue";
+import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import g from "../general-row/general-row.js";
+const y = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeGroupRow",
+  components: {
+    DtIconUsers: i,
+    DtRecipeGeneralRow: g
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
+     */
+    groupCountText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Names of the group members
+     */
+    names: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Number of unread messages
+     */
+    unreadCount: {
+      type: String,
+      default: null
+    },
+    /**
+     * Number of unread mention messages
+     */
+    unreadMentionCount: {
+      type: String,
+      default: null
+    },
+    /**
+     * Text shown when the unread count is hovered.
+     */
+    unreadCountTooltip: {
+      type: String,
+      default: null
+    },
+    /**
+     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
+     * the unread count badge.
+     */
+    hasUnreads: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Shows an "is typing" animation over the avatar when true.
+     */
+    isTyping: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [],
+  computed: {
+    ariaLabel() {
+      return s([this.groupCountText, this.names]);
+    },
+    contactRowListeners() {
+      return u(this.$attrs);
+    }
+  }
+};
+function C(o, h, e, w, x, t) {
+  const r = n("dt-icon-users"), a = n("dt-recipe-general-row");
+  return c(), l(a, d({
+    description: e.names,
+    "aria-label": t.ariaLabel,
+    "unread-count": e.unreadCount,
+    "has-unreads": e.hasUnreads,
+    "unread-mention-count": e.unreadMentionCount,
+    "unread-count-tooltip": e.unreadCountTooltip,
+    selected: e.selected,
+    "is-typing": e.isTyping
+  }, o.$attrs, p(t.contactRowListeners)), {
+    left: m(() => [
+      f(r, { size: "300" })
+    ]),
+    _: 1
+  }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-mention-count", "unread-count-tooltip", "selected", "is-typing"]);
+}
+const b = /* @__PURE__ */ _(y, [["render", C]]);
+export {
+  b as default
+};
+//# sourceMappingURL=group-row.js.map

package/dist/lib/group-row/group-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-row.js","sources":["../../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :description=\"names\"\n    :aria-label=\"ariaLabel\"\n    :unread-count=\"unreadCount\"\n    :has-unreads=\"hasUnreads\"\n    :unread-mention-count=\"unreadMentionCount\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    :selected=\"selected\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    v-on=\"contactRowListeners\"\n  >\n    <template #left>\n      <dt-icon-users\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/vue3';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIconUsers,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Screen reader will read out the number of users in the group using this text. Ex: \"2 users\"\n     */\n    groupCountText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Number of unread mention messages\n     */\n    unreadMentionCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n  ],\n\n  computed: {\n    ariaLabel () {\n      return safeConcatStrings([this.groupCountText, this.names]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconUsers","DtRecipeGeneralRow","safeConcatStrings","extractVueListeners","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","$props","$options","_ctx","_toHandlers","_createVNode","_component_dt_icon_users"],"mappings":";;;;;AA0BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,oBAAAC;AAAA,EACD;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAKL,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CACN;AAAA,EAED,UAAU;AAAA,IACR,YAAa;AACX,aAAOC,EAAkB,CAAC,KAAK,gBAAgB,KAAK,KAAK,CAAC;AAAA,IAC3D;AAAA,IAED,sBAAuB;AACrB,aAAOC,EAAoB,KAAK,MAAM;AAAA,IACvC;AAAA,EACF;AACH;;;AApHE,SAAAC,EAAA,GAAAC,EAiBwBC,GAjBxBC,EAiBwB;AAAA,IAhBrB,aAAaC,EAAK;AAAA,IAClB,cAAYC,EAAS;AAAA,IACrB,gBAAcD,EAAW;AAAA,IACzB,eAAaA,EAAU;AAAA,IACvB,wBAAsBA,EAAkB;AAAA,IACxC,wBAAsBA,EAAkB;AAAA,IACxC,UAAUA,EAAQ;AAAA,IAClB,aAAWA,EAAQ;AAAA,KACZE,EAAM,QACdC,EAAMF,EAAmB,mBAAA,CAAA,GAAA;AAAA,IAEd,QACT,MAEE;AAAA,MAFFG,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;IAflB,GAAA;AAAA;;;"}

package/dist/lib/group-row/index.cjs

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

package/dist/lib/group-row/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/group-row/index.js

@@ -0,0 +1,5 @@
+import { default as p } from "./group-row.js";
+export {
+  p as DtRecipeGroupRow
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/group-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/grouped-chip/grouped-chip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../common/utils/index.cjs"),e=require("vue"),r=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),i=require("../chip/chip.cjs"),s={compatConfig:{MODE:3},name:"DtRecipeGroupedChip",components:{DtChip:i.default},data(){return{hasSlotContent:c.hasSlotContent}}},l={"data-qa":"dt-recipe-grouped-chip",class:"d-recipe-grouped-chip"},d={key:0,"data-qa":"left-grouped-chip-icon"},p={key:0,"data-qa":"left-grouped-chip-content"},a={key:0,"data-qa":"right-grouped-chip-icon"},h={key:0,"data-qa":"right-grouped-chip-content"};function u(t,g,m,C,o,f){const n=e.resolveComponent("dt-chip");return e.openBlock(),e.createElementBlock("div",l,[e.createVNode(n,{"hide-close":!0,interactive:!1,size:"xs","grouped-chip":!0,class:"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left"},e.createSlots({default:e.withCtx(()=>[o.hasSlotContent(t.$slots.leftContent)?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"leftContent")])):e.createCommentVNode("",!0)]),_:2},[o.hasSlotContent(t.$slots.leftIcon)?{name:"icon",fn:e.withCtx(()=>[o.hasSlotContent(t.$slots.leftIcon)?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(t.$slots,"leftIcon")])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1024),e.createVNode(n,{"hide-close":!0,interactive:!1,size:"xs","grouped-chip":!0,class:"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right"},{icon:e.withCtx(()=>[o.hasSlotContent(t.$slots.rightIcon)?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(t.$slots,"rightIcon")])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[o.hasSlotContent(t.$slots.rightContent)?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"rightContent")])):e.createCommentVNode("",!0)]),_:3})])}const _=r._(s,[["render",u]]);exports.default=_;
+//# sourceMappingURL=grouped-chip.cjs.map

package/dist/lib/grouped-chip/grouped-chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped-chip.cjs","sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-grouped-chip\"\n    class=\"d-recipe-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtChip","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_dt_chip","_createSlots","$data","_ctx","_hoisted_3","_renderSlot","_createCommentVNode","_withCtx","_hoisted_2","_hoisted_4","_hoisted_5"],"mappings":"qQAqEKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,sBAEN,WAAY,CACV,OAAAC,EAAM,OACP,EAED,MAAQ,CACN,MAAO,CACL,eAAAC,EAAc,eAEjB,CACH,KAhFI,UAAQ,yBACR,MAAM,4BAHV,IAAA,EAmBU,UAAQ,6BAnBlB,IAAA,EA2BU,UAAQ,gCA3BlB,IAAA,EA8CU,UAAQ,8BA9ClB,IAAA,EAuDU,UAAQ,4FAtDhB,OAAAC,YAAA,EAAAC,qBA6DM,MA7DNC,EA6DM,CAzDJC,EAAAA,YA4BUC,EAAA,CA3BP,aAAY,GACZ,YAAa,GACd,KAAK,KACJ,eAAc,GACf,MAAM,oEAVZ,EAAAC,cAAA,CAwBiB,kBACT,IAMM,CALEC,EAAc,eAACC,EAAM,OAAC,WAAW,GADzCP,EAAAA,YAAAC,EAAAA,mBAMM,MANNO,EAMM,CADJC,aAA2BF,EAAA,OAAA,aAAA,KA9BrCG,EAAA,mBAAA,GAAA,EAAA,IAAA,EAAA,IAacJ,EAAc,eAACC,EAAM,OAAC,QAAQ,GAb5C,KAcS,OAdT,GAAAI,EAAA,QAiBQ,IAKM,CAJEL,EAAc,eAACC,EAAM,OAAC,QAAQ,GADtCP,EAAAA,YAAAC,EAAAA,mBAKM,MALNW,EAKM,CADJH,aAAwBF,EAAA,OAAA,UAAA,KArBlCG,EAAA,mBAAA,GAAA,EAAA,IAAA,IAAA,KAAA,eAoCIP,EAAAA,YAyBUC,EAAA,CAxBP,aAAY,GACZ,YAAa,GACd,KAAK,KACJ,eAAc,GACf,MAAM,wEAEK,eACT,IAMM,CALEE,EAAc,eAACC,EAAM,OAAC,SAAS,GADvCP,EAAAA,YAAAC,EAAAA,mBAMM,MANNY,EAMM,CADJJ,aAAyBF,EAAA,OAAA,WAAA,KAjDnCG,EAAA,mBAAA,GAAA,EAAA,IAoDiB,kBACT,IAMM,CALEJ,EAAc,eAACC,EAAM,OAAC,YAAY,GAD1CP,EAAAA,YAAAC,EAAAA,mBAMM,MANNa,EAMM,CADJL,aAA4BF,EAAA,OAAA,cAAA,KA1DtCG,EAAA,mBAAA,GAAA,EAAA,IAAA,EAAA"}

package/dist/lib/grouped-chip/grouped-chip.js

@@ -0,0 +1,84 @@
+import { hasSlotContent as d } from "../../common/utils/index.js";
+import { resolveComponent as h, openBlock as o, createElementBlock as n, createVNode as p, createSlots as l, withCtx as i, renderSlot as r, createCommentVNode as s } from "vue";
+import { _ as a } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import u from "../chip/chip.js";
+const f = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeGroupedChip",
+  components: {
+    DtChip: u
+  },
+  data() {
+    return {
+      hasSlotContent: d
+    };
+  }
+}, _ = {
+  "data-qa": "dt-recipe-grouped-chip",
+  class: "d-recipe-grouped-chip"
+}, g = {
+  key: 0,
+  "data-qa": "left-grouped-chip-icon"
+}, m = {
+  key: 0,
+  "data-qa": "left-grouped-chip-content"
+}, C = {
+  key: 0,
+  "data-qa": "right-grouped-chip-icon"
+}, v = {
+  key: 0,
+  "data-qa": "right-grouped-chip-content"
+};
+function S(e, $, k, q, t, y) {
+  const c = h("dt-chip");
+  return o(), n("div", _, [
+    p(c, {
+      "hide-close": !0,
+      interactive: !1,
+      size: "xs",
+      "grouped-chip": !0,
+      class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left"
+    }, l({
+      default: i(() => [
+        t.hasSlotContent(e.$slots.leftContent) ? (o(), n("div", m, [
+          r(e.$slots, "leftContent")
+        ])) : s("", !0)
+      ]),
+      _: 2
+    }, [
+      t.hasSlotContent(e.$slots.leftIcon) ? {
+        name: "icon",
+        fn: i(() => [
+          t.hasSlotContent(e.$slots.leftIcon) ? (o(), n("div", g, [
+            r(e.$slots, "leftIcon")
+          ])) : s("", !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024),
+    p(c, {
+      "hide-close": !0,
+      interactive: !1,
+      size: "xs",
+      "grouped-chip": !0,
+      class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right"
+    }, {
+      icon: i(() => [
+        t.hasSlotContent(e.$slots.rightIcon) ? (o(), n("div", C, [
+          r(e.$slots, "rightIcon")
+        ])) : s("", !0)
+      ]),
+      default: i(() => [
+        t.hasSlotContent(e.$slots.rightContent) ? (o(), n("div", v, [
+          r(e.$slots, "rightContent")
+        ])) : s("", !0)
+      ]),
+      _: 3
+    })
+  ]);
+}
+const E = /* @__PURE__ */ a(f, [["render", S]]);
+export {
+  E as default
+};
+//# sourceMappingURL=grouped-chip.js.map

package/dist/lib/grouped-chip/grouped-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped-chip.js","sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-grouped-chip\"\n    class=\"d-recipe-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtChip","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_dt_chip","_createSlots","$data","_ctx","_hoisted_3","_renderSlot","_createCommentVNode","_withCtx","_hoisted_2","_hoisted_4","_hoisted_5"],"mappings":";;;;AAqEA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC;AAAA;EAEH;AACH;EAhFI,WAAQ;AAAA,EACR,OAAM;;EAHV,KAAA;AAAA,EAmBU,WAAQ;;EAnBlB,KAAA;AAAA,EA2BU,WAAQ;;EA3BlB,KAAA;AAAA,EA8CU,WAAQ;;EA9ClB,KAAA;AAAA,EAuDU,WAAQ;;;;AAtDhB,SAAAC,EAAA,GAAAC,EA6DM,OA7DNC,GA6DM;AAAA,IAzDJC,EA4BUC,GAAA;AAAA,MA3BP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA,IAVZ,GAAAC,EAAA;AAAA,MAwBiB,WACT,MAMM;AAAA,QALEC,EAAc,eAACC,EAAM,OAAC,WAAW,KADzCP,KAAAC,EAMM,OANNO,GAMM;AAAA,UADJC,EAA2BF,EAAA,QAAA,aAAA;AAAA,cA9BrCG,EAAA,IAAA,EAAA;AAAA;MAAA,GAAA;AAAA;MAacJ,EAAc,eAACC,EAAM,OAAC,QAAQ;QAb5C,MAcS;AAAA,QAdT,IAAAI,EAiBQ,MAKM;AAAA,UAJEL,EAAc,eAACC,EAAM,OAAC,QAAQ,KADtCP,KAAAC,EAKM,OALNW,GAKM;AAAA,YADJH,EAAwBF,EAAA,QAAA,UAAA;AAAA,gBArBlCG,EAAA,IAAA,EAAA;AAAA;QAAA,KAAA;AAAA,UAAA;AAAA;IAoCIP,EAyBUC,GAAA;AAAA,MAxBP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAEK,QACT,MAMM;AAAA,QALEE,EAAc,eAACC,EAAM,OAAC,SAAS,KADvCP,KAAAC,EAMM,OANNY,GAMM;AAAA,UADJJ,EAAyBF,EAAA,QAAA,WAAA;AAAA,cAjDnCG,EAAA,IAAA,EAAA;AAAA;MAoDiB,WACT,MAMM;AAAA,QALEJ,EAAc,eAACC,EAAM,OAAC,YAAY,KAD1CP,KAAAC,EAMM,OANNa,GAMM;AAAA,UADJL,EAA4BF,EAAA,QAAA,cAAA;AAAA,cA1DtCG,EAAA,IAAA,EAAA;AAAA;MAAA,GAAA;AAAA;;;;"}

package/dist/lib/grouped-chip/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./grouped-chip.cjs");exports.DtRecipeGroupedChip=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/grouped-chip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/grouped-chip/index.js

@@ -0,0 +1,5 @@
+import { default as o } from "./grouped-chip.js";
+export {
+  o as DtRecipeGroupedChip
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/grouped-chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/hovercard/hovercard.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),m=require("../../common/utils/index.cjs"),r=require("../tooltip/tooltip-constants.cjs"),f=require("../popover/popover-constants.cjs"),y=require("../popover/popover.cjs"),g={__name:"hovercard",props:{transition:{type:Boolean,default:!1},open:{type:Boolean,default:null},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"top-start",validator(e){return r.TOOLTIP_DIRECTIONS.includes(e)}},padding:{type:String,default:"large",validator:e=>Object.keys(f.POPOVER_PADDING_CLASSES).some(n=>n===e)},offset:{type:Array,default:()=>[0,16]},id:{type:String,default(){return m.getUniqueString()}},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""},dialogClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>f.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},enterDelay:{type:Number,default:r.TOOLTIP_DELAY_MS},leaveDelay:{type:Number,default:r.TOOLTIP_DELAY_MS}},emits:["opened"],setup(e){const n=e,o=t.ref(n.open),s=t.ref(null),i=t.ref(null);t.watch(()=>n.open,a=>{o.value=a},{immediate:!0});function p(){s.value=setTimeout(()=>{o.value=!0},n.enterDelay)}function v(){i.value=setTimeout(()=>{o.value=!1},n.leaveDelay)}function u(){n.open===null&&(clearTimeout(i.value),p())}function d(){n.open===null&&(clearTimeout(s.value),v())}return(a,c)=>(t.openBlock(),t.createBlock(t.unref(y.default),{id:e.id,open:o.value,placement:e.placement,"content-class":e.contentClass,"dialog-class":e.dialogClass,"fallback-placements":e.fallbackPlacements,padding:e.padding,transition:e.transition?"fade":null,offset:e.offset,modal:!1,"initial-focus-element":"none","header-class":e.headerClass,"footer-class":e.footerClass,"append-to":e.appendTo,"data-qa":"dt-hovercard","enter-delay":e.enterDelay,"leave-delay":e.leaveDelay,onOpened:c[0]||(c[0]=l=>a.$emit("opened",l)),onMouseenterPopover:u,onMouseleavePopover:d,onMouseenterPopoverAnchor:u,onMouseleavePopoverAnchor:d},{anchor:t.withCtx(({attrs:l})=>[t.renderSlot(a.$slots,"anchor",t.normalizeProps(t.guardReactiveProps(l)))]),content:t.withCtx(()=>[t.renderSlot(a.$slots,"content")]),headerContent:t.withCtx(()=>[t.renderSlot(a.$slots,"headerContent")]),footerContent:t.withCtx(()=>[t.renderSlot(a.$slots,"footerContent")]),_:3},8,["id","open","placement","content-class","dialog-class","fallback-placements","padding","transition","offset","header-class","footer-class","append-to","enter-delay","leave-delay"]))}};exports.default=g;
+//# sourceMappingURL=hovercard.cjs.map

package/dist/lib/hovercard/hovercard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hovercard.cjs","sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    :open=\"hovercardOpen\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :dialog-class=\"dialogClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    data-qa=\"dt-hovercard\"\n    :enter-delay=\"enterDelay\"\n    :leave-delay=\"leaveDelay\"\n    @opened=\"(e) => ($emit('opened', e))\"\n    @mouseenter-popover=\"onMouseEnter\"\n    @mouseleave-popover=\"onMouseLeave\"\n    @mouseenter-popover-anchor=\"onMouseEnter\"\n    @mouseleave-popover-anchor=\"onMouseLeave\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <!-- @slot Slot for the content that is displayed in the hovercard. -->\n      <slot name=\"content\" />\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\n\nconst props = defineProps({\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n  open: {\n    type: Boolean,\n    default: null,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n\n  /**\n   * The enter delay in milliseconds before the hovercard is shown.\n   * @type number\n   */\n  enterDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * The leave delay in milliseconds before the hovercard is hidden.\n   * @type number\n   */\n  leaveDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\n\nwatch(() => props.open, (open) => {\n  hovercardOpen.value = open;\n}, { immediate: true });\n\nfunction setInTimer () {\n  inTimer.value = setTimeout(() => {\n    hovercardOpen.value = true;\n  }, props.enterDelay);\n}\n\nfunction setOutTimer () {\n  outTimer.value = setTimeout(() => {\n    hovercardOpen.value = false;\n  }, props.leaveDelay);\n}\n\nfunction onMouseEnter () {\n  if (props.open === null) {\n    clearTimeout(outTimer.value);\n    setInTimer();\n  }\n}\n\nfunction onMouseLeave () {\n  if (props.open === null) {\n    clearTimeout(inTimer.value);\n    setOutTimer();\n  }\n}\n</script>\n"],"names":["props","__props","hovercardOpen","ref","inTimer","outTimer","watch","open","setInTimer","setOutTimer","onMouseEnter","onMouseLeave"],"mappings":"osCAuDA,MAAMA,EAAQC,EA4JRC,EAAgBC,EAAG,IAACH,EAAM,IAAI,EAC9BI,EAAUD,EAAAA,IAAI,IAAI,EAClBE,EAAWF,EAAAA,IAAI,IAAI,EAEzBG,EAAK,MAAC,IAAMN,EAAM,KAAOO,GAAS,CAChCL,EAAc,MAAQK,CACxB,EAAG,CAAE,UAAW,EAAI,CAAE,EAEtB,SAASC,GAAc,CACrBJ,EAAQ,MAAQ,WAAW,IAAM,CAC/BF,EAAc,MAAQ,EAC1B,EAAKF,EAAM,UAAU,CACrB,CAEA,SAASS,GAAe,CACtBJ,EAAS,MAAQ,WAAW,IAAM,CAChCH,EAAc,MAAQ,EAC1B,EAAKF,EAAM,UAAU,CACrB,CAEA,SAASU,GAAgB,CACnBV,EAAM,OAAS,OACjB,aAAaK,EAAS,KAAK,EAC3BG,IAEJ,CAEA,SAASG,GAAgB,CACnBX,EAAM,OAAS,OACjB,aAAaI,EAAQ,KAAK,EAC1BK,IAEJ"}

package/dist/lib/hovercard/hovercard.js

@@ -0,0 +1,208 @@
+import { ref as s, watch as v, openBlock as g, createBlock as O, unref as P, withCtx as o, renderSlot as l, normalizeProps as T, guardReactiveProps as S } from "vue";
+import { getUniqueString as C } from "../../common/utils/index.js";
+import { TOOLTIP_DIRECTIONS as h, TOOLTIP_DELAY_MS as m } from "../tooltip/tooltip-constants.js";
+import { POPOVER_PADDING_CLASSES as A, POPOVER_APPEND_TO_VALUES as b } from "../popover/popover-constants.js";
+import D from "../popover/popover.js";
+const j = {
+  __name: "hovercard",
+  props: {
+    /**
+       * Fade transition when the content display is toggled.
+       * @type boolean
+       * @values true, false
+       */
+    transition: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+       * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.
+       * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.
+       * Supports .sync modifier
+       * @values null, true, false
+       */
+    open: {
+      type: Boolean,
+      default: null
+    },
+    /**
+        * If the popover does not fit in the direction described by "placement",
+       * it will attempt to change its direction to the "fallbackPlacements".
+       * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements"
+       */
+    fallbackPlacements: {
+      type: Array,
+      default: () => ["auto"]
+    },
+    /**
+       * The direction the popover displays relative to the anchor.
+       * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement"
+       * @values top, top-start, top-end,
+       * right, right-start, right-end,
+       * left, left-start, left-end,
+       * bottom, bottom-start, bottom-end,
+       * auto, auto-start, auto-end
+       */
+    placement: {
+      type: String,
+      default: "top-start",
+      validator(e) {
+        return h.includes(e);
+      }
+    },
+    /**
+       * Padding size class for the popover content.
+       * @values none, small, medium, large
+       */
+    padding: {
+      type: String,
+      default: "large",
+      validator: (e) => Object.keys(A).some((t) => t === e)
+    },
+    /**
+       * Displaces the content box from its anchor element
+       * by the specified number of pixels.
+       * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset"
+       */
+    offset: {
+      type: Array,
+      default: () => [0, 16]
+    },
+    /**
+       * The id of the tooltip
+       */
+    id: {
+      type: String,
+      default() {
+        return C();
+      }
+    },
+    /**
+       * Additional class name for the header content wrapper element.
+       */
+    headerClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+       * Additional class name for the footer content wrapper element.
+       */
+    footerClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+       * Additional class name for the dialog element.
+       */
+    dialogClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+       * Additional class name for the content wrapper element.
+       */
+    contentClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+       * Sets the element to which the popover is going to append to.
+       * 'body' will append to the nearest body (supports shadow DOM).
+       * @values 'body', 'parent', HTMLElement,
+       */
+    appendTo: {
+      type: [HTMLElement, String],
+      default: "body",
+      validator: (e) => b.includes(e) || e instanceof HTMLElement
+    },
+    /**
+     * The enter delay in milliseconds before the hovercard is shown.
+     * @type number
+     */
+    enterDelay: {
+      type: Number,
+      default: m
+    },
+    /**
+     * The leave delay in milliseconds before the hovercard is hidden.
+     * @type number
+     */
+    leaveDelay: {
+      type: Number,
+      default: m
+    }
+  },
+  emits: [
+    /**
+     * Emitted when hovercard is shown or hidden
+     *
+     * @event opened
+     * @type {Boolean | Array}
+     */
+    "opened"
+  ],
+  setup(e) {
+    const t = e, n = s(t.open), i = s(null), u = s(null);
+    v(() => t.open, (a) => {
+      n.value = a;
+    }, { immediate: !0 });
+    function p() {
+      i.value = setTimeout(() => {
+        n.value = !0;
+      }, t.enterDelay);
+    }
+    function y() {
+      u.value = setTimeout(() => {
+        n.value = !1;
+      }, t.leaveDelay);
+    }
+    function d() {
+      t.open === null && (clearTimeout(u.value), p());
+    }
+    function c() {
+      t.open === null && (clearTimeout(i.value), y());
+    }
+    return (a, f) => (g(), O(P(D), {
+      id: e.id,
+      open: n.value,
+      placement: e.placement,
+      "content-class": e.contentClass,
+      "dialog-class": e.dialogClass,
+      "fallback-placements": e.fallbackPlacements,
+      padding: e.padding,
+      transition: e.transition ? "fade" : null,
+      offset: e.offset,
+      modal: !1,
+      "initial-focus-element": "none",
+      "header-class": e.headerClass,
+      "footer-class": e.footerClass,
+      "append-to": e.appendTo,
+      "data-qa": "dt-hovercard",
+      "enter-delay": e.enterDelay,
+      "leave-delay": e.leaveDelay,
+      onOpened: f[0] || (f[0] = (r) => a.$emit("opened", r)),
+      onMouseenterPopover: d,
+      onMouseleavePopover: c,
+      onMouseenterPopoverAnchor: d,
+      onMouseleavePopoverAnchor: c
+    }, {
+      anchor: o(({ attrs: r }) => [
+        l(a.$slots, "anchor", T(S(r)))
+      ]),
+      content: o(() => [
+        l(a.$slots, "content")
+      ]),
+      headerContent: o(() => [
+        l(a.$slots, "headerContent")
+      ]),
+      footerContent: o(() => [
+        l(a.$slots, "footerContent")
+      ]),
+      _: 3
+    }, 8, ["id", "open", "placement", "content-class", "dialog-class", "fallback-placements", "padding", "transition", "offset", "header-class", "footer-class", "append-to", "enter-delay", "leave-delay"]));
+  }
+};
+export {
+  j as default
+};
+//# sourceMappingURL=hovercard.js.map

package/dist/lib/hovercard/hovercard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hovercard.js","sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    :open=\"hovercardOpen\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :dialog-class=\"dialogClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    data-qa=\"dt-hovercard\"\n    :enter-delay=\"enterDelay\"\n    :leave-delay=\"leaveDelay\"\n    @opened=\"(e) => ($emit('opened', e))\"\n    @mouseenter-popover=\"onMouseEnter\"\n    @mouseleave-popover=\"onMouseLeave\"\n    @mouseenter-popover-anchor=\"onMouseEnter\"\n    @mouseleave-popover-anchor=\"onMouseLeave\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <!-- @slot Slot for the content that is displayed in the hovercard. -->\n      <slot name=\"content\" />\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\n\nconst props = defineProps({\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n  open: {\n    type: Boolean,\n    default: null,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n\n  /**\n   * The enter delay in milliseconds before the hovercard is shown.\n   * @type number\n   */\n  enterDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * The leave delay in milliseconds before the hovercard is hidden.\n   * @type number\n   */\n  leaveDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\n\nwatch(() => props.open, (open) => {\n  hovercardOpen.value = open;\n}, { immediate: true });\n\nfunction setInTimer () {\n  inTimer.value = setTimeout(() => {\n    hovercardOpen.value = true;\n  }, props.enterDelay);\n}\n\nfunction setOutTimer () {\n  outTimer.value = setTimeout(() => {\n    hovercardOpen.value = false;\n  }, props.leaveDelay);\n}\n\nfunction onMouseEnter () {\n  if (props.open === null) {\n    clearTimeout(outTimer.value);\n    setInTimer();\n  }\n}\n\nfunction onMouseLeave () {\n  if (props.open === null) {\n    clearTimeout(inTimer.value);\n    setOutTimer();\n  }\n}\n</script>\n"],"names":["props","__props","hovercardOpen","ref","inTimer","outTimer","watch","open","setInTimer","setOutTimer","onMouseEnter","onMouseLeave"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,UAAMA,IAAQC,GA4JRC,IAAgBC,EAAIH,EAAM,IAAI,GAC9BI,IAAUD,EAAI,IAAI,GAClBE,IAAWF,EAAI,IAAI;AAEzB,IAAAG,EAAM,MAAMN,EAAM,MAAM,CAACO,MAAS;AAChC,MAAAL,EAAc,QAAQK;AAAA,IACxB,GAAG,EAAE,WAAW,GAAI,CAAE;AAEtB,aAASC,IAAc;AACrB,MAAAJ,EAAQ,QAAQ,WAAW,MAAM;AAC/B,QAAAF,EAAc,QAAQ;AAAA,MAC1B,GAAKF,EAAM,UAAU;AAAA,IACrB;AAEA,aAASS,IAAe;AACtB,MAAAJ,EAAS,QAAQ,WAAW,MAAM;AAChC,QAAAH,EAAc,QAAQ;AAAA,MAC1B,GAAKF,EAAM,UAAU;AAAA,IACrB;AAEA,aAASU,IAAgB;AACvB,MAAIV,EAAM,SAAS,SACjB,aAAaK,EAAS,KAAK,GAC3BG;IAEJ;AAEA,aAASG,IAAgB;AACvB,MAAIX,EAAM,SAAS,SACjB,aAAaI,EAAQ,KAAK,GAC1BK;IAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/hovercard/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hovercard.cjs");exports.DtHovercard=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/hovercard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/hovercard/index.js

@@ -0,0 +1,5 @@
+import { default as e } from "./hovercard.js";
+export {
+  e as DtHovercard
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/hovercard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/icon/icon-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@dialpad/dialtone-icons/icons.js"),e={100:"d-icon--size-100",200:"d-icon--size-200",300:"d-icon--size-300",400:"d-icon--size-400",500:"d-icon--size-500",600:"d-icon--size-600",700:"d-icon--size-700",800:"d-icon--size-800"},i=o,s={ICON_SIZE_MODIFIERS:e,ICON_NAMES:i};exports.ICON_NAMES=i;exports.ICON_SIZE_MODIFIERS=e;exports.default=s;
+//# sourceMappingURL=icon-constants.cjs.map

package/dist/lib/icon/icon-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-constants.cjs","sources":["../../../components/icon/icon_constants.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.js';\nexport const ICON_SIZE_MODIFIERS = {\n  100: 'd-icon--size-100',\n  200: 'd-icon--size-200',\n  300: 'd-icon--size-300',\n  400: 'd-icon--size-400',\n  500: 'd-icon--size-500',\n  600: 'd-icon--size-600',\n  700: 'd-icon--size-700',\n  800: 'd-icon--size-800',\n};\n\nexport const ICON_NAMES = iconNames;\n\nexport default {\n  ICON_SIZE_MODIFIERS,\n  ICON_NAMES,\n};\n"],"names":["ICON_SIZE_MODIFIERS","ICON_NAMES","iconNames","icon_constants"],"mappings":"gKACaA,EAAsB,CACjC,IAAK,mBACL,IAAK,mBACL,IAAK,mBACL,IAAK,mBACL,IAAK,mBACL,IAAK,mBACL,IAAK,mBACL,IAAK,kBACP,EAEaC,EAAaC,EAEXC,EAAA,CACb,oBAAAH,EACA,WAAAC,CACF"}

package/dist/lib/icon/icon-constants.js

@@ -0,0 +1,20 @@
+import i from "@dialpad/dialtone-icons/icons.js";
+const o = {
+  100: "d-icon--size-100",
+  200: "d-icon--size-200",
+  300: "d-icon--size-300",
+  400: "d-icon--size-400",
+  500: "d-icon--size-500",
+  600: "d-icon--size-600",
+  700: "d-icon--size-700",
+  800: "d-icon--size-800"
+}, n = i, c = {
+  ICON_SIZE_MODIFIERS: o,
+  ICON_NAMES: n
+};
+export {
+  n as ICON_NAMES,
+  o as ICON_SIZE_MODIFIERS,
+  c as default
+};
+//# sourceMappingURL=icon-constants.js.map

package/dist/lib/icon/icon-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-constants.js","sources":["../../../components/icon/icon_constants.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.js';\nexport const ICON_SIZE_MODIFIERS = {\n  100: 'd-icon--size-100',\n  200: 'd-icon--size-200',\n  300: 'd-icon--size-300',\n  400: 'd-icon--size-400',\n  500: 'd-icon--size-500',\n  600: 'd-icon--size-600',\n  700: 'd-icon--size-700',\n  800: 'd-icon--size-800',\n};\n\nexport const ICON_NAMES = iconNames;\n\nexport default {\n  ICON_SIZE_MODIFIERS,\n  ICON_NAMES,\n};\n"],"names":["ICON_SIZE_MODIFIERS","ICON_NAMES","iconNames","icon_constants"],"mappings":";AACY,MAACA,IAAsB;AAAA,EACjC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAEaC,IAAaC,GAEXC,IAAA;AAAA,EACb,qBAAAH;AAAA,EACA,YAAAC;AACF;"}

package/dist/lib/icon/icon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@dialpad/dialtone-icons/vue3"),r=require("./icon-constants.cjs"),t=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={compatConfig:{MODE:3},name:"DtIcon",props:{size:{type:String,default:"500",validator:e=>Object.keys(r.ICON_SIZE_MODIFIERS).includes(e)},name:{type:String,required:!0,validator:e=>r.ICON_NAMES.includes(e)},ariaLabel:{type:String,default:void 0}},data(){return{iconLoaded:!1}},computed:{icon(){return i.icons[`./src/icons/${this.name}.vue`]}}};function u(e,l,a,d,_,n){return n.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.icon),{key:0,size:a.size,"aria-label":a.ariaLabel,"data-qa":e.$attrs["data-qa"]??"dt-icon"},null,8,["size","aria-label","data-qa"])):t.createCommentVNode("",!0)}const s=o._(c,[["render",u]]);exports.default=s;
+//# sourceMappingURL=icon.cjs.map

package/dist/lib/icon/icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.cjs","sources":["../../../components/icon/icon.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"icon\"\n    v-if=\"icon\"\n    :size=\"size\"\n    :aria-label=\"ariaLabel\"\n    :data-qa=\"$attrs['data-qa'] ?? 'dt-icon'\"\n  />\n</template>\n\n<script>\nimport { icons } from '@dialpad/dialtone-icons/vue3';\nimport { ICON_SIZE_MODIFIERS, ICON_NAMES } from './icon_constants';\n\n/**\n * The Icon component provides a set of glyphs and sizes to provide context your application.\n * @see https://dialtone.dialpad.com/components/icon.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtIcon',\n\n  props: {\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * The icon name in kebab-case\n     */\n    name: {\n      type: String,\n      required: true,\n      validator: (name) => ICON_NAMES.includes(name),\n    },\n\n    /**\n     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n     */\n    ariaLabel: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  data () {\n    return {\n      iconLoaded: false,\n    };\n  },\n\n  computed: {\n    icon () {\n      return icons[`./src/icons/${this.name}.vue`];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","name","ICON_NAMES","icons","$options","_createBlock","_resolveDynamicComponent","$props","_ctx","_createCommentVNode"],"mappings":"yQAkBKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,SAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,qBAAmB,EAAE,SAASD,CAAC,CAC9D,EAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACV,UAAYE,GAASC,aAAW,SAASD,CAAI,CAC9C,EAKD,UAAW,CACT,KAAM,OACN,QAAS,MACV,CACF,EAED,MAAQ,CACN,MAAO,CACL,WAAY,GAEf,EAED,SAAU,CACR,MAAQ,CACN,OAAOE,EAAAA,MAAM,eAAe,KAAK,IAAI,MAAM,CAC5C,CACF,CACH,iCA3DUC,EAAI,oBAFZC,EAME,YAPJC,0BAESF,EAAI,IAAA,EAAA,CAFb,IAAA,EAIK,KAAMG,EAAI,KACV,aAAYA,EAAS,UACrB,UAASC,EAAM,OAAA,SAAA,GAAA,oDANpBC,EAAA,mBAAA,GAAA,EAAA"}