@dialpad/dialtone-vue 3.218.2 → 3.218.4

package/dist/lib/feed-item-pill/feed-item-pill.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./feed-item-pill-constants.cjs"),d=require("@dialpad/dialtone-icons/vue3"),u=require("../../localization/index.cjs"),e=require("vue"),p=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),_=require("../collapsible/collapsible.cjs"),m=require("../item-layout/item-layout.cjs"),f={compatConfig:{MODE:3},name:"DtRecipeFeedItemPill",components:{DtItemLayout:m.default,DtCollapsible:_.default},props:{title:{type:String,default:()=>""},wrapperClass:{type:[String,Array,Object],default:""},buttonClass:{type:[String,Array,Object],default:""},toggleable:{type:Boolean,default:()=>!0},defaultToggled:{type:Boolean,default:()=>!1},borderColor:{type:String,default:"default",validator:t=>Object.keys(s.FEED_ITEM_PILL_BORDER_COLORS).includes(t)}},data(){return{hover:!1,expanded:this.defaultToggled,i18n:new u.DialtoneLocalization}},computed:{toggleIcon(){return this.expanded?d.DtIconChevronDown:d.DtIconChevronRight},showChevronIcon(){return this.toggleable&&this.hover},toggleableClass(){return this.toggleable?"d-recipe-feed-item-pill--toggleable":""},borderClass(){return s.FEED_ITEM_PILL_BORDER_COLORS[this.borderColor]},anchorTitle(){return this.i18n.$t("DIALTONE_FEED_ITEM_PILL_ARIA_LABEL")}},methods:{onClick(){this.toggleable&&(this.expanded=!this.expanded)}}},b={class:"d-recipe-feed-item-pill__wrapper"},h=["aria-label","title"],g={class:"d-recipe-feed-item-pill__title"},C={class:"d-recipe-feed-item-pill__icon","data-qa":"dt-recipe-feed-item-pill__icon"},v={class:"d-recipe-feed-item-pill__subtitle"},y={class:"d-recipe-feed-item-pill__bottom"},E={class:"d-recipe-feed-item-pill__right"},I={class:"d-recipe-feed-item-pill__content"};function S(t,l,r,k,i,o){const a=e.resolveComponent("dt-item-layout"),c=e.resolveComponent("dt-collapsible");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-recipe-feed-item-pill__border",o.borderClass,r.wrapperClass])},[e.createElementVNode("div",b,[e.createVNode(c,{open:i.expanded},e.createSlots({anchor:e.withCtx(()=>[e.createElementVNode("button",{"data-qa":"dt-recipe-feed-item-pill",class:e.normalizeClass(["d-recipe-feed-item-pill__button",o.toggleableClass,r.buttonClass]),"aria-label":o.anchorTitle,title:o.anchorTitle,onFocusin:l[0]||(l[0]=n=>i.hover=!0),onFocusout:l[1]||(l[1]=n=>i.hover=!1),onMouseenter:l[2]||(l[2]=n=>i.hover=!0),onMouseleave:l[3]||(l[3]=n=>i.hover=!1),onClick:l[4]||(l[4]=(...n)=>o.onClick&&o.onClick(...n))},[e.createVNode(a,{class:"d-recipe-feed-item-pill__layout",unstyled:""},e.createSlots({left:e.withCtx(()=>[e.createElementVNode("div",C,[o.showChevronIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.toggleIcon),{key:0,size:"300"})):e.renderSlot(t.$slots,"leftIcon",{key:1,iconSize:"300"})])]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createElementVNode("span",g,e.toDisplayString(r.title),1)])]),_:2},[t.$slots.subtitle?{name:"subtitle",fn:e.withCtx(()=>[e.createElementVNode("div",v,[e.renderSlot(t.$slots,"subtitle")])]),key:"0"}:void 0,t.$slots.bottom?{name:"bottom",fn:e.withCtx(()=>[e.createElementVNode("div",y,[e.renderSlot(t.$slots,"bottom")])]),key:"1"}:void 0,t.$slots.right?{name:"right",fn:e.withCtx(()=>[e.createElementVNode("div",E,[e.renderSlot(t.$slots,"right")])]),key:"2"}:void 0]),1024)],42,h)]),_:2},[t.$slots.content?{name:"content",fn:e.withCtx(()=>[e.createElementVNode("div",I,[e.renderSlot(t.$slots,"content")])]),key:"0"}:void 0]),1032,["open"])])],2)}const D=p._(f,[["render",S]]);exports.default=D;
-//# sourceMappingURL=feed-item-pill.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../localization/index.cjs`),n=require(`../collapsible/collapsible.cjs`),r=require(`../item-layout/item-layout.cjs`),i=require(`./feed-item-pill-constants.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue3`);var s={compatConfig:{MODE:3},name:`DtRecipeFeedItemPill`,components:{DtItemLayout:r.default,DtCollapsible:n.default},props:{title:{type:String,default:()=>``},wrapperClass:{type:[String,Array,Object],default:``},buttonClass:{type:[String,Array,Object],default:``},toggleable:{type:Boolean,default:()=>!0},defaultToggled:{type:Boolean,default:()=>!1},borderColor:{type:String,default:`default`,validator:e=>Object.keys(i.FEED_ITEM_PILL_BORDER_COLORS).includes(e)}},data(){return{hover:!1,expanded:this.defaultToggled,i18n:new t.DialtoneLocalization}},computed:{toggleIcon(){return this.expanded?o.DtIconChevronDown:o.DtIconChevronRight},showChevronIcon(){return this.toggleable&&this.hover},toggleableClass(){return this.toggleable?`d-recipe-feed-item-pill--toggleable`:``},borderClass(){return i.FEED_ITEM_PILL_BORDER_COLORS[this.borderColor]},anchorTitle(){return this.i18n.$t(`DIALTONE_FEED_ITEM_PILL_ARIA_LABEL`)}},methods:{onClick(){this.toggleable&&(this.expanded=!this.expanded)}}},c={class:`d-recipe-feed-item-pill__wrapper`},l=[`aria-label`,`title`],u={class:`d-recipe-feed-item-pill__title`},d={class:`d-recipe-feed-item-pill__icon`,"data-qa":`dt-recipe-feed-item-pill__icon`},f={class:`d-recipe-feed-item-pill__subtitle`},p={class:`d-recipe-feed-item-pill__bottom`},m={class:`d-recipe-feed-item-pill__right`},h={class:`d-recipe-feed-item-pill__content`};function g(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-item-layout`),g=(0,a.resolveComponent)(`dt-collapsible`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`d-recipe-feed-item-pill__border`,o.borderClass,n.wrapperClass])},[(0,a.createElementVNode)(`div`,c,[(0,a.createVNode)(g,{open:i.expanded},(0,a.createSlots)({anchor:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{"data-qa":`dt-recipe-feed-item-pill`,class:(0,a.normalizeClass)([`d-recipe-feed-item-pill__button`,o.toggleableClass,n.buttonClass]),"aria-label":o.anchorTitle,title:o.anchorTitle,onFocusin:t[0]||(t[0]=e=>i.hover=!0),onFocusout:t[1]||(t[1]=e=>i.hover=!1),onMouseenter:t[2]||(t[2]=e=>i.hover=!0),onMouseleave:t[3]||(t[3]=e=>i.hover=!1),onClick:t[4]||(t[4]=(...e)=>o.onClick&&o.onClick(...e))},[(0,a.createVNode)(s,{class:`d-recipe-feed-item-pill__layout`,unstyled:``},(0,a.createSlots)({left:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,d,[o.showChevronIcon?((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(o.toggleIcon),{key:0,size:`300`})):(0,a.renderSlot)(e.$slots,`leftIcon`,{key:1,iconSize:`300`})])]),default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`title`,{},()=>[(0,a.createElementVNode)(`span`,u,(0,a.toDisplayString)(n.title),1)])]),_:2},[e.$slots.subtitle?{name:`subtitle`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,f,[(0,a.renderSlot)(e.$slots,`subtitle`)])]),key:`0`}:void 0,e.$slots.bottom?{name:`bottom`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,p,[(0,a.renderSlot)(e.$slots,`bottom`)])]),key:`1`}:void 0,e.$slots.right?{name:`right`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,m,[(0,a.renderSlot)(e.$slots,`right`)])]),key:`2`}:void 0]),1024)],42,l)]),_:2},[e.$slots.content?{name:`content`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,h,[(0,a.renderSlot)(e.$slots,`content`)])]),key:`0`}:void 0]),1032,[`open`])])],2)}var _=e.t(s,[[`render`,g]]);exports.default=_;
+//# sourceMappingURL=feed-item-pill.cjs.map

package/dist/lib/feed-item-pill/feed-item-pill.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"feed-item-pill.cjs","sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill.vue"],"sourcesContent":["<template>\n  <div :class=\"['d-recipe-feed-item-pill__border', borderClass, wrapperClass]\">\n    <div class=\"d-recipe-feed-item-pill__wrapper\">\n      <dt-collapsible :open=\"expanded\">\n        <template #anchor>\n          <button\n            data-qa=\"dt-recipe-feed-item-pill\"\n            :class=\"['d-recipe-feed-item-pill__button', toggleableClass, buttonClass]\"\n            :aria-label=\"anchorTitle\"\n            :title=\"anchorTitle\"\n            @focusin=\"hover = true\"\n            @focusout=\"hover = false\"\n            @mouseenter=\"hover = true\"\n            @mouseleave=\"hover = false\"\n            @click=\"onClick\"\n          >\n            <dt-item-layout\n              class=\"d-recipe-feed-item-pill__layout\"\n              unstyled\n            >\n              <slot name=\"title\">\n                <span class=\"d-recipe-feed-item-pill__title\">{{ title }}</span>\n              </slot>\n              <template #left>\n                <div\n                  class=\"d-recipe-feed-item-pill__icon\"\n                  data-qa=\"dt-recipe-feed-item-pill__icon\"\n                >\n                  <component\n                    :is=\"toggleIcon\"\n                    v-if=\"showChevronIcon\"\n                    size=\"300\"\n                  />\n                  <!-- @slot Slot for left icon, icon-size slot prop defaults to '300' -->\n                  <slot\n                    v-else\n                    name=\"leftIcon\"\n                    :icon-size=\"'300'\"\n                  />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.subtitle\"\n                #subtitle\n              >\n                <div class=\"d-recipe-feed-item-pill__subtitle\">\n                  <slot name=\"subtitle\" />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.bottom\"\n                #bottom\n              >\n                <div class=\"d-recipe-feed-item-pill__bottom\">\n                  <slot name=\"bottom\" />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.right\"\n                #right\n              >\n                <div class=\"d-recipe-feed-item-pill__right\">\n                  <slot name=\"right\" />\n                </div>\n              </template>\n            </dt-item-layout>\n          </button>\n        </template>\n        <template\n          v-if=\"$slots.content\"\n          #content\n        >\n          <div class=\"d-recipe-feed-item-pill__content\">\n            <slot name=\"content\" />\n          </div>\n        </template>\n      </dt-collapsible>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { FEED_ITEM_PILL_BORDER_COLORS } from './feed_item_pill_constants';\nimport { DtItemLayout } from '@/components/item_layout';\nimport { DtCollapsible } from '@/components/collapsible';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemPill',\n\n  components: { DtItemLayout, DtCollapsible },\n\n  props: {\n    /**\n     * Bolded primary text\n     */\n    title: {\n      type: String,\n      default: () => '',\n    },\n\n    /**\n     * Additional styling around the pill\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the pill\n     */\n    buttonClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)\n     */\n    toggleable: {\n      type: Boolean,\n      default: () => true,\n    },\n\n    defaultToggled: {\n      type: Boolean,\n      default: () => false,\n    },\n\n    /**\n     * Callbox border color\n     * @values default, ai, critical\n     */\n    borderColor: {\n      type: String,\n      default: 'default',\n      validator: (color) => Object.keys(FEED_ITEM_PILL_BORDER_COLORS).includes(color),\n    },\n  },\n\n  data () {\n    return {\n      hover: false,\n      expanded: this.defaultToggled,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    toggleIcon () {\n      return this.expanded ? DtIconChevronDown : DtIconChevronRight;\n    },\n\n    showChevronIcon () {\n      return this.toggleable && this.hover;\n    },\n\n    toggleableClass () {\n      return this.toggleable ? 'd-recipe-feed-item-pill--toggleable' : '';\n    },\n\n    borderClass () {\n      return FEED_ITEM_PILL_BORDER_COLORS[this.borderColor];\n    },\n\n    anchorTitle () {\n      return this.i18n.$t('DIALTONE_FEED_ITEM_PILL_ARIA_LABEL');\n    },\n  },\n\n  methods: {\n    onClick () {\n      if (!this.toggleable) return;\n\n      this.expanded = !this.expanded;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtItemLayout","DtCollapsible","color","FEED_ITEM_PILL_BORDER_COLORS","DialtoneLocalization","DtIconChevronDown","DtIconChevronRight","_hoisted_1","_hoisted_3","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_createElementBlock","_normalizeClass","$options","$props","_createElementVNode","_createVNode","_component_dt_collapsible","$data","_createSlots","args","_component_dt_item_layout","_hoisted_4","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"feed-item-pill.cjs","names":[],"sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill.vue"],"sourcesContent":["<template>\n  <div :class=\"['d-recipe-feed-item-pill__border', borderClass, wrapperClass]\">\n    <div class=\"d-recipe-feed-item-pill__wrapper\">\n      <dt-collapsible :open=\"expanded\">\n        <template #anchor>\n          <button\n            data-qa=\"dt-recipe-feed-item-pill\"\n            :class=\"['d-recipe-feed-item-pill__button', toggleableClass, buttonClass]\"\n            :aria-label=\"anchorTitle\"\n            :title=\"anchorTitle\"\n            @focusin=\"hover = true\"\n            @focusout=\"hover = false\"\n            @mouseenter=\"hover = true\"\n            @mouseleave=\"hover = false\"\n            @click=\"onClick\"\n          >\n            <dt-item-layout\n              class=\"d-recipe-feed-item-pill__layout\"\n              unstyled\n            >\n              <slot name=\"title\">\n                <span class=\"d-recipe-feed-item-pill__title\">{{ title }}</span>\n              </slot>\n              <template #left>\n                <div\n                  class=\"d-recipe-feed-item-pill__icon\"\n                  data-qa=\"dt-recipe-feed-item-pill__icon\"\n                >\n                  <component\n                    :is=\"toggleIcon\"\n                    v-if=\"showChevronIcon\"\n                    size=\"300\"\n                  />\n                  <!-- @slot Slot for left icon, icon-size slot prop defaults to '300' -->\n                  <slot\n                    v-else\n                    name=\"leftIcon\"\n                    :icon-size=\"'300'\"\n                  />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.subtitle\"\n                #subtitle\n              >\n                <div class=\"d-recipe-feed-item-pill__subtitle\">\n                  <slot name=\"subtitle\" />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.bottom\"\n                #bottom\n              >\n                <div class=\"d-recipe-feed-item-pill__bottom\">\n                  <slot name=\"bottom\" />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.right\"\n                #right\n              >\n                <div class=\"d-recipe-feed-item-pill__right\">\n                  <slot name=\"right\" />\n                </div>\n              </template>\n            </dt-item-layout>\n          </button>\n        </template>\n        <template\n          v-if=\"$slots.content\"\n          #content\n        >\n          <div class=\"d-recipe-feed-item-pill__content\">\n            <slot name=\"content\" />\n          </div>\n        </template>\n      </dt-collapsible>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { FEED_ITEM_PILL_BORDER_COLORS } from './feed_item_pill_constants';\nimport { DtItemLayout } from '@/components/item_layout';\nimport { DtCollapsible } from '@/components/collapsible';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemPill',\n\n  components: { DtItemLayout, DtCollapsible },\n\n  props: {\n    /**\n     * Bolded primary text\n     */\n    title: {\n      type: String,\n      default: () => '',\n    },\n\n    /**\n     * Additional styling around the pill\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the pill\n     */\n    buttonClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)\n     */\n    toggleable: {\n      type: Boolean,\n      default: () => true,\n    },\n\n    defaultToggled: {\n      type: Boolean,\n      default: () => false,\n    },\n\n    /**\n     * Callbox border color\n     * @values default, ai, critical\n     */\n    borderColor: {\n      type: String,\n      default: 'default',\n      validator: (color) => Object.keys(FEED_ITEM_PILL_BORDER_COLORS).includes(color),\n    },\n  },\n\n  data () {\n    return {\n      hover: false,\n      expanded: this.defaultToggled,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    toggleIcon () {\n      return this.expanded ? DtIconChevronDown : DtIconChevronRight;\n    },\n\n    showChevronIcon () {\n      return this.toggleable && this.hover;\n    },\n\n    toggleableClass () {\n      return this.toggleable ? 'd-recipe-feed-item-pill--toggleable' : '';\n    },\n\n    borderClass () {\n      return FEED_ITEM_PILL_BORDER_COLORS[this.borderColor];\n    },\n\n    anchorTitle () {\n      return this.i18n.$t('DIALTONE_FEED_ITEM_PILL_ARIA_LABEL');\n    },\n  },\n\n  methods: {\n    onClick () {\n      if (!this.toggleable) return;\n\n      this.expanded = !this.expanded;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/feed-item-pill/feed-item-pill.js

@@ -1,178 +1,144 @@
-import { FEED_ITEM_PILL_BORDER_COLORS as a } from "./feed-item-pill-constants.js";
-import { DtIconChevronDown as b, DtIconChevronRight as h } from "@dialpad/dialtone-icons/vue3";
-import { DialtoneLocalization as v } from "../../localization/index.js";
-import { resolveComponent as p, openBlock as c, createElementBlock as C, normalizeClass as m, createElementVNode as l, createVNode as f, createSlots as u, withCtx as i, renderSlot as n, toDisplayString as y, createBlock as I, resolveDynamicComponent as k } from "vue";
-import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import E from "../collapsible/collapsible.js";
-import L from "../item-layout/item-layout.js";
-const S = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeFeedItemPill",
-  components: { DtItemLayout: L, DtCollapsible: E },
-  props: {
-    /**
-     * Bolded primary text
-     */
-    title: {
-      type: String,
-      default: () => ""
-    },
-    /**
-     * Additional styling around the pill
-     */
-    wrapperClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Additional styling for the pill
-     */
-    buttonClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)
-     */
-    toggleable: {
-      type: Boolean,
-      default: () => !0
-    },
-    defaultToggled: {
-      type: Boolean,
-      default: () => !1
-    },
-    /**
-     * Callbox border color
-     * @values default, ai, critical
-     */
-    borderColor: {
-      type: String,
-      default: "default",
-      validator: (e) => Object.keys(a).includes(e)
-    }
-  },
-  data() {
-    return {
-      hover: !1,
-      expanded: this.defaultToggled,
-      i18n: new v()
-    };
-  },
-  computed: {
-    toggleIcon() {
-      return this.expanded ? b : h;
-    },
-    showChevronIcon() {
-      return this.toggleable && this.hover;
-    },
-    toggleableClass() {
-      return this.toggleable ? "d-recipe-feed-item-pill--toggleable" : "";
-    },
-    borderClass() {
-      return a[this.borderColor];
-    },
-    anchorTitle() {
-      return this.i18n.$t("DIALTONE_FEED_ITEM_PILL_ARIA_LABEL");
-    }
-  },
-  methods: {
-    onClick() {
-      this.toggleable && (this.expanded = !this.expanded);
-    }
-  }
-}, w = { class: "d-recipe-feed-item-pill__wrapper" }, O = ["aria-label", "title"], T = { class: "d-recipe-feed-item-pill__title" }, B = {
-  class: "d-recipe-feed-item-pill__icon",
-  "data-qa": "dt-recipe-feed-item-pill__icon"
-}, A = { class: "d-recipe-feed-item-pill__subtitle" }, R = { class: "d-recipe-feed-item-pill__bottom" }, F = { class: "d-recipe-feed-item-pill__right" }, M = { class: "d-recipe-feed-item-pill__content" };
-function z(e, t, d, j, s, o) {
-  const _ = p("dt-item-layout"), g = p("dt-collapsible");
-  return c(), C("div", {
-    class: m(["d-recipe-feed-item-pill__border", o.borderClass, d.wrapperClass])
-  }, [
-    l("div", w, [
-      f(g, { open: s.expanded }, u({
-        anchor: i(() => [
-          l("button", {
-            "data-qa": "dt-recipe-feed-item-pill",
-            class: m(["d-recipe-feed-item-pill__button", o.toggleableClass, d.buttonClass]),
-            "aria-label": o.anchorTitle,
-            title: o.anchorTitle,
-            onFocusin: t[0] || (t[0] = (r) => s.hover = !0),
-            onFocusout: t[1] || (t[1] = (r) => s.hover = !1),
-            onMouseenter: t[2] || (t[2] = (r) => s.hover = !0),
-            onMouseleave: t[3] || (t[3] = (r) => s.hover = !1),
-            onClick: t[4] || (t[4] = (...r) => o.onClick && o.onClick(...r))
-          }, [
-            f(_, {
-              class: "d-recipe-feed-item-pill__layout",
-              unstyled: ""
-            }, u({
-              left: i(() => [
-                l("div", B, [
-                  o.showChevronIcon ? (c(), I(k(o.toggleIcon), {
-                    key: 0,
-                    size: "300"
-                  })) : n(e.$slots, "leftIcon", {
-                    key: 1,
-                    iconSize: "300"
-                  })
-                ])
-              ]),
-              default: i(() => [
-                n(e.$slots, "title", {}, () => [
-                  l("span", T, y(d.title), 1)
-                ])
-              ]),
-              _: 2
-            }, [
-              e.$slots.subtitle ? {
-                name: "subtitle",
-                fn: i(() => [
-                  l("div", A, [
-                    n(e.$slots, "subtitle")
-                  ])
-                ]),
-                key: "0"
-              } : void 0,
-              e.$slots.bottom ? {
-                name: "bottom",
-                fn: i(() => [
-                  l("div", R, [
-                    n(e.$slots, "bottom")
-                  ])
-                ]),
-                key: "1"
-              } : void 0,
-              e.$slots.right ? {
-                name: "right",
-                fn: i(() => [
-                  l("div", F, [
-                    n(e.$slots, "right")
-                  ])
-                ]),
-                key: "2"
-              } : void 0
-            ]), 1024)
-          ], 42, O)
-        ]),
-        _: 2
-      }, [
-        e.$slots.content ? {
-          name: "content",
-          fn: i(() => [
-            l("div", M, [
-              n(e.$slots, "content")
-            ])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["open"])
-    ])
-  ], 2);
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DialtoneLocalization as t } from "../../localization/index.js";
+import n from "../collapsible/collapsible.js";
+import r from "../item-layout/item-layout.js";
+import { FEED_ITEM_PILL_BORDER_COLORS as i } from "./feed-item-pill-constants.js";
+import { createBlock as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, normalizeClass as u, openBlock as d, renderSlot as f, resolveComponent as p, resolveDynamicComponent as m, toDisplayString as h, withCtx as g } from "vue";
+import { DtIconChevronDown as _, DtIconChevronRight as v } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/conversation_view/feed_item_pill/feed_item_pill.vue
+var y = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeFeedItemPill",
+	components: {
+		DtItemLayout: r,
+		DtCollapsible: n
+	},
+	props: {
+		title: {
+			type: String,
+			default: () => ""
+		},
+		wrapperClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		buttonClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		toggleable: {
+			type: Boolean,
+			default: () => !0
+		},
+		defaultToggled: {
+			type: Boolean,
+			default: () => !1
+		},
+		borderColor: {
+			type: String,
+			default: "default",
+			validator: (e) => Object.keys(i).includes(e)
+		}
+	},
+	data() {
+		return {
+			hover: !1,
+			expanded: this.defaultToggled,
+			i18n: new t()
+		};
+	},
+	computed: {
+		toggleIcon() {
+			return this.expanded ? _ : v;
+		},
+		showChevronIcon() {
+			return this.toggleable && this.hover;
+		},
+		toggleableClass() {
+			return this.toggleable ? "d-recipe-feed-item-pill--toggleable" : "";
+		},
+		borderClass() {
+			return i[this.borderColor];
+		},
+		anchorTitle() {
+			return this.i18n.$t("DIALTONE_FEED_ITEM_PILL_ARIA_LABEL");
+		}
+	},
+	methods: { onClick() {
+		this.toggleable && (this.expanded = !this.expanded);
+	} }
+}, b = { class: "d-recipe-feed-item-pill__wrapper" }, x = ["aria-label", "title"], S = { class: "d-recipe-feed-item-pill__title" }, C = {
+	class: "d-recipe-feed-item-pill__icon",
+	"data-qa": "dt-recipe-feed-item-pill__icon"
+}, w = { class: "d-recipe-feed-item-pill__subtitle" }, T = { class: "d-recipe-feed-item-pill__bottom" }, E = { class: "d-recipe-feed-item-pill__right" }, D = { class: "d-recipe-feed-item-pill__content" };
+function O(e, t, n, r, i, _) {
+	let v = p("dt-item-layout"), y = p("dt-collapsible");
+	return d(), o("div", { class: u([
+		"d-recipe-feed-item-pill__border",
+		_.borderClass,
+		n.wrapperClass
+	]) }, [s("div", b, [l(y, { open: i.expanded }, c({
+		anchor: g(() => [s("button", {
+			"data-qa": "dt-recipe-feed-item-pill",
+			class: u([
+				"d-recipe-feed-item-pill__button",
+				_.toggleableClass,
+				n.buttonClass
+			]),
+			"aria-label": _.anchorTitle,
+			title: _.anchorTitle,
+			onFocusin: t[0] || (t[0] = (e) => i.hover = !0),
+			onFocusout: t[1] || (t[1] = (e) => i.hover = !1),
+			onMouseenter: t[2] || (t[2] = (e) => i.hover = !0),
+			onMouseleave: t[3] || (t[3] = (e) => i.hover = !1),
+			onClick: t[4] || (t[4] = (...e) => _.onClick && _.onClick(...e))
+		}, [l(v, {
+			class: "d-recipe-feed-item-pill__layout",
+			unstyled: ""
+		}, c({
+			left: g(() => [s("div", C, [_.showChevronIcon ? (d(), a(m(_.toggleIcon), {
+				key: 0,
+				size: "300"
+			})) : f(e.$slots, "leftIcon", {
+				key: 1,
+				iconSize: "300"
+			})])]),
+			default: g(() => [f(e.$slots, "title", {}, () => [s("span", S, h(n.title), 1)])]),
+			_: 2
+		}, [
+			e.$slots.subtitle ? {
+				name: "subtitle",
+				fn: g(() => [s("div", w, [f(e.$slots, "subtitle")])]),
+				key: "0"
+			} : void 0,
+			e.$slots.bottom ? {
+				name: "bottom",
+				fn: g(() => [s("div", T, [f(e.$slots, "bottom")])]),
+				key: "1"
+			} : void 0,
+			e.$slots.right ? {
+				name: "right",
+				fn: g(() => [s("div", E, [f(e.$slots, "right")])]),
+				key: "2"
+			} : void 0
+		]), 1024)], 42, x)]),
+		_: 2
+	}, [e.$slots.content ? {
+		name: "content",
+		fn: g(() => [s("div", D, [f(e.$slots, "content")])]),
+		key: "0"
+	} : void 0]), 1032, ["open"])])], 2);
 }
-const J = /* @__PURE__ */ D(S, [["render", z]]);
-export {
-  J as default
-};
-//# sourceMappingURL=feed-item-pill.js.map
+var k = /* @__PURE__ */ e(y, [["render", O]]);
+//#endregion
+export { k as default };
+
+//# sourceMappingURL=feed-item-pill.js.map

package/dist/lib/feed-item-pill/feed-item-pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"feed-item-pill.js","sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill.vue"],"sourcesContent":["<template>\n  <div :class=\"['d-recipe-feed-item-pill__border', borderClass, wrapperClass]\">\n    <div class=\"d-recipe-feed-item-pill__wrapper\">\n      <dt-collapsible :open=\"expanded\">\n        <template #anchor>\n          <button\n            data-qa=\"dt-recipe-feed-item-pill\"\n            :class=\"['d-recipe-feed-item-pill__button', toggleableClass, buttonClass]\"\n            :aria-label=\"anchorTitle\"\n            :title=\"anchorTitle\"\n            @focusin=\"hover = true\"\n            @focusout=\"hover = false\"\n            @mouseenter=\"hover = true\"\n            @mouseleave=\"hover = false\"\n            @click=\"onClick\"\n          >\n            <dt-item-layout\n              class=\"d-recipe-feed-item-pill__layout\"\n              unstyled\n            >\n              <slot name=\"title\">\n                <span class=\"d-recipe-feed-item-pill__title\">{{ title }}</span>\n              </slot>\n              <template #left>\n                <div\n                  class=\"d-recipe-feed-item-pill__icon\"\n                  data-qa=\"dt-recipe-feed-item-pill__icon\"\n                >\n                  <component\n                    :is=\"toggleIcon\"\n                    v-if=\"showChevronIcon\"\n                    size=\"300\"\n                  />\n                  <!-- @slot Slot for left icon, icon-size slot prop defaults to '300' -->\n                  <slot\n                    v-else\n                    name=\"leftIcon\"\n                    :icon-size=\"'300'\"\n                  />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.subtitle\"\n                #subtitle\n              >\n                <div class=\"d-recipe-feed-item-pill__subtitle\">\n                  <slot name=\"subtitle\" />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.bottom\"\n                #bottom\n              >\n                <div class=\"d-recipe-feed-item-pill__bottom\">\n                  <slot name=\"bottom\" />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.right\"\n                #right\n              >\n                <div class=\"d-recipe-feed-item-pill__right\">\n                  <slot name=\"right\" />\n                </div>\n              </template>\n            </dt-item-layout>\n          </button>\n        </template>\n        <template\n          v-if=\"$slots.content\"\n          #content\n        >\n          <div class=\"d-recipe-feed-item-pill__content\">\n            <slot name=\"content\" />\n          </div>\n        </template>\n      </dt-collapsible>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { FEED_ITEM_PILL_BORDER_COLORS } from './feed_item_pill_constants';\nimport { DtItemLayout } from '@/components/item_layout';\nimport { DtCollapsible } from '@/components/collapsible';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemPill',\n\n  components: { DtItemLayout, DtCollapsible },\n\n  props: {\n    /**\n     * Bolded primary text\n     */\n    title: {\n      type: String,\n      default: () => '',\n    },\n\n    /**\n     * Additional styling around the pill\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the pill\n     */\n    buttonClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)\n     */\n    toggleable: {\n      type: Boolean,\n      default: () => true,\n    },\n\n    defaultToggled: {\n      type: Boolean,\n      default: () => false,\n    },\n\n    /**\n     * Callbox border color\n     * @values default, ai, critical\n     */\n    borderColor: {\n      type: String,\n      default: 'default',\n      validator: (color) => Object.keys(FEED_ITEM_PILL_BORDER_COLORS).includes(color),\n    },\n  },\n\n  data () {\n    return {\n      hover: false,\n      expanded: this.defaultToggled,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    toggleIcon () {\n      return this.expanded ? DtIconChevronDown : DtIconChevronRight;\n    },\n\n    showChevronIcon () {\n      return this.toggleable && this.hover;\n    },\n\n    toggleableClass () {\n      return this.toggleable ? 'd-recipe-feed-item-pill--toggleable' : '';\n    },\n\n    borderClass () {\n      return FEED_ITEM_PILL_BORDER_COLORS[this.borderColor];\n    },\n\n    anchorTitle () {\n      return this.i18n.$t('DIALTONE_FEED_ITEM_PILL_ARIA_LABEL');\n    },\n  },\n\n  methods: {\n    onClick () {\n      if (!this.toggleable) return;\n\n      this.expanded = !this.expanded;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtItemLayout","DtCollapsible","color","FEED_ITEM_PILL_BORDER_COLORS","DialtoneLocalization","DtIconChevronDown","DtIconChevronRight","_hoisted_1","_hoisted_3","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_createElementBlock","_normalizeClass","$options","$props","_createElementVNode","_createVNode","_component_dt_collapsible","$data","_createSlots","args","_component_dt_item_layout","_hoisted_4","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"feed-item-pill.js","names":[],"sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill.vue"],"sourcesContent":["<template>\n  <div :class=\"['d-recipe-feed-item-pill__border', borderClass, wrapperClass]\">\n    <div class=\"d-recipe-feed-item-pill__wrapper\">\n      <dt-collapsible :open=\"expanded\">\n        <template #anchor>\n          <button\n            data-qa=\"dt-recipe-feed-item-pill\"\n            :class=\"['d-recipe-feed-item-pill__button', toggleableClass, buttonClass]\"\n            :aria-label=\"anchorTitle\"\n            :title=\"anchorTitle\"\n            @focusin=\"hover = true\"\n            @focusout=\"hover = false\"\n            @mouseenter=\"hover = true\"\n            @mouseleave=\"hover = false\"\n            @click=\"onClick\"\n          >\n            <dt-item-layout\n              class=\"d-recipe-feed-item-pill__layout\"\n              unstyled\n            >\n              <slot name=\"title\">\n                <span class=\"d-recipe-feed-item-pill__title\">{{ title }}</span>\n              </slot>\n              <template #left>\n                <div\n                  class=\"d-recipe-feed-item-pill__icon\"\n                  data-qa=\"dt-recipe-feed-item-pill__icon\"\n                >\n                  <component\n                    :is=\"toggleIcon\"\n                    v-if=\"showChevronIcon\"\n                    size=\"300\"\n                  />\n                  <!-- @slot Slot for left icon, icon-size slot prop defaults to '300' -->\n                  <slot\n                    v-else\n                    name=\"leftIcon\"\n                    :icon-size=\"'300'\"\n                  />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.subtitle\"\n                #subtitle\n              >\n                <div class=\"d-recipe-feed-item-pill__subtitle\">\n                  <slot name=\"subtitle\" />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.bottom\"\n                #bottom\n              >\n                <div class=\"d-recipe-feed-item-pill__bottom\">\n                  <slot name=\"bottom\" />\n                </div>\n              </template>\n              <template\n                v-if=\"$slots.right\"\n                #right\n              >\n                <div class=\"d-recipe-feed-item-pill__right\">\n                  <slot name=\"right\" />\n                </div>\n              </template>\n            </dt-item-layout>\n          </button>\n        </template>\n        <template\n          v-if=\"$slots.content\"\n          #content\n        >\n          <div class=\"d-recipe-feed-item-pill__content\">\n            <slot name=\"content\" />\n          </div>\n        </template>\n      </dt-collapsible>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { FEED_ITEM_PILL_BORDER_COLORS } from './feed_item_pill_constants';\nimport { DtItemLayout } from '@/components/item_layout';\nimport { DtCollapsible } from '@/components/collapsible';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemPill',\n\n  components: { DtItemLayout, DtCollapsible },\n\n  props: {\n    /**\n     * Bolded primary text\n     */\n    title: {\n      type: String,\n      default: () => '',\n    },\n\n    /**\n     * Additional styling around the pill\n     */\n    wrapperClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional styling for the pill\n     */\n    buttonClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)\n     */\n    toggleable: {\n      type: Boolean,\n      default: () => true,\n    },\n\n    defaultToggled: {\n      type: Boolean,\n      default: () => false,\n    },\n\n    /**\n     * Callbox border color\n     * @values default, ai, critical\n     */\n    borderColor: {\n      type: String,\n      default: 'default',\n      validator: (color) => Object.keys(FEED_ITEM_PILL_BORDER_COLORS).includes(color),\n    },\n  },\n\n  data () {\n    return {\n      hover: false,\n      expanded: this.defaultToggled,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    toggleIcon () {\n      return this.expanded ? DtIconChevronDown : DtIconChevronRight;\n    },\n\n    showChevronIcon () {\n      return this.toggleable && this.hover;\n    },\n\n    toggleableClass () {\n      return this.toggleable ? 'd-recipe-feed-item-pill--toggleable' : '';\n    },\n\n    borderClass () {\n      return FEED_ITEM_PILL_BORDER_COLORS[this.borderColor];\n    },\n\n    anchorTitle () {\n      return this.i18n.$t('DIALTONE_FEED_ITEM_PILL_ARIA_LABEL');\n    },\n  },\n\n  methods: {\n    onClick () {\n      if (!this.toggleable) return;\n\n      this.expanded = !this.expanded;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/feed-item-pill/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./feed-item-pill.cjs"),t=require("./feed-item-pill-constants.cjs");exports.DtRecipeFeedItemPill=e.default;exports.FEED_ITEM_PILL_BORDER_COLORS=t.FEED_ITEM_PILL_BORDER_COLORS;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./feed-item-pill-constants.cjs`),t=require(`./feed-item-pill.cjs`);exports.DtRecipeFeedItemPill=t.default,exports.FEED_ITEM_PILL_BORDER_COLORS=e.FEED_ITEM_PILL_BORDER_COLORS;

package/dist/lib/feed-item-pill/index.js

@@ -1,7 +1,3 @@
-import { default as o } from "./feed-item-pill.js";
-import { FEED_ITEM_PILL_BORDER_COLORS as E } from "./feed-item-pill-constants.js";
-export {
-  o as DtRecipeFeedItemPill,
-  E as FEED_ITEM_PILL_BORDER_COLORS
-};
-//# sourceMappingURL=index.js.map
+import { FEED_ITEM_PILL_BORDER_COLORS as e } from "./feed-item-pill-constants.js";
+import t from "./feed-item-pill.js";
+export { t as DtRecipeFeedItemPill, e as FEED_ITEM_PILL_BORDER_COLORS };

package/dist/lib/feed-item-row/feed-item-row-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={NORMAL:"",SEARCHED:"d-recipe-feed-item-row__state--searched",ERROR:"d-recipe-feed-item-row__state--error"},_="NORMAL",t={FEED_ROW_STATE_BACKGROUND_COLOR:e,DEFAULT_FEED_ROW_STATE:_};exports.DEFAULT_FEED_ROW_STATE=_;exports.FEED_ROW_STATE_BACKGROUND_COLOR=e;exports.default=t;
-//# sourceMappingURL=feed-item-row-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={NORMAL:``,SEARCHED:`d-recipe-feed-item-row__state--searched`,ERROR:`d-recipe-feed-item-row__state--error`},t=`NORMAL`,n={FEED_ROW_STATE_BACKGROUND_COLOR:e,DEFAULT_FEED_ROW_STATE:t};exports.DEFAULT_FEED_ROW_STATE=t,exports.FEED_ROW_STATE_BACKGROUND_COLOR=e,exports.default=n;
+//# sourceMappingURL=feed-item-row-constants.cjs.map

package/dist/lib/feed-item-row/feed-item-row-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"feed-item-row-constants.cjs","sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row_constants.js"],"sourcesContent":["export const FEED_ROW_STATE_BACKGROUND_COLOR = {\n  NORMAL: '',\n  SEARCHED: 'd-recipe-feed-item-row__state--searched',\n  ERROR: 'd-recipe-feed-item-row__state--error',\n};\n\nexport const DEFAULT_FEED_ROW_STATE = 'NORMAL';\n\nexport default {\n  FEED_ROW_STATE_BACKGROUND_COLOR,\n  DEFAULT_FEED_ROW_STATE,\n};\n"],"names":["FEED_ROW_STATE_BACKGROUND_COLOR","DEFAULT_FEED_ROW_STATE","feed_item_row_constants"],"mappings":"4GAAY,MAACA,EAAkC,CAC7C,OAAQ,GACR,SAAU,0CACV,MAAO,sCACT,EAEaC,EAAyB,SAEtCC,EAAe,CACb,gCAAAF,EACA,uBAAAC,CACF"}
+{"version":3,"file":"feed-item-row-constants.cjs","names":[],"sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row_constants.js"],"sourcesContent":["export const FEED_ROW_STATE_BACKGROUND_COLOR = {\n  NORMAL: '',\n  SEARCHED: 'd-recipe-feed-item-row__state--searched',\n  ERROR: 'd-recipe-feed-item-row__state--error',\n};\n\nexport const DEFAULT_FEED_ROW_STATE = 'NORMAL';\n\nexport default {\n  FEED_ROW_STATE_BACKGROUND_COLOR,\n  DEFAULT_FEED_ROW_STATE,\n};\n"],"mappings":"+FAAA,IAAa,EAAkC,CAC7C,OAAQ,GACR,SAAU,0CACV,MAAO,uCACR,CAEY,EAAyB,SAEtC,EAAe,CACb,kCACA,yBACD"}

package/dist/lib/feed-item-row/feed-item-row-constants.js

@@ -1,14 +1,13 @@
-const e = {
-  NORMAL: "",
-  SEARCHED: "d-recipe-feed-item-row__state--searched",
-  ERROR: "d-recipe-feed-item-row__state--error"
-}, t = "NORMAL", _ = {
-  FEED_ROW_STATE_BACKGROUND_COLOR: e,
-  DEFAULT_FEED_ROW_STATE: t
+//#region recipes/conversation_view/feed_item_row/feed_item_row_constants.js
+var e = {
+	NORMAL: "",
+	SEARCHED: "d-recipe-feed-item-row__state--searched",
+	ERROR: "d-recipe-feed-item-row__state--error"
+}, t = "NORMAL", n = {
+	FEED_ROW_STATE_BACKGROUND_COLOR: e,
+	DEFAULT_FEED_ROW_STATE: t
 };
-export {
-  t as DEFAULT_FEED_ROW_STATE,
-  e as FEED_ROW_STATE_BACKGROUND_COLOR,
-  _ as default
-};
-//# sourceMappingURL=feed-item-row-constants.js.map
+//#endregion
+export { t as DEFAULT_FEED_ROW_STATE, e as FEED_ROW_STATE_BACKGROUND_COLOR, n as default };
+
+//# sourceMappingURL=feed-item-row-constants.js.map

package/dist/lib/feed-item-row/feed-item-row-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"feed-item-row-constants.js","sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row_constants.js"],"sourcesContent":["export const FEED_ROW_STATE_BACKGROUND_COLOR = {\n  NORMAL: '',\n  SEARCHED: 'd-recipe-feed-item-row__state--searched',\n  ERROR: 'd-recipe-feed-item-row__state--error',\n};\n\nexport const DEFAULT_FEED_ROW_STATE = 'NORMAL';\n\nexport default {\n  FEED_ROW_STATE_BACKGROUND_COLOR,\n  DEFAULT_FEED_ROW_STATE,\n};\n"],"names":["FEED_ROW_STATE_BACKGROUND_COLOR","DEFAULT_FEED_ROW_STATE","feed_item_row_constants"],"mappings":"AAAY,MAACA,IAAkC;AAAA,EAC7C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT,GAEaC,IAAyB,UAEtCC,IAAe;AAAA,EACb,iCAAAF;AAAA,EACA,wBAAAC;AACF;"}
+{"version":3,"file":"feed-item-row-constants.js","names":[],"sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row_constants.js"],"sourcesContent":["export const FEED_ROW_STATE_BACKGROUND_COLOR = {\n  NORMAL: '',\n  SEARCHED: 'd-recipe-feed-item-row__state--searched',\n  ERROR: 'd-recipe-feed-item-row__state--error',\n};\n\nexport const DEFAULT_FEED_ROW_STATE = 'NORMAL';\n\nexport default {\n  FEED_ROW_STATE_BACKGROUND_COLOR,\n  DEFAULT_FEED_ROW_STATE,\n};\n"],"mappings":";AAAA,IAAa,IAAkC;CAC7C,QAAQ;CACR,UAAU;CACV,OAAO;CACR,EAEY,IAAyB,UAEtC,IAAe;CACb;CACA;CACD"}

package/dist/lib/feed-item-row/feed-item-row.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./feed-item-row-constants.cjs"),m=require("../../common/mixins/modal.cjs"),_=require("@dialpad/dialtone-icons/vue3"),u=require("../../common/utils/index.cjs"),e=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),h=require("../badge/badge.cjs"),p=require("../list-item/list-item.cjs"),w=require("../lazy-show/lazy-show.cjs"),v=require("../avatar/avatar.cjs"),y={compatConfig:{MODE:3},name:"DtRecipeFeedItemRow",components:{DtAvatar:v.default,DtLazyShow:w.default,DtListItem:p.default,DtBadge:h.default,DtIconUser:_.DtIconUser},mixins:[m.default],inheritAttrs:!1,props:{avatarSeed:{type:String,default:null},showHeader:{type:Boolean,default:!1},avatarImageUrl:{type:String,default:""},displayName:{type:String,default:""},noInitials:{type:Boolean,default:!1},time:{type:String,default:""},shortTime:{type:String,default:""},labelText:{type:String,default:""},isActive:{type:Boolean,default:!1},state:{type:String,default:o.DEFAULT_FEED_ROW_STATE,validator:t=>Object.keys(o.FEED_ROW_STATE_BACKGROUND_COLOR).includes(t)}},emits:["hover","focus","keydown"],data(){return{transitionActive:!1}},computed:{feedListeners(){return{mouseenter:()=>this.setHover(!0),mouseleave:()=>this.setHover(!1),focusin:()=>this.setFocus(!0),focusout:()=>this.setFocus(!1),transitionend:()=>this.transitionComplete(),keydown:t=>{switch(t.code){case"Tab":this.trapFocus(t);break}this.$emit("keydown",t)}}},listItemClasses(){return["d-recipe-feed-item-row",{"d-recipe-feed-item-row--active":this.isActive&&this.state===o.DEFAULT_FEED_ROW_STATE},{"d-recipe-feed-item-row__state-transition":this.transitionActive},o.FEED_ROW_STATE_BACKGROUND_COLOR[this.state]]},hasAttachmentContent(){return u.hasSlotContent(this.$slots.attachment)}},watch:{state:{immediate:!0,handler:function(t){t!==o.DEFAULT_FEED_ROW_STATE&&(this.transitionActive=!0)}}},methods:{transitionComplete(){this.state===o.DEFAULT_FEED_ROW_STATE&&(this.transitionActive=!1)},trapFocus(t){this.focusTrappedTabPress(t)},setFocus(t){this.$emit("focus",t)},setHover(t){this.$emit("hover",t)}}},E={key:0,class:"d-recipe-feed-item-row__avatar-container"},S={class:"d-recipe-feed-item-row__content"},C={key:0,"data-qa":"dt-recipe-feed-item-row--header",class:"d-recipe-feed-item-row__header"},g={class:"d-recipe-feed-item-row__header-name"},k={class:"d-recipe-feed-item-row__header-time"},A={"data-qa":"dt-recipe-feed-item-row--content"},D={key:1,"data-qa":"dt-recipe-feed-item-row--attachment",class:"d-recipe-feed-item-row__attachment"},T={key:0,class:"d-recipe-feed-item-row__reactions","data-qa":"dt-recipe-feed-item-row--reactions"},B={key:1,class:"d-recipe-feed-item-row__threading"},N={"data-qa":"dt-recipe-feed-item-row--menu",class:"d-recipe-feed-item-row__menu"};function b(t,F,a,V,I,i){const s=e.resolveComponent("dt-icon-user"),r=e.resolveComponent("dt-avatar"),n=e.resolveComponent("dt-badge"),d=e.resolveComponent("dt-lazy-show"),c=e.resolveComponent("dt-list-item");return e.openBlock(),e.createBlock(c,e.mergeProps({ref:"FeedItemRef","navigation-type":"none"},t.$attrs,{class:i.listItemClasses,"data-qa":"dt-recipe-feed-item-row"},e.toHandlers(i.feedListeners)),{left:e.withCtx(()=>[a.showHeader?(e.openBlock(),e.createElementBlock("div",E,[e.renderSlot(t.$slots,"avatar",{},()=>[e.createVNode(r,{"full-name":a.displayName,"image-src":a.avatarImageUrl,"image-alt":"",seed:a.avatarSeed},e.createSlots({_:2},[a.noInitials?{name:"icon",fn:e.withCtx(({iconSize:l})=>[e.createVNode(s,{size:l},null,8,["size"])]),key:"0"}:void 0]),1032,["full-name","image-src","seed"])])])):e.createCommentVNode("",!0),a.showHeader?e.createCommentVNode("",!0):e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:1,class:"d-recipe-feed-item-row__left-time","data-qa":"dt-recipe-feed-item-row--left-time"},e.toDisplayString(a.shortTime),513)),[[e.vShow,a.isActive]])]),bottom:e.withCtx(()=>[t.$slots.reactions?(e.openBlock(),e.createElementBlock("div",T,[e.renderSlot(t.$slots,"reactions")])):e.createCommentVNode("",!0),t.$slots.threading?(e.openBlock(),e.createElementBlock("div",B,[e.renderSlot(t.$slots,"threading")])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",N,[e.createVNode(d,{appear:!0,transition:"fade",show:a.isActive},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"menu")]),_:3},8,["show"])],512),[[e.vShow,a.isActive]])]),default:e.withCtx(()=>[e.createElementVNode("article",S,[a.showHeader?(e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"displayName",{},()=>[e.createElementVNode("p",g,e.toDisplayString(a.displayName),1)]),e.createElementVNode("time",k,e.toDisplayString(a.time),1),a.labelText?(e.openBlock(),e.createBlock(n,{key:0,text:a.labelText},null,8,["text"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",A,[e.renderSlot(t.$slots,"default")]),i.hasAttachmentContent?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(t.$slots,"attachment")])):e.createCommentVNode("",!0)])]),_:3},16,["class"])}const q=f._(y,[["render",b]]);exports.default=q;
-//# sourceMappingURL=feed-item-row.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../common/mixins/modal.cjs`),r=require(`../avatar/avatar.cjs`),i=require(`../badge/badge.cjs`),a=require(`../lazy-show/lazy-show.cjs`),o=require(`../list-item/list-item.cjs`),s=require(`./feed-item-row-constants.cjs`);let c=require(`vue`),l=require(`@dialpad/dialtone-icons/vue3`);var u={compatConfig:{MODE:3},name:`DtRecipeFeedItemRow`,components:{DtAvatar:r.default,DtLazyShow:a.default,DtListItem:o.default,DtBadge:i.default,DtIconUser:l.DtIconUser},mixins:[n.default],inheritAttrs:!1,props:{avatarSeed:{type:String,default:null},showHeader:{type:Boolean,default:!1},avatarImageUrl:{type:String,default:``},displayName:{type:String,default:``},noInitials:{type:Boolean,default:!1},time:{type:String,default:``},shortTime:{type:String,default:``},labelText:{type:String,default:``},isActive:{type:Boolean,default:!1},state:{type:String,default:s.DEFAULT_FEED_ROW_STATE,validator:e=>Object.keys(s.FEED_ROW_STATE_BACKGROUND_COLOR).includes(e)}},emits:[`hover`,`focus`,`keydown`],data(){return{transitionActive:!1}},computed:{feedListeners(){return{mouseenter:()=>this.setHover(!0),mouseleave:()=>this.setHover(!1),focusin:()=>this.setFocus(!0),focusout:()=>this.setFocus(!1),transitionend:()=>this.transitionComplete(),keydown:e=>{switch(e.code){case`Tab`:this.trapFocus(e);break}this.$emit(`keydown`,e)}}},listItemClasses(){return[`d-recipe-feed-item-row`,{"d-recipe-feed-item-row--active":this.isActive&&this.state===`NORMAL`},{"d-recipe-feed-item-row__state-transition":this.transitionActive},s.FEED_ROW_STATE_BACKGROUND_COLOR[this.state]]},hasAttachmentContent(){return e.hasSlotContent(this.$slots.attachment)}},watch:{state:{immediate:!0,handler:function(e){e!==`NORMAL`&&(this.transitionActive=!0)}}},methods:{transitionComplete(){this.state===`NORMAL`&&(this.transitionActive=!1)},trapFocus(e){this.focusTrappedTabPress(e)},setFocus(e){this.$emit(`focus`,e)},setHover(e){this.$emit(`hover`,e)}}},d={key:0,class:`d-recipe-feed-item-row__avatar-container`},f={class:`d-recipe-feed-item-row__content`},p={key:0,"data-qa":`dt-recipe-feed-item-row--header`,class:`d-recipe-feed-item-row__header`},m={class:`d-recipe-feed-item-row__header-name`},h={class:`d-recipe-feed-item-row__header-time`},g={"data-qa":`dt-recipe-feed-item-row--content`},_={key:1,"data-qa":`dt-recipe-feed-item-row--attachment`,class:`d-recipe-feed-item-row__attachment`},v={key:0,class:`d-recipe-feed-item-row__reactions`,"data-qa":`dt-recipe-feed-item-row--reactions`},y={key:1,class:`d-recipe-feed-item-row__threading`},b={"data-qa":`dt-recipe-feed-item-row--menu`,class:`d-recipe-feed-item-row__menu`};function x(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-icon-user`),s=(0,c.resolveComponent)(`dt-avatar`),l=(0,c.resolveComponent)(`dt-badge`),u=(0,c.resolveComponent)(`dt-lazy-show`),x=(0,c.resolveComponent)(`dt-list-item`);return(0,c.openBlock)(),(0,c.createBlock)(x,(0,c.mergeProps)({ref:`FeedItemRef`,"navigation-type":`none`},e.$attrs,{class:a.listItemClasses,"data-qa":`dt-recipe-feed-item-row`},(0,c.toHandlers)(a.feedListeners)),{left:(0,c.withCtx)(()=>[n.showHeader?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,d,[(0,c.renderSlot)(e.$slots,`avatar`,{},()=>[(0,c.createVNode)(s,{"full-name":n.displayName,"image-src":n.avatarImageUrl,"image-alt":``,seed:n.avatarSeed},(0,c.createSlots)({_:2},[n.noInitials?{name:`icon`,fn:(0,c.withCtx)(({iconSize:e})=>[(0,c.createVNode)(o,{size:e},null,8,[`size`])]),key:`0`}:void 0]),1032,[`full-name`,`image-src`,`seed`])])])):(0,c.createCommentVNode)(``,!0),n.showHeader?(0,c.createCommentVNode)(``,!0):(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,class:`d-recipe-feed-item-row__left-time`,"data-qa":`dt-recipe-feed-item-row--left-time`},(0,c.toDisplayString)(n.shortTime),513)),[[c.vShow,n.isActive]])]),bottom:(0,c.withCtx)(()=>[e.$slots.reactions?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,v,[(0,c.renderSlot)(e.$slots,`reactions`)])):(0,c.createCommentVNode)(``,!0),e.$slots.threading?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,y,[(0,c.renderSlot)(e.$slots,`threading`)])):(0,c.createCommentVNode)(``,!0),(0,c.withDirectives)((0,c.createElementVNode)(`div`,b,[(0,c.createVNode)(u,{appear:!0,transition:`fade`,show:n.isActive},{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`menu`)]),_:3},8,[`show`])],512),[[c.vShow,n.isActive]])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`article`,f,[n.showHeader?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,p,[(0,c.renderSlot)(e.$slots,`displayName`,{},()=>[(0,c.createElementVNode)(`p`,m,(0,c.toDisplayString)(n.displayName),1)]),(0,c.createElementVNode)(`time`,h,(0,c.toDisplayString)(n.time),1),n.labelText?((0,c.openBlock)(),(0,c.createBlock)(l,{key:0,text:n.labelText},null,8,[`text`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`span`,g,[(0,c.renderSlot)(e.$slots,`default`)]),a.hasAttachmentContent?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,_,[(0,c.renderSlot)(e.$slots,`attachment`)])):(0,c.createCommentVNode)(``,!0)])]),_:3},16,[`class`])}var S=t.t(u,[[`render`,x]]);exports.default=S;
+//# sourceMappingURL=feed-item-row.cjs.map