@dialpad/dialtone-vue 3.150.0 → 3.150.1

package/dist/lib/group-row.cjs

@@ -1,115 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lib_icon = require("./icon.cjs");
-const common_utils = require("../common/utils.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
-const lib_generalRow = require("./general-row.cjs");
-require("@dialpad/dialtone-icons/vue3");
-require("../chunks/icon_constants-da57m7BZ.js");
-require("@dialpad/dialtone-icons/icons.js");
-require("../common/constants.cjs");
-require("./emoji-text-wrapper.cjs");
-require("../chunks/index-lu2o2f4r.js");
-require("@dialpad/dialtone-emojis");
-require("./emoji.cjs");
-require("./skeleton.cjs");
-require("./badge.cjs");
-require("./button.cjs");
-require("../chunks/link_constants-x8NwdqmA.js");
-require("./tooltip.cjs");
-require("../chunks/popover_constants-XnGWXaxX.js");
-require("tippy.js");
-const _sfc_main = {
-  name: "DtRecipeGroupRow",
-  components: {
-    DtIcon: lib_icon.DtIcon,
-    DtRecipeGeneralRow: lib_generalRow.DtRecipeGeneralRow
-  },
-  inheritAttrs: false,
-  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: true
-    },
-    /**
-     * Number of unread messages
-     */
-    unreadCount: {
-      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: false
-    },
-    /**
-     * Determines if the row is selected
-     */
-    selected: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
-    isTyping: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [],
-  computed: {
-    ariaLabel() {
-      return common_utils.safeConcatStrings([this.groupCountText, this.names]);
-    },
-    contactRowListeners() {
-      return common_utils.extractVueListeners(this.$attrs);
-    }
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_icon = vue.resolveComponent("dt-icon");
-  const _component_dt_recipe_general_row = vue.resolveComponent("dt-recipe-general-row");
-  return vue.openBlock(), vue.createBlock(_component_dt_recipe_general_row, vue.mergeProps({
-    description: $props.names,
-    "aria-label": $options.ariaLabel,
-    "unread-count": $props.unreadCount,
-    "has-unreads": $props.hasUnreads,
-    "unread-count-tooltip": $props.unreadCountTooltip,
-    selected: $props.selected,
-    "is-typing": $props.isTyping
-  }, _ctx.$attrs, vue.toHandlers($options.contactRowListeners)), {
-    left: vue.withCtx(() => [
-      vue.createVNode(_component_dt_icon, {
-        name: "users",
-        size: "300"
-      })
-    ]),
-    _: 1
-  }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
-}
-const group_row = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+const group_row = require("../recipes/leftbar/group_row/group_row.vue.cjs");
 exports.DtRecipeGroupRow = group_row;
 //# sourceMappingURL=group-row.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"group-row.cjs","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-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\n        name=\"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 DtIcon from '@/components/icon/icon.vue';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIcon,\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     * 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":["DtIcon","DtRecipeGeneralRow","safeConcatStrings","extractVueListeners","_openBlock","_createBlock","_mergeProps","_toHandlers","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAA,SAAM;AAAA,IACN,oBAAAC,eAAkB;AAAA,EACnB;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;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,aAAAA,kBAAkB,CAAC,KAAK,gBAAgB,KAAK,KAAK,CAAC;AAAA,IAC3D;AAAA,IAED,sBAAuB;AACrB,aAAOC,aAAmB,oBAAC,KAAK,MAAM;AAAA,IACvC;AAAA,EACF;AACH;;;;AA3GE,SAAAC,cAAA,GAAAC,gBAiBwB,kCAjBxBC,IAAAA,WAiBwB;AAAA,IAhBrB,aAAa,OAAK;AAAA,IAClB,cAAY,SAAS;AAAA,IACrB,gBAAc,OAAW;AAAA,IACzB,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAkB;AAAA,IACxC,UAAU,OAAQ;AAAA,IAClB,aAAW,OAAQ;AAAA,KACZ,KAAM,QACdC,IAAAA,WAA0B,SAAD,mBAAA,CAAA,GAAA;AAAA,IAEd,kBACT,MAGE;AAAA,MAHFC,IAAAA,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;;;;;;"}
+{"version":3,"file":"group-row.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/lib/group-row.js

@@ -1,115 +1,5 @@
-import { DtIcon } from "./icon.js";
-import { safeConcatStrings, extractVueListeners } from "../common/utils.js";
-import { resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode } from "vue";
-import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
-import { DtRecipeGeneralRow } from "./general-row.js";
-import "@dialpad/dialtone-icons/vue3";
-import "../chunks/icon_constants-H9ahUVCG.js";
-import "@dialpad/dialtone-icons/icons.js";
-import "../common/constants.js";
-import "./emoji-text-wrapper.js";
-import "../chunks/index-GVD15GIB.js";
-import "@dialpad/dialtone-emojis";
-import "./emoji.js";
-import "./skeleton.js";
-import "./badge.js";
-import "./button.js";
-import "../chunks/link_constants-AfTWrr-n.js";
-import "./tooltip.js";
-import "../chunks/popover_constants-WsOUIY-m.js";
-import "tippy.js";
-const _sfc_main = {
-  name: "DtRecipeGroupRow",
-  components: {
-    DtIcon,
-    DtRecipeGeneralRow
-  },
-  inheritAttrs: false,
-  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: true
-    },
-    /**
-     * Number of unread messages
-     */
-    unreadCount: {
-      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: false
-    },
-    /**
-     * Determines if the row is selected
-     */
-    selected: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
-    isTyping: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [],
-  computed: {
-    ariaLabel() {
-      return safeConcatStrings([this.groupCountText, this.names]);
-    },
-    contactRowListeners() {
-      return extractVueListeners(this.$attrs);
-    }
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_icon = resolveComponent("dt-icon");
-  const _component_dt_recipe_general_row = resolveComponent("dt-recipe-general-row");
-  return openBlock(), createBlock(_component_dt_recipe_general_row, mergeProps({
-    description: $props.names,
-    "aria-label": $options.ariaLabel,
-    "unread-count": $props.unreadCount,
-    "has-unreads": $props.hasUnreads,
-    "unread-count-tooltip": $props.unreadCountTooltip,
-    selected: $props.selected,
-    "is-typing": $props.isTyping
-  }, _ctx.$attrs, toHandlers($options.contactRowListeners)), {
-    left: withCtx(() => [
-      createVNode(_component_dt_icon, {
-        name: "users",
-        size: "300"
-      })
-    ]),
-    _: 1
-  }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
-}
-const group_row = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { default as default2 } from "../recipes/leftbar/group_row/group_row.vue.js";
 export {
-  group_row as DtRecipeGroupRow
+  default2 as DtRecipeGroupRow
 };
 //# sourceMappingURL=group-row.js.map

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

@@ -1 +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-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\n        name=\"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 DtIcon from '@/components/icon/icon.vue';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIcon,\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     * 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":["_openBlock","_createBlock","_mergeProps","_toHandlers","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;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;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,aAAO,kBAAkB,CAAC,KAAK,gBAAgB,KAAK,KAAK,CAAC;AAAA,IAC3D;AAAA,IAED,sBAAuB;AACrB,aAAO,oBAAoB,KAAK,MAAM;AAAA,IACvC;AAAA,EACF;AACH;;;;AA3GE,SAAAA,UAAA,GAAAC,YAiBwB,kCAjBxBC,WAiBwB;AAAA,IAhBrB,aAAa,OAAK;AAAA,IAClB,cAAY,SAAS;AAAA,IACrB,gBAAc,OAAW;AAAA,IACzB,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAkB;AAAA,IACxC,UAAU,OAAQ;AAAA,IAClB,aAAW,OAAQ;AAAA,KACZ,KAAM,QACdC,WAA0B,SAAD,mBAAA,CAAA,GAAA;AAAA,IAEd,cACT,MAGE;AAAA,MAHFC,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;;;;;"}
+{"version":3,"file":"group-row.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/grouped-chip.cjs

@@ -1,97 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const common_utils = require("../common/utils.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
-const lib_chip = require("./chip.cjs");
-require("../common/constants.cjs");
-require("./button.cjs");
-require("../chunks/link_constants-x8NwdqmA.js");
-require("./icon.cjs");
-require("@dialpad/dialtone-icons/vue3");
-require("../chunks/icon_constants-da57m7BZ.js");
-require("@dialpad/dialtone-icons/icons.js");
-const _sfc_main = {
-  name: "DtRecipeGroupedChip",
-  components: {
-    DtChip: lib_chip.DtChip
-  },
-  data() {
-    return {
-      hasSlotContent: common_utils.hasSlotContent
-    };
-  }
-};
-const _hoisted_1 = {
-  "data-qa": "grouped-chip",
-  class: "dt-grouped-chip"
-};
-const _hoisted_2 = {
-  key: 0,
-  "data-qa": "left-grouped-chip-icon"
-};
-const _hoisted_3 = {
-  key: 0,
-  "data-qa": "left-grouped-chip-content"
-};
-const _hoisted_4 = {
-  key: 0,
-  "data-qa": "right-grouped-chip-icon"
-};
-const _hoisted_5 = {
-  key: 0,
-  "data-qa": "right-grouped-chip-content"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_chip = vue.resolveComponent("dt-chip");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createVNode(_component_dt_chip, {
-      "hide-close": true,
-      interactive: false,
-      "content-class": "d-fs100",
-      size: "xs",
-      "grouped-chip": true,
-      class: "dt-chip-content dt-chip-content--left"
-    }, vue.createSlots({
-      default: vue.withCtx(() => [
-        $data.hasSlotContent(_ctx.$slots.leftContent) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.renderSlot(_ctx.$slots, "leftContent")
-        ])) : vue.createCommentVNode("", true)
-      ]),
-      _: 2
-    }, [
-      $data.hasSlotContent(_ctx.$slots.leftIcon) ? {
-        name: "icon",
-        fn: vue.withCtx(() => [
-          $data.hasSlotContent(_ctx.$slots.leftIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-            vue.renderSlot(_ctx.$slots, "leftIcon")
-          ])) : vue.createCommentVNode("", true)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1024),
-    vue.createVNode(_component_dt_chip, {
-      "hide-close": true,
-      interactive: false,
-      "content-class": "d-fs100",
-      size: "xs",
-      "grouped-chip": true,
-      class: "dt-chip-content dt-chip-content--right"
-    }, {
-      icon: vue.withCtx(() => [
-        $data.hasSlotContent(_ctx.$slots.rightIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          vue.renderSlot(_ctx.$slots, "rightIcon")
-        ])) : vue.createCommentVNode("", true)
-      ]),
-      default: vue.withCtx(() => [
-        $data.hasSlotContent(_ctx.$slots.rightContent) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-          vue.renderSlot(_ctx.$slots, "rightContent")
-        ])) : vue.createCommentVNode("", true)
-      ]),
-      _: 3
-    })
-  ]);
-}
-const grouped_chip = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+const grouped_chip = require("../recipes/chips/grouped_chip/grouped_chip.vue.cjs");
 exports.DtRecipeGroupedChip = grouped_chip;
 //# sourceMappingURL=grouped-chip.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"grouped-chip.cjs","sources":["../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"grouped-chip\"\n    class=\"dt-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      content-class=\"d-fs100\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"dt-chip-content dt-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      content-class=\"d-fs100\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"dt-chip-content dt-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  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-grouped-chip {\n  display: inline-flex;\n  white-space: nowrap;\n  background-color: unset;\n  background-image: unset;\n}\n\n.dt-chip-content {\n  font-variant-numeric: tabular-nums;\n\n  &--left {\n    border-top-left-radius: var(--dt-size-radius-pill);\n    border-bottom-left-radius: var(--dt-size-radius-pill);\n    background-color: var(--dt-color-surface-moderate-opaque);\n    max-width: var(--dt-size-730);\n  }\n\n  &--right {\n    border-top-right-radius: var(--dt-size-radius-pill);\n    border-bottom-right-radius: var(--dt-size-radius-pill);\n    background-color: var(--dt-color-purple-200);\n    max-width: var(--dt-size-730);\n  }\n}\n</style>\n"],"names":["DtChip","hasSlotContent","_openBlock","_createElementBlock","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;;;;AAuEA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAA,SAAM;AAAA,EACP;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC,aAAc;AAAA;EAEjB;AACH;;EAjFI,WAAQ;AAAA,EACR,OAAM;;;;EAiBA,WAAQ;;;;EAQR,WAAQ;;;;EAoBR,WAAQ;;;;EASR,WAAQ;;;;AAxDhB,SAAAC,cAAA,GAAAC,uBA+DM,OA/DN,YA+DM;AAAA,IA3DJC,IAAAA,YA6BU,oBAAA;AAAA,MA5BP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,iBAAc;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAcK,qBACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,WAAW,KADzCF,IAAAA,aAAAC,IAAAA,mBAMM,OANN,YAMM;AAAA,UADJE,eAA2B,KAAA,QAAA,aAAA;AAAA;;;;MAjBvB,MAAc,eAAC,KAAM,OAAC,QAAQ;cACnC;AAAA,wBAGD,MAKM;AAAA,UAJE,MAAc,eAAC,KAAM,OAAC,QAAQ,KADtCH,IAAAA,aAAAC,IAAAA,mBAKM,OALN,YAKM;AAAA,YADJE,eAAwB,KAAA,QAAA,UAAA;AAAA;;;;;IAe9BD,IAAAA,YA0BU,oBAAA;AAAA,MAzBP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,iBAAc;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAEK,kBACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,SAAS,KADvCF,IAAAA,aAAAC,IAAAA,mBAMM,OANN,YAMM;AAAA,UADJE,eAAyB,KAAA,QAAA,WAAA;AAAA;;MAGlB,qBACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,YAAY,KAD1CH,IAAAA,aAAAC,IAAAA,mBAMM,OANN,YAMM;AAAA,UADJE,eAA4B,KAAA,QAAA,cAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"grouped-chip.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/lib/grouped-chip.js

@@ -1,97 +1,5 @@
-import { hasSlotContent } from "../common/utils.js";
-import { resolveComponent, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, createCommentVNode } from "vue";
-import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
-import { DtChip } from "./chip.js";
-import "../common/constants.js";
-import "./button.js";
-import "../chunks/link_constants-AfTWrr-n.js";
-import "./icon.js";
-import "@dialpad/dialtone-icons/vue3";
-import "../chunks/icon_constants-H9ahUVCG.js";
-import "@dialpad/dialtone-icons/icons.js";
-const _sfc_main = {
-  name: "DtRecipeGroupedChip",
-  components: {
-    DtChip
-  },
-  data() {
-    return {
-      hasSlotContent
-    };
-  }
-};
-const _hoisted_1 = {
-  "data-qa": "grouped-chip",
-  class: "dt-grouped-chip"
-};
-const _hoisted_2 = {
-  key: 0,
-  "data-qa": "left-grouped-chip-icon"
-};
-const _hoisted_3 = {
-  key: 0,
-  "data-qa": "left-grouped-chip-content"
-};
-const _hoisted_4 = {
-  key: 0,
-  "data-qa": "right-grouped-chip-icon"
-};
-const _hoisted_5 = {
-  key: 0,
-  "data-qa": "right-grouped-chip-content"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_chip = resolveComponent("dt-chip");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(_component_dt_chip, {
-      "hide-close": true,
-      interactive: false,
-      "content-class": "d-fs100",
-      size: "xs",
-      "grouped-chip": true,
-      class: "dt-chip-content dt-chip-content--left"
-    }, createSlots({
-      default: withCtx(() => [
-        $data.hasSlotContent(_ctx.$slots.leftContent) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "leftContent")
-        ])) : createCommentVNode("", true)
-      ]),
-      _: 2
-    }, [
-      $data.hasSlotContent(_ctx.$slots.leftIcon) ? {
-        name: "icon",
-        fn: withCtx(() => [
-          $data.hasSlotContent(_ctx.$slots.leftIcon) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "leftIcon")
-          ])) : createCommentVNode("", true)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1024),
-    createVNode(_component_dt_chip, {
-      "hide-close": true,
-      interactive: false,
-      "content-class": "d-fs100",
-      size: "xs",
-      "grouped-chip": true,
-      class: "dt-chip-content dt-chip-content--right"
-    }, {
-      icon: withCtx(() => [
-        $data.hasSlotContent(_ctx.$slots.rightIcon) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          renderSlot(_ctx.$slots, "rightIcon")
-        ])) : createCommentVNode("", true)
-      ]),
-      default: withCtx(() => [
-        $data.hasSlotContent(_ctx.$slots.rightContent) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          renderSlot(_ctx.$slots, "rightContent")
-        ])) : createCommentVNode("", true)
-      ]),
-      _: 3
-    })
-  ]);
-}
-const grouped_chip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { default as default2 } from "../recipes/chips/grouped_chip/grouped_chip.vue.js";
 export {
-  grouped_chip as DtRecipeGroupedChip
+  default2 as DtRecipeGroupedChip
 };
 //# sourceMappingURL=grouped-chip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"grouped-chip.js","sources":["../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"grouped-chip\"\n    class=\"dt-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      content-class=\"d-fs100\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"dt-chip-content dt-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      content-class=\"d-fs100\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"dt-chip-content dt-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  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-grouped-chip {\n  display: inline-flex;\n  white-space: nowrap;\n  background-color: unset;\n  background-image: unset;\n}\n\n.dt-chip-content {\n  font-variant-numeric: tabular-nums;\n\n  &--left {\n    border-top-left-radius: var(--dt-size-radius-pill);\n    border-bottom-left-radius: var(--dt-size-radius-pill);\n    background-color: var(--dt-color-surface-moderate-opaque);\n    max-width: var(--dt-size-730);\n  }\n\n  &--right {\n    border-top-right-radius: var(--dt-size-radius-pill);\n    border-bottom-right-radius: var(--dt-size-radius-pill);\n    background-color: var(--dt-color-purple-200);\n    max-width: var(--dt-size-730);\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;;AAuEA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AACH;;EAjFI,WAAQ;AAAA,EACR,OAAM;;;;EAiBA,WAAQ;;;;EAQR,WAAQ;;;;EAoBR,WAAQ;;;;EASR,WAAQ;;;;AAxDhB,SAAAA,UAAA,GAAAC,mBA+DM,OA/DN,YA+DM;AAAA,IA3DJC,YA6BU,oBAAA;AAAA,MA5BP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,iBAAc;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAcK,iBACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,WAAW,KADzCF,aAAAC,mBAMM,OANN,YAMM;AAAA,UADJE,WAA2B,KAAA,QAAA,aAAA;AAAA;;;;MAjBvB,MAAc,eAAC,KAAM,OAAC,QAAQ;cACnC;AAAA,oBAGD,MAKM;AAAA,UAJE,MAAc,eAAC,KAAM,OAAC,QAAQ,KADtCH,aAAAC,mBAKM,OALN,YAKM;AAAA,YADJE,WAAwB,KAAA,QAAA,UAAA;AAAA;;;;;IAe9BD,YA0BU,oBAAA;AAAA,MAzBP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,iBAAc;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAEK,cACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,SAAS,KADvCF,aAAAC,mBAMM,OANN,YAMM;AAAA,UADJE,WAAyB,KAAA,QAAA,WAAA;AAAA;;MAGlB,iBACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,YAAY,KAD1CH,aAAAC,mBAMM,OANN,YAMM;AAAA,UADJE,WAA4B,KAAA,QAAA,cAAA;AAAA;;;;;;;"}
+{"version":3,"file":"grouped-chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}