@dialpad/dialtone 9.110.1-beta.2 → 9.110.2

package/dist/vue3/recipes/leftbar/contact_centers_row/contact_centers_row.vue.cjs

@@ -0,0 +1,232 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const common_utils = require("../../../common/utils.cjs");
+const emoji_text_wrapper = require("../../../components/emoji_text_wrapper/emoji_text_wrapper.vue.cjs");
+const DtIconChevronDown = require("@dialpad/dialtone-icons/vue3/chevron-down");
+const DtIconHeadphones = require("@dialpad/dialtone-icons/vue3/headphones");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const button = require("../../../components/button/button.vue.cjs");
+const badge = require("../../../components/badge/badge.vue.cjs");
+const _sfc_main = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeContactCentersRow",
+  components: {
+    DtButton: button.default,
+    DtBadge: badge.default,
+    DtEmojiTextWrapper: emoji_text_wrapper.default,
+    DtIconHeadphones,
+    DtIconChevronDown
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
+     */
+    ariaLabel: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Text displayed next to the icon. Required.
+     */
+    description: {
+      type: String,
+      required: true
+    },
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Making this true will hide the unread count badge, the chevron button, and the right slot
+     */
+    hideActions: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Number of unread messages, could be a string to support '99+'
+     */
+    unreadCount: {
+      type: String,
+      default: null
+    },
+    /**
+     * Aria label for the menu button.
+     */
+    menuButtonAriaLabel: {
+      type: String,
+      required: true
+    }
+  },
+  emits: [
+    /**
+     * Native click event on the row itself
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click",
+    /**
+     * Menu button clicked
+     *
+     * @event call
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click-menu"
+  ],
+  data() {
+    return {
+      labelWidth: "auto"
+    };
+  },
+  computed: {
+    leftbarContactCentersRowClasses() {
+      return [
+        "d-recipe-leftbar-row",
+        "d-recipe-leftbar-row--contact-centers",
+        {
+          "d-recipe-leftbar-row__unread-count": this.showUnreadCount,
+          "d-recipe-leftbar-row--selected": this.selected
+        }
+      ];
+    },
+    getAriaLabel() {
+      return this.ariaLabel ? this.ariaLabel : common_utils.safeConcatStrings([this.description, this.unreadCountTooltip]);
+    },
+    contactRowListeners() {
+      return common_utils.extractVueListeners(this.$attrs);
+    },
+    showUnreadCount() {
+      return !!this.unreadCount;
+    }
+  },
+  watch: {
+    $props: {
+      deep: true,
+      async handler() {
+        await this.$nextTick();
+        this.adjustLabelWidth();
+      }
+    }
+  },
+  mounted() {
+    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);
+    this.resizeObserver.observe(common_utils.returnFirstEl(this.$el));
+    this.adjustLabelWidth();
+  },
+  beforeUnmount: function() {
+    this.resizeObserver.disconnect();
+  },
+  methods: {
+    removeClassStyleAttrs: common_utils.removeClassStyleAttrs,
+    addClassStyleAttrs: common_utils.addClassStyleAttrs,
+    adjustLabelWidth() {
+      var _a, _b, _c, _d, _e, _f;
+      const labelWidth = ((_b = (_a = common_utils.returnFirstEl(this.$el)) == null ? void 0 : _a.querySelector(".d-recipe-leftbar-row__primary")) == null ? void 0 : _b.clientWidth) || 0;
+      const omegaWidth = ((_d = (_c = common_utils.returnFirstEl(this.$el)) == null ? void 0 : _c.querySelector(".d-recipe-leftbar-row__omega")) == null ? void 0 : _d.clientWidth) || 0;
+      const alphaWidth = ((_f = (_e = common_utils.returnFirstEl(this.$el)) == null ? void 0 : _e.querySelector(".d-recipe-leftbar-row__alpha")) == null ? void 0 : _f.clientWidth) || 0;
+      const paddings = 12;
+      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + "px";
+    }
+  }
+};
+const _hoisted_1 = ["data-qa", "aria-label", "title", "href"];
+const _hoisted_2 = { class: "d-recipe-leftbar-row__alpha" };
+const _hoisted_3 = {
+  key: 0,
+  class: "d-recipe-leftbar-row__omega"
+};
+const _hoisted_4 = { class: "d-recipe-leftbar-row__action-container" };
+const _hoisted_5 = { class: "d-recipe-leftbar-row__bottom" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_headphones = vue.resolveComponent("dt-icon-headphones");
+  const _component_dt_emoji_text_wrapper = vue.resolveComponent("dt-emoji-text-wrapper");
+  const _component_dt_badge = vue.resolveComponent("dt-badge");
+  const _component_dt_icon_chevron_down = vue.resolveComponent("dt-icon-chevron-down");
+  const _component_dt_button = vue.resolveComponent("dt-button");
+  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+    class: [
+      "d-recipe-leftbar-row__container",
+      { "d-recipe-leftbar-row__container--off-duty": _ctx.$slots.timer }
+    ]
+  }, $options.addClassStyleAttrs(_ctx.$attrs)), [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass($options.leftbarContactCentersRowClasses),
+      "data-qa": "dt-recipe-contact-centers-row"
+    }, [
+      vue.createElementVNode("a", vue.mergeProps({
+        class: "d-recipe-leftbar-row__primary",
+        "data-qa": _ctx.$attrs["data-qa"] ?? "d-recipe-leftbar-row-link",
+        "aria-label": $options.getAriaLabel,
+        title: $props.description,
+        href: _ctx.$attrs.href ?? "javascript:void(0)"
+      }, $options.removeClassStyleAttrs(_ctx.$attrs), vue.toHandlers($options.contactRowListeners, true), {
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }), [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(_component_dt_icon_headphones, {
+            size: "300",
+            "data-qa": "dt-recipe-leftbar-row-icon"
+          })
+        ]),
+        vue.createElementVNode("div", {
+          class: "d-recipe-leftbar-row__label",
+          style: vue.normalizeStyle(`flex-basis: ${$data.labelWidth}`)
+        }, [
+          vue.createVNode(_component_dt_emoji_text_wrapper, {
+            class: "d-recipe-leftbar-row__description",
+            "data-qa": "dt-recipe-leftbar-row-description",
+            size: "200"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString($props.description), 1)
+            ]),
+            _: 1
+          })
+        ], 4)
+      ], 16, _hoisted_1),
+      !$props.hideActions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+        vue.renderSlot(_ctx.$slots, "right"),
+        vue.createElementVNode("div", _hoisted_4, [
+          $options.showUnreadCount ? (vue.openBlock(), vue.createBlock(_component_dt_badge, {
+            key: 0,
+            class: "d-recipe-leftbar-row__unread-badge",
+            "data-qa": "dt-recipe-leftbar-row-unread-badge",
+            kind: "count",
+            type: "bulletin"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString($props.unreadCount), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_dt_button, {
+            class: "d-recipe-leftbar-row__action",
+            "data-qa": "dt-recipe-leftbar-row-action-button",
+            "aria-label": $props.menuButtonAriaLabel,
+            importance: "clear",
+            size: "xs",
+            circle: "",
+            onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.$emit("click-menu", $event), ["stop"]))
+          }, {
+            icon: vue.withCtx(() => [
+              vue.createVNode(_component_dt_icon_chevron_down, { size: "100" })
+            ]),
+            _: 1
+          }, 8, ["aria-label"])
+        ])
+      ])) : vue.createCommentVNode("", true)
+    ], 2),
+    vue.createElementVNode("div", _hoisted_5, [
+      vue.renderSlot(_ctx.$slots, "timer")
+    ])
+  ], 16);
+}
+const contact_centers_row = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = contact_centers_row;
+//# sourceMappingURL=contact_centers_row.vue.cjs.map

package/dist/vue3/recipes/leftbar/contact_centers_row/contact_centers_row.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact_centers_row.vue.cjs","sources":["../../../../recipes/leftbar/contact_centers_row/contact_centers_row.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-recipe-leftbar-row__container',\n      { 'd-recipe-leftbar-row__container--off-duty': $slots.timer },\n    ]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <div\n      :class=\"leftbarContactCentersRowClasses\"\n      data-qa=\"dt-recipe-contact-centers-row\"\n    >\n      <a\n        class=\"d-recipe-leftbar-row__primary\"\n        :data-qa=\"$attrs['data-qa'] ?? 'd-recipe-leftbar-row-link'\"\n        :aria-label=\"getAriaLabel\"\n        :title=\"description\"\n        :href=\"$attrs.href ?? 'javascript:void(0)'\"\n        v-bind=\"removeClassStyleAttrs($attrs)\"\n        v-on=\"contactRowListeners\"\n        @click=\"$emit('click', $event)\"\n      >\n        <div class=\"d-recipe-leftbar-row__alpha\">\n          <dt-icon-headphones\n            size=\"300\"\n            data-qa=\"dt-recipe-leftbar-row-icon\"\n          />\n        </div>\n        <div\n          class=\"d-recipe-leftbar-row__label\"\n          :style=\"`flex-basis: ${labelWidth}`\"\n        >\n          <dt-emoji-text-wrapper\n            class=\"d-recipe-leftbar-row__description\"\n            data-qa=\"dt-recipe-leftbar-row-description\"\n            size=\"200\"\n          >\n            {{ description }}\n          </dt-emoji-text-wrapper>\n        </div>\n      </a>\n      <div\n        v-if=\"!hideActions\"\n        class=\"d-recipe-leftbar-row__omega\"\n      >\n        <slot name=\"right\" />\n        <div class=\"d-recipe-leftbar-row__action-container\">\n          <dt-badge\n            v-if=\"showUnreadCount\"\n            class=\"d-recipe-leftbar-row__unread-badge\"\n            data-qa=\"dt-recipe-leftbar-row-unread-badge\"\n            kind=\"count\"\n            type=\"bulletin\"\n          >\n            {{ unreadCount }}\n          </dt-badge>\n          <dt-button\n            class=\"d-recipe-leftbar-row__action\"\n            data-qa=\"dt-recipe-leftbar-row-action-button\"\n            :aria-label=\"menuButtonAriaLabel\"\n            importance=\"clear\"\n            size=\"xs\"\n            circle\n            @click.stop=\"$emit('click-menu', $event)\"\n          >\n            <template #icon>\n              <dt-icon-chevron-down size=\"100\" />\n            </template>\n          </dt-button>\n        </div>\n      </div>\n    </div>\n    <div class=\"d-recipe-leftbar-row__bottom\">\n      <slot name=\"timer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { extractVueListeners, safeConcatStrings, removeClassStyleAttrs, returnFirstEl, addClassStyleAttrs } from '@/common/utils';\nimport { DtBadge } from '@/components/badge';\nimport { DtButton } from '@/components/button';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtIconChevronDown from '@dialpad/dialtone-icons/vue3/chevron-down';\nimport DtIconHeadphones from '@dialpad/dialtone-icons/vue3/headphones';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactCentersRow',\n\n  components: {\n    DtButton,\n    DtBadge,\n    DtEmojiTextWrapper,\n    DtIconHeadphones,\n    DtIconChevronDown,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Text displayed next to the icon. Required.\n     */\n    description: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Making this true will hide the unread count badge, the chevron button, and the right slot\n     */\n    hideActions: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages, could be a string to support '99+'\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Aria label for the menu button.\n     */\n    menuButtonAriaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event on the row itself\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\n    /**\n     * Menu button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click-menu',\n  ],\n\n  data () {\n    return {\n      labelWidth: 'auto',\n    };\n  },\n\n  computed: {\n    leftbarContactCentersRowClasses () {\n      return [\n        'd-recipe-leftbar-row',\n        'd-recipe-leftbar-row--contact-centers',\n        {\n          'd-recipe-leftbar-row__unread-count': this.showUnreadCount,\n          'd-recipe-leftbar-row--selected': this.selected,\n        },\n      ];\n    },\n\n    getAriaLabel () {\n      return this.ariaLabel\n        ? this.ariaLabel\n        : safeConcatStrings([this.description, this.unreadCountTooltip]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    showUnreadCount () {\n      return !!this.unreadCount;\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      async handler () {\n        await this.$nextTick();\n        this.adjustLabelWidth();\n      },\n    },\n  },\n\n  mounted () {\n    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);\n    this.resizeObserver.observe(returnFirstEl(this.$el));\n    this.adjustLabelWidth();\n  },\n\n  beforeUnmount: function () {\n    this.resizeObserver.disconnect();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    adjustLabelWidth () {\n      const labelWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__primary')?.clientWidth || 0;\n      const omegaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__omega')?.clientWidth || 0;\n      const alphaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__alpha')?.clientWidth || 0;\n      const paddings = 12;\n      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n    },\n  },\n};\n</script>\n"],"names":["DtButton","DtBadge","DtEmojiTextWrapper","safeConcatStrings","extractVueListeners","returnFirstEl","removeClassStyleAttrs","addClassStyleAttrs","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_normalizeClass","_toHandlers","_createVNode","_normalizeStyle","_withCtx","_createTextVNode","_toDisplayString","_renderSlot","_createBlock","_createCommentVNode","_withModifiers"],"mappings":"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"}

package/dist/vue3/recipes/leftbar/contact_centers_row/contact_centers_row.vue.js

@@ -0,0 +1,232 @@
+import { safeConcatStrings, extractVueListeners, returnFirstEl, removeClassStyleAttrs, addClassStyleAttrs } from "../../../common/utils.js";
+import DtEmojiTextWrapper from "../../../components/emoji_text_wrapper/emoji_text_wrapper.vue.js";
+import DtIconChevronDown from "@dialpad/dialtone-icons/vue3/chevron-down";
+import DtIconHeadphones from "@dialpad/dialtone-icons/vue3/headphones";
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, toHandlers, createVNode, normalizeStyle, withCtx, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode, withModifiers } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+import DtButton from "../../../components/button/button.vue.js";
+import DtBadge from "../../../components/badge/badge.vue.js";
+const _sfc_main = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeContactCentersRow",
+  components: {
+    DtButton,
+    DtBadge,
+    DtEmojiTextWrapper,
+    DtIconHeadphones,
+    DtIconChevronDown
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
+     */
+    ariaLabel: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Text displayed next to the icon. Required.
+     */
+    description: {
+      type: String,
+      required: true
+    },
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Making this true will hide the unread count badge, the chevron button, and the right slot
+     */
+    hideActions: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Number of unread messages, could be a string to support '99+'
+     */
+    unreadCount: {
+      type: String,
+      default: null
+    },
+    /**
+     * Aria label for the menu button.
+     */
+    menuButtonAriaLabel: {
+      type: String,
+      required: true
+    }
+  },
+  emits: [
+    /**
+     * Native click event on the row itself
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click",
+    /**
+     * Menu button clicked
+     *
+     * @event call
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click-menu"
+  ],
+  data() {
+    return {
+      labelWidth: "auto"
+    };
+  },
+  computed: {
+    leftbarContactCentersRowClasses() {
+      return [
+        "d-recipe-leftbar-row",
+        "d-recipe-leftbar-row--contact-centers",
+        {
+          "d-recipe-leftbar-row__unread-count": this.showUnreadCount,
+          "d-recipe-leftbar-row--selected": this.selected
+        }
+      ];
+    },
+    getAriaLabel() {
+      return this.ariaLabel ? this.ariaLabel : safeConcatStrings([this.description, this.unreadCountTooltip]);
+    },
+    contactRowListeners() {
+      return extractVueListeners(this.$attrs);
+    },
+    showUnreadCount() {
+      return !!this.unreadCount;
+    }
+  },
+  watch: {
+    $props: {
+      deep: true,
+      async handler() {
+        await this.$nextTick();
+        this.adjustLabelWidth();
+      }
+    }
+  },
+  mounted() {
+    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);
+    this.resizeObserver.observe(returnFirstEl(this.$el));
+    this.adjustLabelWidth();
+  },
+  beforeUnmount: function() {
+    this.resizeObserver.disconnect();
+  },
+  methods: {
+    removeClassStyleAttrs,
+    addClassStyleAttrs,
+    adjustLabelWidth() {
+      var _a, _b, _c, _d, _e, _f;
+      const labelWidth = ((_b = (_a = returnFirstEl(this.$el)) == null ? void 0 : _a.querySelector(".d-recipe-leftbar-row__primary")) == null ? void 0 : _b.clientWidth) || 0;
+      const omegaWidth = ((_d = (_c = returnFirstEl(this.$el)) == null ? void 0 : _c.querySelector(".d-recipe-leftbar-row__omega")) == null ? void 0 : _d.clientWidth) || 0;
+      const alphaWidth = ((_f = (_e = returnFirstEl(this.$el)) == null ? void 0 : _e.querySelector(".d-recipe-leftbar-row__alpha")) == null ? void 0 : _f.clientWidth) || 0;
+      const paddings = 12;
+      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + "px";
+    }
+  }
+};
+const _hoisted_1 = ["data-qa", "aria-label", "title", "href"];
+const _hoisted_2 = { class: "d-recipe-leftbar-row__alpha" };
+const _hoisted_3 = {
+  key: 0,
+  class: "d-recipe-leftbar-row__omega"
+};
+const _hoisted_4 = { class: "d-recipe-leftbar-row__action-container" };
+const _hoisted_5 = { class: "d-recipe-leftbar-row__bottom" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_headphones = resolveComponent("dt-icon-headphones");
+  const _component_dt_emoji_text_wrapper = resolveComponent("dt-emoji-text-wrapper");
+  const _component_dt_badge = resolveComponent("dt-badge");
+  const _component_dt_icon_chevron_down = resolveComponent("dt-icon-chevron-down");
+  const _component_dt_button = resolveComponent("dt-button");
+  return openBlock(), createElementBlock("div", mergeProps({
+    class: [
+      "d-recipe-leftbar-row__container",
+      { "d-recipe-leftbar-row__container--off-duty": _ctx.$slots.timer }
+    ]
+  }, $options.addClassStyleAttrs(_ctx.$attrs)), [
+    createElementVNode("div", {
+      class: normalizeClass($options.leftbarContactCentersRowClasses),
+      "data-qa": "dt-recipe-contact-centers-row"
+    }, [
+      createElementVNode("a", mergeProps({
+        class: "d-recipe-leftbar-row__primary",
+        "data-qa": _ctx.$attrs["data-qa"] ?? "d-recipe-leftbar-row-link",
+        "aria-label": $options.getAriaLabel,
+        title: $props.description,
+        href: _ctx.$attrs.href ?? "javascript:void(0)"
+      }, $options.removeClassStyleAttrs(_ctx.$attrs), toHandlers($options.contactRowListeners, true), {
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }), [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_dt_icon_headphones, {
+            size: "300",
+            "data-qa": "dt-recipe-leftbar-row-icon"
+          })
+        ]),
+        createElementVNode("div", {
+          class: "d-recipe-leftbar-row__label",
+          style: normalizeStyle(`flex-basis: ${$data.labelWidth}`)
+        }, [
+          createVNode(_component_dt_emoji_text_wrapper, {
+            class: "d-recipe-leftbar-row__description",
+            "data-qa": "dt-recipe-leftbar-row-description",
+            size: "200"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString($props.description), 1)
+            ]),
+            _: 1
+          })
+        ], 4)
+      ], 16, _hoisted_1),
+      !$props.hideActions ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        renderSlot(_ctx.$slots, "right"),
+        createElementVNode("div", _hoisted_4, [
+          $options.showUnreadCount ? (openBlock(), createBlock(_component_dt_badge, {
+            key: 0,
+            class: "d-recipe-leftbar-row__unread-badge",
+            "data-qa": "dt-recipe-leftbar-row-unread-badge",
+            kind: "count",
+            type: "bulletin"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString($props.unreadCount), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(_component_dt_button, {
+            class: "d-recipe-leftbar-row__action",
+            "data-qa": "dt-recipe-leftbar-row-action-button",
+            "aria-label": $props.menuButtonAriaLabel,
+            importance: "clear",
+            size: "xs",
+            circle: "",
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("click-menu", $event), ["stop"]))
+          }, {
+            icon: withCtx(() => [
+              createVNode(_component_dt_icon_chevron_down, { size: "100" })
+            ]),
+            _: 1
+          }, 8, ["aria-label"])
+        ])
+      ])) : createCommentVNode("", true)
+    ], 2),
+    createElementVNode("div", _hoisted_5, [
+      renderSlot(_ctx.$slots, "timer")
+    ])
+  ], 16);
+}
+const contact_centers_row = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  contact_centers_row as default
+};
+//# sourceMappingURL=contact_centers_row.vue.js.map

package/dist/vue3/recipes/leftbar/contact_centers_row/contact_centers_row.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact_centers_row.vue.js","sources":["../../../../recipes/leftbar/contact_centers_row/contact_centers_row.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-recipe-leftbar-row__container',\n      { 'd-recipe-leftbar-row__container--off-duty': $slots.timer },\n    ]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <div\n      :class=\"leftbarContactCentersRowClasses\"\n      data-qa=\"dt-recipe-contact-centers-row\"\n    >\n      <a\n        class=\"d-recipe-leftbar-row__primary\"\n        :data-qa=\"$attrs['data-qa'] ?? 'd-recipe-leftbar-row-link'\"\n        :aria-label=\"getAriaLabel\"\n        :title=\"description\"\n        :href=\"$attrs.href ?? 'javascript:void(0)'\"\n        v-bind=\"removeClassStyleAttrs($attrs)\"\n        v-on=\"contactRowListeners\"\n        @click=\"$emit('click', $event)\"\n      >\n        <div class=\"d-recipe-leftbar-row__alpha\">\n          <dt-icon-headphones\n            size=\"300\"\n            data-qa=\"dt-recipe-leftbar-row-icon\"\n          />\n        </div>\n        <div\n          class=\"d-recipe-leftbar-row__label\"\n          :style=\"`flex-basis: ${labelWidth}`\"\n        >\n          <dt-emoji-text-wrapper\n            class=\"d-recipe-leftbar-row__description\"\n            data-qa=\"dt-recipe-leftbar-row-description\"\n            size=\"200\"\n          >\n            {{ description }}\n          </dt-emoji-text-wrapper>\n        </div>\n      </a>\n      <div\n        v-if=\"!hideActions\"\n        class=\"d-recipe-leftbar-row__omega\"\n      >\n        <slot name=\"right\" />\n        <div class=\"d-recipe-leftbar-row__action-container\">\n          <dt-badge\n            v-if=\"showUnreadCount\"\n            class=\"d-recipe-leftbar-row__unread-badge\"\n            data-qa=\"dt-recipe-leftbar-row-unread-badge\"\n            kind=\"count\"\n            type=\"bulletin\"\n          >\n            {{ unreadCount }}\n          </dt-badge>\n          <dt-button\n            class=\"d-recipe-leftbar-row__action\"\n            data-qa=\"dt-recipe-leftbar-row-action-button\"\n            :aria-label=\"menuButtonAriaLabel\"\n            importance=\"clear\"\n            size=\"xs\"\n            circle\n            @click.stop=\"$emit('click-menu', $event)\"\n          >\n            <template #icon>\n              <dt-icon-chevron-down size=\"100\" />\n            </template>\n          </dt-button>\n        </div>\n      </div>\n    </div>\n    <div class=\"d-recipe-leftbar-row__bottom\">\n      <slot name=\"timer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { extractVueListeners, safeConcatStrings, removeClassStyleAttrs, returnFirstEl, addClassStyleAttrs } from '@/common/utils';\nimport { DtBadge } from '@/components/badge';\nimport { DtButton } from '@/components/button';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtIconChevronDown from '@dialpad/dialtone-icons/vue3/chevron-down';\nimport DtIconHeadphones from '@dialpad/dialtone-icons/vue3/headphones';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactCentersRow',\n\n  components: {\n    DtButton,\n    DtBadge,\n    DtEmojiTextWrapper,\n    DtIconHeadphones,\n    DtIconChevronDown,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Text displayed next to the icon. Required.\n     */\n    description: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Making this true will hide the unread count badge, the chevron button, and the right slot\n     */\n    hideActions: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages, could be a string to support '99+'\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Aria label for the menu button.\n     */\n    menuButtonAriaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event on the row itself\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\n    /**\n     * Menu button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click-menu',\n  ],\n\n  data () {\n    return {\n      labelWidth: 'auto',\n    };\n  },\n\n  computed: {\n    leftbarContactCentersRowClasses () {\n      return [\n        'd-recipe-leftbar-row',\n        'd-recipe-leftbar-row--contact-centers',\n        {\n          'd-recipe-leftbar-row__unread-count': this.showUnreadCount,\n          'd-recipe-leftbar-row--selected': this.selected,\n        },\n      ];\n    },\n\n    getAriaLabel () {\n      return this.ariaLabel\n        ? this.ariaLabel\n        : safeConcatStrings([this.description, this.unreadCountTooltip]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    showUnreadCount () {\n      return !!this.unreadCount;\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      async handler () {\n        await this.$nextTick();\n        this.adjustLabelWidth();\n      },\n    },\n  },\n\n  mounted () {\n    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);\n    this.resizeObserver.observe(returnFirstEl(this.$el));\n    this.adjustLabelWidth();\n  },\n\n  beforeUnmount: function () {\n    this.resizeObserver.disconnect();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    adjustLabelWidth () {\n      const labelWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__primary')?.clientWidth || 0;\n      const omegaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__omega')?.clientWidth || 0;\n      const alphaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__alpha')?.clientWidth || 0;\n      const paddings = 12;\n      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n    },\n  },\n};\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_normalizeClass","_toHandlers","_createVNode","_normalizeStyle","_withCtx","_createTextVNode","_toDisplayString","_renderSlot","_createBlock","_createCommentVNode","_withModifiers"],"mappings":"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"}