@dialpad/dialtone 9.130.0 → 9.131.1

package/dist/vue3/lib/empty-state/empty-state-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state-constants.js","sources":["../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n  sm: 'd-empty-state--size-sm',\n  md: 'd-empty-state--size-md',\n  lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n  sm: 'd-empty-state__content--sm',\n  md: 'd-empty-state__content--md',\n  lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZE_MODIFIERS = {\n  sm: 'd-headline--md',\n  md: 'd-headline--xl',\n  lg: 'd-headline--xxl',\n};\n\nexport const EMPTY_STATE_BODY_SIZE_MODIFIERS = {\n  sm: 'd-body--sm',\n  md: 'd-body--sm',\n  lg: 'd-body--md',\n};\n\nexport default {\n  EMPTY_STATE_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n};\n"],"names":["EMPTY_STATE_SIZE_MODIFIERS","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","EMPTY_STATE_HEADLINE_SIZE_MODIFIERS","EMPTY_STATE_BODY_SIZE_MODIFIERS","empty_state_constants"],"mappings":"AAAY,MAACA,IAA6B;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAqC;AAAA,EAChD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAkC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEeC,IAAA;AAAA,EACb,4BAAAJ;AAAA,EACA,oCAAAC;AAAA,EACA,qCAAAC;AAAA,EACA,iCAAAC;AACF;"}
+{"version":3,"file":"empty-state-constants.js","sources":["../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n  sm: 'd-empty-state--size-sm',\n  md: 'd-empty-state--size-md',\n  lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n  sm: 'd-empty-state__content--sm',\n  md: 'd-empty-state__content--md',\n  lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZE_MODIFIERS = {\n  sm: 'd-headline--md',\n  md: 'd-headline--xl',\n  lg: 'd-headline--xxl',\n};\n\nexport const EMPTY_STATE_BODY_SIZE_MODIFIERS = {\n  sm: 'd-body--sm',\n  md: 'd-body--sm',\n  lg: 'd-body--md',\n};\n\nexport default {\n  EMPTY_STATE_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n};\n"],"names":["EMPTY_STATE_SIZE_MODIFIERS","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","EMPTY_STATE_HEADLINE_SIZE_MODIFIERS","EMPTY_STATE_BODY_SIZE_MODIFIERS","empty_state_constants"],"mappings":"AAAY,MAACA,IAA6B;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAqC;AAAA,EAChD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAkC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEAC,IAAe;AAAA,EACb,4BAAAJ;AAAA,EACA,oCAAAC;AAAA,EACA,qCAAAC;AAAA,EACA,iCAAAC;AACF;"}

package/dist/vue3/lib/empty-state/empty-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.cjs","sources":["../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :class=\"emptyStateClasses\"\n  >\n    <span\n      v-if=\"showIllustration\"\n      class=\"d-empty-state__illustration\"\n    >\n      <!-- @slot Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon. -->\n      <slot name=\"illustration\" />\n    </span>\n\n    <span\n      v-if=\"showIcon\"\n      class=\"d-empty-state__icon\"\n    >\n      <!-- @slot Slot for the icon. Displayed if illustration is not provided. -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"'800'\"\n      />\n    </span>\n\n    <dt-stack\n      gap=\"450\"\n      :class=\"['d-empty-state__content', contentClass]\"\n    >\n      <div :class=\"['d-empty-state__header-text', headlineClass]\">\n        {{ headerText }}\n      </div>\n\n      <p\n        v-if=\"bodyText\"\n        :class=\"['d-empty-state__body-text', bodyClass]\"\n      >\n        {{ bodyText }}\n      </p>\n    </dt-stack>\n\n    <slot name=\"body\" />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  /**\n    * The empty state size.\n    * @values 'sm', 'md', 'lg'\n    */\n  size: {\n    type: String,\n    default: 'lg',\n    validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s),\n  },\n\n  /**\n    * Header text\n    * @type {String}\n    */\n  headerText: {\n    type: String,\n    required: true,\n  },\n\n  /**\n    * Body text\n    * @type {String}\n    */\n  bodyText: {\n    type: String,\n    default: null,\n  },\n});\n\nconst hasIcon = computed(() => {\n  return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\nconst isSmallSize = computed(() => props.size === 'sm');\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);\n\nconst headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);\n\nconst bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);\n\nonMounted(() => {\n  if (!props.bodyText && !hasSlotContent(slots.body)) {\n    console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n  }\n});\n</script>\n"],"names":["slots","useSlots","props","__props","hasIcon","computed","hasSlotContent","hasIllustration","isSmallSize","showIcon","showIllustration","sizeClass","EMPTY_STATE_SIZE_MODIFIERS","emptyStateClasses","contentClass","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","headlineClass","EMPTY_STATE_HEADLINE_SIZE_MODIFIERS","bodyClass","EMPTY_STATE_BODY_SIZE_MODIFIERS","onMounted"],"mappings":"+hBAsDA,MAAMA,EAAQC,EAAQ,SAAA,EAEhBC,EAAQC,EA8BRC,EAAUC,EAAQ,SAAC,IAChBC,EAAc,eAACN,EAAM,IAAI,CACjC,EACKO,EAAkBF,EAAQ,SAAC,IAAMC,EAAAA,eAAeN,EAAM,YAAY,CAAC,EACnEQ,EAAcH,EAAAA,SAAS,IAAMH,EAAM,OAAS,IAAI,EAMhDO,EAAWJ,EAAAA,SAAS,IAAMD,EAAQ,QAAU,CAACG,EAAgB,OAASC,EAAY,MAAM,EAMxFE,EAAmBL,EAAQ,SAAC,IAAME,EAAgB,OAAS,CAACC,EAAY,KAAK,EAE7EG,EAAYN,EAAQ,SAAC,IAAMO,EAAAA,2BAA2BV,EAAM,IAAI,CAAC,EAEjEW,EAAoBR,EAAQ,SAAC,IAAM,CAAC,gBAAiBM,EAAU,KAAK,CAAC,EAErEG,EAAeT,EAAQ,SAAC,IAAMU,EAAAA,mCAAmCb,EAAM,IAAI,CAAC,EAE5Ec,EAAgBX,EAAQ,SAAC,IAAMY,EAAAA,oCAAoCf,EAAM,IAAI,CAAC,EAE9EgB,EAAYb,EAAQ,SAAC,IAAMc,EAAAA,gCAAgCjB,EAAM,IAAI,CAAC,EAE5EkB,OAAAA,EAAAA,UAAU,IAAM,CACV,CAAClB,EAAM,UAAY,CAACI,EAAAA,eAAeN,EAAM,IAAI,GAC/C,QAAQ,MAAM,2EAA2E,CAE7F,CAAC"}
+{"version":3,"file":"empty-state.cjs","sources":["../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :class=\"emptyStateClasses\"\n  >\n    <span\n      v-if=\"showIllustration\"\n      class=\"d-empty-state__illustration\"\n    >\n      <!-- @slot Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon. -->\n      <slot name=\"illustration\" />\n    </span>\n\n    <span\n      v-if=\"showIcon\"\n      class=\"d-empty-state__icon\"\n    >\n      <!-- @slot Slot for the icon. Displayed if illustration is not provided. -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"'800'\"\n      />\n    </span>\n\n    <dt-stack\n      gap=\"450\"\n      :class=\"['d-empty-state__content', contentClass]\"\n    >\n      <div :class=\"['d-empty-state__header-text', headlineClass]\">\n        {{ headerText }}\n      </div>\n\n      <p\n        v-if=\"bodyText\"\n        :class=\"['d-empty-state__body-text', bodyClass]\"\n      >\n        {{ bodyText }}\n      </p>\n    </dt-stack>\n\n    <slot name=\"body\" />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  /**\n    * The empty state size.\n    * @values 'sm', 'md', 'lg'\n    */\n  size: {\n    type: String,\n    default: 'lg',\n    validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s),\n  },\n\n  /**\n    * Header text\n    * @type {String}\n    */\n  headerText: {\n    type: String,\n    required: true,\n  },\n\n  /**\n    * Body text\n    * @type {String}\n    */\n  bodyText: {\n    type: String,\n    default: null,\n  },\n});\n\nconst hasIcon = computed(() => {\n  return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\nconst isSmallSize = computed(() => props.size === 'sm');\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);\n\nconst headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);\n\nconst bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);\n\nonMounted(() => {\n  if (!props.bodyText && !hasSlotContent(slots.body)) {\n    console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n  }\n});\n</script>\n"],"names":["slots","useSlots","props","__props","hasIcon","computed","hasSlotContent","hasIllustration","isSmallSize","showIcon","showIllustration","sizeClass","EMPTY_STATE_SIZE_MODIFIERS","emptyStateClasses","contentClass","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","headlineClass","EMPTY_STATE_HEADLINE_SIZE_MODIFIERS","bodyClass","EMPTY_STATE_BODY_SIZE_MODIFIERS","onMounted"],"mappings":"+hBAsDA,MAAMA,EAAQC,EAAAA,SAAQ,EAEhBC,EAAQC,EA8BRC,EAAUC,EAAAA,SAAS,IAChBC,EAAAA,eAAeN,EAAM,IAAI,CACjC,EACKO,EAAkBF,EAAAA,SAAS,IAAMC,EAAAA,eAAeN,EAAM,YAAY,CAAC,EACnEQ,EAAcH,EAAAA,SAAS,IAAMH,EAAM,OAAS,IAAI,EAMhDO,EAAWJ,EAAAA,SAAS,IAAMD,EAAQ,QAAU,CAACG,EAAgB,OAASC,EAAY,MAAM,EAMxFE,EAAmBL,EAAAA,SAAS,IAAME,EAAgB,OAAS,CAACC,EAAY,KAAK,EAE7EG,EAAYN,EAAAA,SAAS,IAAMO,EAAAA,2BAA2BV,EAAM,IAAI,CAAC,EAEjEW,EAAoBR,EAAAA,SAAS,IAAM,CAAC,gBAAiBM,EAAU,KAAK,CAAC,EAErEG,EAAeT,EAAAA,SAAS,IAAMU,EAAAA,mCAAmCb,EAAM,IAAI,CAAC,EAE5Ec,EAAgBX,EAAAA,SAAS,IAAMY,EAAAA,oCAAoCf,EAAM,IAAI,CAAC,EAE9EgB,EAAYb,EAAAA,SAAS,IAAMc,EAAAA,gCAAgCjB,EAAM,IAAI,CAAC,EAE5EkB,OAAAA,EAAAA,UAAU,IAAM,CACV,CAAClB,EAAM,UAAY,CAACI,EAAAA,eAAeN,EAAM,IAAI,GAC/C,QAAQ,MAAM,2EAA2E,CAE7F,CAAC"}

package/dist/vue3/lib/empty-state/empty-state.js

@@ -1,4 +1,4 @@
-import { useSlots as x, computed as t, onMounted as D, openBlock as o, createBlock as M, unref as m, normalizeClass as a, withCtx as y, createElementBlock as r, renderSlot as c, createCommentVNode as i, createVNode as k, createElementVNode as O, toDisplayString as S } from "vue";
+import { useSlots as x, computed as t, onMounted as D, createBlock as M, openBlock as o, unref as m, normalizeClass as a, withCtx as y, createElementBlock as r, createCommentVNode as c, createVNode as k, renderSlot as i, createElementVNode as O, toDisplayString as S } from "vue";
 import { hasSlotContent as d } from "../../common/utils/index.js";
 import { EMPTY_STATE_SIZE_MODIFIERS as p, EMPTY_STATE_CONTENT_SIZE_MODIFIERS as g, EMPTY_STATE_HEADLINE_SIZE_MODIFIERS as N, EMPTY_STATE_BODY_SIZE_MODIFIERS as Y } from "./empty-state-constants.js";
 import E from "../stack/stack.js";
@@ -46,11 +46,11 @@ const A = {
     }, {
       default: y(() => [
         h.value ? (o(), r("span", A, [
-          c(n.$slots, "illustration")
-        ])) : i("", !0),
+          i(n.$slots, "illustration")
+        ])) : c("", !0),
         I.value ? (o(), r("span", B, [
-          c(n.$slots, "icon", { iconSize: "800" })
-        ])) : i("", !0),
+          i(n.$slots, "icon", { iconSize: "800" })
+        ])) : c("", !0),
         k(m(E), {
           gap: "450",
           class: a(["d-empty-state__content", b.value])
@@ -62,11 +62,11 @@ const A = {
             e.bodyText ? (o(), r("p", {
               key: 0,
               class: a(["d-empty-state__body-text", C.value])
-            }, S(e.bodyText), 3)) : i("", !0)
+            }, S(e.bodyText), 3)) : c("", !0)
           ]),
           _: 1
         }, 8, ["class"]),
-        c(n.$slots, "body")
+        i(n.$slots, "body")
       ]),
       _: 3
     }, 8, ["class"]));

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

@@ -1 +1 @@
-{"version":3,"file":"feed-item-pill-constants.cjs","sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill_constants.js"],"sourcesContent":["export const FEED_ITEM_PILL_BORDER_COLORS = {\n  default: 'd-recipe-feed-item-pill__border--default',\n  ai: 'd-recipe-feed-item-pill__border--ai',\n  critical: 'd-recipe-feed-item-pill__border--critical',\n};\n\nexport default {\n  FEED_ITEM_PILL_BORDER_COLORS,\n};\n"],"names":["FEED_ITEM_PILL_BORDER_COLORS","feed_item_pill_constants"],"mappings":"4GAAY,MAACA,EAA+B,CAC1C,QAAS,2CACT,GAAI,sCACJ,SAAU,2CACZ,EAEeC,EAAA,CACb,6BAAAD,CACF"}
+{"version":3,"file":"feed-item-pill-constants.cjs","sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill_constants.js"],"sourcesContent":["export const FEED_ITEM_PILL_BORDER_COLORS = {\n  default: 'd-recipe-feed-item-pill__border--default',\n  ai: 'd-recipe-feed-item-pill__border--ai',\n  critical: 'd-recipe-feed-item-pill__border--critical',\n};\n\nexport default {\n  FEED_ITEM_PILL_BORDER_COLORS,\n};\n"],"names":["FEED_ITEM_PILL_BORDER_COLORS","feed_item_pill_constants"],"mappings":"4GAAY,MAACA,EAA+B,CAC1C,QAAS,2CACT,GAAI,sCACJ,SAAU,2CACZ,EAEAC,EAAe,CACb,6BAAAD,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"feed-item-pill-constants.js","sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill_constants.js"],"sourcesContent":["export const FEED_ITEM_PILL_BORDER_COLORS = {\n  default: 'd-recipe-feed-item-pill__border--default',\n  ai: 'd-recipe-feed-item-pill__border--ai',\n  critical: 'd-recipe-feed-item-pill__border--critical',\n};\n\nexport default {\n  FEED_ITEM_PILL_BORDER_COLORS,\n};\n"],"names":["FEED_ITEM_PILL_BORDER_COLORS","feed_item_pill_constants"],"mappings":"AAAY,MAACA,IAA+B;AAAA,EAC1C,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,UAAU;AACZ,GAEeC,IAAA;AAAA,EACb,8BAAAD;AACF;"}
+{"version":3,"file":"feed-item-pill-constants.js","sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill_constants.js"],"sourcesContent":["export const FEED_ITEM_PILL_BORDER_COLORS = {\n  default: 'd-recipe-feed-item-pill__border--default',\n  ai: 'd-recipe-feed-item-pill__border--ai',\n  critical: 'd-recipe-feed-item-pill__border--critical',\n};\n\nexport default {\n  FEED_ITEM_PILL_BORDER_COLORS,\n};\n"],"names":["FEED_ITEM_PILL_BORDER_COLORS","feed_item_pill_constants"],"mappings":"AAAY,MAACA,IAA+B;AAAA,EAC1C,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,UAAU;AACZ,GAEAC,IAAe;AAAA,EACb,8BAAAD;AACF;"}

package/dist/vue3/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("../item-layout/item-layout.cjs"),m=require("../collapsible/collapsible.cjs"),f={compatConfig:{MODE:3},name:"DtRecipeFeedItemPill",components:{DtItemLayout:_.default,DtCollapsible:m.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;
+"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

package/dist/vue3/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_2","_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","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_withCtx","_toDisplayString"],"mappings":"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"}
+{"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_2","_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","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_withCtx","_toDisplayString"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 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, createBlock as y, resolveDynamicComponent as I, renderSlot as n, toDisplayString as k } from "vue";
+import { resolveComponent as p, createElementBlock as C, openBlock 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 "../item-layout/item-layout.js";
-import L from "../collapsible/collapsible.js";
+import E from "../collapsible/collapsible.js";
+import L from "../item-layout/item-layout.js";
 const S = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeFeedItemPill",
-  components: { DtItemLayout: E, DtCollapsible: L },
+  components: { DtItemLayout: L, DtCollapsible: E },
   props: {
     /**
      * Bolded primary text
@@ -110,7 +110,7 @@ function z(e, t, d, j, s, o) {
             }, u({
               left: i(() => [
                 l("div", B, [
-                  o.showChevronIcon ? (c(), y(I(o.toggleIcon), {
+                  o.showChevronIcon ? (c(), I(k(o.toggleIcon), {
                     key: 0,
                     size: "300"
                   })) : n(e.$slots, "leftIcon", {
@@ -121,7 +121,7 @@ function z(e, t, d, j, s, o) {
               ]),
               default: i(() => [
                 n(e.$slots, "title", {}, () => [
-                  l("span", T, k(d.title), 1)
+                  l("span", T, y(d.title), 1)
                 ])
               ]),
               _: 2

package/dist/vue3/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_2","_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","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_withCtx","_toDisplayString"],"mappings":"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"}
+{"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_2","_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","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_withCtx","_toDisplayString"],"mappings":"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"}

package/dist/vue3/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,SAEvBC,EAAA,CACb,gCAAAF,EACA,uBAAAC,CACF"}
+{"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"}

package/dist/vue3/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,UAEvBC,IAAA;AAAA,EACb,iCAAAF;AAAA,EACA,wBAAAC;AACF;"}
+{"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;"}

package/dist/vue3/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"),_=require("../../common/mixins/modal.cjs"),u=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),h=require("../avatar/avatar.cjs"),p=require("../lazy-show/lazy-show.cjs"),w=require("../list-item/list-item.cjs"),v=require("../badge/badge.cjs"),y={compatConfig:{MODE:3},name:"DtRecipeFeedItemRow",components:{DtAvatar:h.default,DtLazyShow:p.default,DtListItem:w.default,DtBadge:v.default,DtIconUser:u.DtIconUser},mixins:[_.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]]}},watch:{state:{immediate:!0,handler:function(t,s){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"},g={key:0,"data-qa":"dt-recipe-feed-item-row--header",class:"d-recipe-feed-item-row__header"},k={class:"d-recipe-feed-item-row__header-name"},C={class:"d-recipe-feed-item-row__header-time"},D={"data-qa":"dt-recipe-feed-item-row--content"},T={key:1,"data-qa":"dt-recipe-feed-item-row--attachment",class:"d-recipe-feed-item-row__attachment"},A={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,s,a,q,V,i){const r=e.resolveComponent("dt-icon-user"),n=e.resolveComponent("dt-avatar"),d=e.resolveComponent("dt-badge"),l=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(n,{"full-name":a.displayName,"image-src":a.avatarImageUrl,"image-alt":"",seed:a.avatarSeed},e.createSlots({_:2},[a.noInitials?{name:"icon",fn:e.withCtx(({iconSize:m})=>[e.createVNode(r,{size:m},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",A,[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(l,{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",g,[e.renderSlot(t.$slots,"displayName",{},()=>[e.createElementVNode("p",k,e.toDisplayString(a.displayName),1)]),e.createElementVNode("time",C,e.toDisplayString(a.time),1),a.labelText?(e.openBlock(),e.createBlock(d,{key:0,text:a.labelText},null,8,["text"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",D,[e.renderSlot(t.$slots,"default")]),t.$slots.attachment?(e.openBlock(),e.createElementBlock("div",T,[e.renderSlot(t.$slots,"attachment")])):e.createCommentVNode("",!0)])]),_:3},16,["class"])}const F=f._(y,[["render",b]]);exports.default=F;
+"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"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),f=require("../badge/badge.cjs"),h=require("../list-item/list-item.cjs"),p=require("../lazy-show/lazy-show.cjs"),w=require("../avatar/avatar.cjs"),v={compatConfig:{MODE:3},name:"DtRecipeFeedItemRow",components:{DtAvatar:w.default,DtLazyShow:p.default,DtListItem:h.default,DtBadge:f.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]]}},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)}}},y={key:0,class:"d-recipe-feed-item-row__avatar-container"},E={class:"d-recipe-feed-item-row__content"},S={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"},C={"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"},A={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 N(t,F,a,q,V,i){const s=e.resolveComponent("dt-icon-user"),r=e.resolveComponent("dt-avatar"),n=e.resolveComponent("dt-badge"),d=e.resolveComponent("dt-lazy-show"),l=e.resolveComponent("dt-list-item");return e.openBlock(),e.createBlock(l,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",y,[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:c})=>[e.createVNode(s,{size:c},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",A,[e.renderSlot(t.$slots,"threading")])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",B,[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",E,[a.showHeader?(e.openBlock(),e.createElementBlock("div",S,[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",C,[e.renderSlot(t.$slots,"default")]),t.$slots.attachment?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(t.$slots,"attachment")])):e.createCommentVNode("",!0)])]),_:3},16,["class"])}const b=u._(v,[["render",N]]);exports.default=b;
 //# sourceMappingURL=feed-item-row.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"feed-item-row.cjs","sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row.vue"],"sourcesContent":["<template>\n  <dt-list-item\n    ref=\"FeedItemRef\"\n    navigation-type=\"none\"\n    v-bind=\"$attrs\"\n    :class=\"listItemClasses\"\n    data-qa=\"dt-recipe-feed-item-row\"\n    v-on=\"feedListeners\"\n  >\n    <!-- Avatar or time -->\n    <template #left>\n      <div\n        v-if=\"showHeader\"\n        class=\"d-recipe-feed-item-row__avatar-container\"\n      >\n        <!-- @slot Slot to contain the avatar, overrides avatar props. -->\n        <slot\n          name=\"avatar\"\n        >\n          <dt-avatar\n            :full-name=\"displayName\"\n            :image-src=\"avatarImageUrl\"\n            image-alt=\"\"\n            :seed=\"avatarSeed\"\n          >\n            <template\n              v-if=\"noInitials\"\n              #icon=\"{ iconSize }\"\n            >\n              <dt-icon-user\n                :size=\"iconSize\"\n              />\n            </template>\n          </dt-avatar>\n        </slot>\n      </div>\n      <!-- show time instead of avatar when headers not present -->\n      <span\n        v-if=\"!showHeader\"\n        v-show=\"isActive\"\n        class=\"d-recipe-feed-item-row__left-time\"\n        data-qa=\"dt-recipe-feed-item-row--left-time\"\n      >\n        {{ shortTime }}\n      </span>\n    </template>\n\n    <article class=\"d-recipe-feed-item-row__content\">\n      <!-- Feed Item -->\n      <div\n        v-if=\"showHeader\"\n        data-qa=\"dt-recipe-feed-item-row--header\"\n        class=\"d-recipe-feed-item-row__header\"\n      >\n        <!-- @slot Slot for display name -->\n        <slot name=\"displayName\">\n          <p class=\"d-recipe-feed-item-row__header-name\">\n            {{ displayName }}\n          </p>\n        </slot>\n        <time\n          class=\"d-recipe-feed-item-row__header-time\"\n        >\n          {{ time }}\n        </time>\n        <dt-badge\n          v-if=\"labelText\"\n          :text=\"labelText\"\n        />\n      </div>\n      <!-- @slot Default content slot for feed item row -->\n      <span\n        data-qa=\"dt-recipe-feed-item-row--content\"\n      >\n        <slot />\n      </span>\n      <div\n        v-if=\"$slots.attachment\"\n        data-qa=\"dt-recipe-feed-item-row--attachment\"\n        class=\"d-recipe-feed-item-row__attachment\"\n      >\n        <slot name=\"attachment\" />\n      </div>\n    </article>\n\n    <template #bottom>\n      <!-- Reactions -->\n      <div\n        v-if=\"$slots.reactions\"\n        class=\"d-recipe-feed-item-row__reactions\"\n        data-qa=\"dt-recipe-feed-item-row--reactions\"\n      >\n        <!-- @slot Slot for reactions row component -->\n        <slot name=\"reactions\" />\n      </div>\n\n      <!-- Threading -->\n      <div\n        v-if=\"$slots.threading\"\n        class=\"d-recipe-feed-item-row__threading\"\n      >\n        <!-- @slot Slot for threading row component -->\n        <slot name=\"threading\" />\n      </div>\n\n      <!-- Action menu -->\n      <div\n        v-show=\"isActive\"\n        data-qa=\"dt-recipe-feed-item-row--menu\"\n        class=\"d-recipe-feed-item-row__menu\"\n      >\n        <dt-lazy-show\n          :appear=\"true\"\n          transition=\"fade\"\n          :show=\"isActive\"\n        >\n          <!-- @slot Slot for actions hover menu component -->\n          <slot name=\"menu\" />\n        </dt-lazy-show>\n      </div>\n    </template>\n  </dt-list-item>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DEFAULT_FEED_ROW_STATE, FEED_ROW_STATE_BACKGROUND_COLOR } from './feed_item_row_constants.js';\nimport { DtAvatar } from '@/components/avatar';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtListItem } from '@/components/list_item';\nimport { DtBadge } from '@/components/badge';\nimport Modal from '@/common/mixins/modal';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemRow',\n\n  components: {\n    DtAvatar,\n    DtLazyShow,\n    DtListItem,\n    DtBadge,\n    DtIconUser,\n  },\n\n  mixins: [Modal],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Show avatar, show header text or dont show left time and vice versa\n     */\n    showHeader: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Optional avatar image url.\n     * If not provided it will use extracted initials from displayName.\n     */\n    avatarImageUrl: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The display name of the sender\n     */\n    displayName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * time string displayed as is.\n     * Shown on the header when showHeader is true\n     */\n    time: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * short time string without AM/PM displayed as is.\n     * Shown on the left of feed item when showHeader is false and isActive is true\n     */\n    shortTime: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * A label displayed next to the displayName. Will not show if empty.\n     */\n    labelText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * displays a darkened background on the row.\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * state for the feed item row. Can be normal, searched & error\n     */\n    state: {\n      type: String,\n      default: DEFAULT_FEED_ROW_STATE,\n      validator: state => Object.keys(FEED_ROW_STATE_BACKGROUND_COLOR).includes(state),\n    },\n  },\n\n  emits: [\n    /**\n     * Fires when hovered over feed row\n     *\n     * @event hover\n     * @type {Boolean}\n     */\n    'hover',\n\n    /**\n     * Fires when focused over feed row\n     *\n     * @event focus\n     * @type {Boolean}\n     */\n    'focus',\n\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n  ],\n\n  data () {\n    return {\n      transitionActive: false,\n    };\n  },\n\n  computed: {\n    feedListeners () {\n      return {\n        mouseenter: () => this.setHover(true),\n        mouseleave: () => this.setHover(false),\n        focusin: () => this.setFocus(true),\n        focusout: () => this.setFocus(false),\n        transitionend: () => this.transitionComplete(),\n        keydown: event => {\n          switch (event.code) {\n            case 'Tab':\n              this.trapFocus(event);\n              break;\n          }\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    listItemClasses () {\n      return [\n        'd-recipe-feed-item-row',\n        { 'd-recipe-feed-item-row--active': this.isActive && this.state === DEFAULT_FEED_ROW_STATE },\n        { 'd-recipe-feed-item-row__state-transition': this.transitionActive },\n        FEED_ROW_STATE_BACKGROUND_COLOR[this.state],\n\n      ];\n    },\n  },\n\n  watch: {\n    state: {\n      immediate: true,\n      handler: function (newState, oldState) {\n        if (newState !== DEFAULT_FEED_ROW_STATE) {\n          this.transitionActive = true;\n        }\n      },\n    },\n  },\n\n  methods: {\n    transitionComplete () {\n      if (this.state === DEFAULT_FEED_ROW_STATE) {\n        this.transitionActive = false;\n      }\n    },\n\n    trapFocus (e) {\n      this.focusTrappedTabPress(e);\n    },\n\n    setFocus (bool) {\n      this.$emit('focus', bool);\n    },\n\n    setHover (bool) {\n      this.$emit('hover', bool);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtAvatar","DtLazyShow","DtListItem","DtBadge","DtIconUser","Modal","DEFAULT_FEED_ROW_STATE","state","FEED_ROW_STATE_BACKGROUND_COLOR","event","newState","oldState","e","bool","_hoisted_2","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createBlock","_component_dt_list_item","_mergeProps","_ctx","$options","_toHandlers","$props","_createElementBlock","_hoisted_1","_renderSlot","_createVNode","_component_dt_avatar","_createSlots","_withCtx","iconSize","_component_dt_icon_user","_createCommentVNode","_hoisted_8","_hoisted_9","_withDirectives","_createElementVNode","_hoisted_10","_component_dt_lazy_show","_hoisted_3","_toDisplayString","_component_dt_badge","_hoisted_7"],"mappings":"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"}
+{"version":3,"file":"feed-item-row.cjs","sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row.vue"],"sourcesContent":["<template>\n  <dt-list-item\n    ref=\"FeedItemRef\"\n    navigation-type=\"none\"\n    v-bind=\"$attrs\"\n    :class=\"listItemClasses\"\n    data-qa=\"dt-recipe-feed-item-row\"\n    v-on=\"feedListeners\"\n  >\n    <!-- Avatar or time -->\n    <template #left>\n      <div\n        v-if=\"showHeader\"\n        class=\"d-recipe-feed-item-row__avatar-container\"\n      >\n        <!-- @slot Slot to contain the avatar, overrides avatar props. -->\n        <slot\n          name=\"avatar\"\n        >\n          <dt-avatar\n            :full-name=\"displayName\"\n            :image-src=\"avatarImageUrl\"\n            image-alt=\"\"\n            :seed=\"avatarSeed\"\n          >\n            <template\n              v-if=\"noInitials\"\n              #icon=\"{ iconSize }\"\n            >\n              <dt-icon-user\n                :size=\"iconSize\"\n              />\n            </template>\n          </dt-avatar>\n        </slot>\n      </div>\n      <!-- show time instead of avatar when headers not present -->\n      <span\n        v-if=\"!showHeader\"\n        v-show=\"isActive\"\n        class=\"d-recipe-feed-item-row__left-time\"\n        data-qa=\"dt-recipe-feed-item-row--left-time\"\n      >\n        {{ shortTime }}\n      </span>\n    </template>\n\n    <article class=\"d-recipe-feed-item-row__content\">\n      <!-- Feed Item -->\n      <div\n        v-if=\"showHeader\"\n        data-qa=\"dt-recipe-feed-item-row--header\"\n        class=\"d-recipe-feed-item-row__header\"\n      >\n        <!-- @slot Slot for display name -->\n        <slot name=\"displayName\">\n          <p class=\"d-recipe-feed-item-row__header-name\">\n            {{ displayName }}\n          </p>\n        </slot>\n        <time\n          class=\"d-recipe-feed-item-row__header-time\"\n        >\n          {{ time }}\n        </time>\n        <dt-badge\n          v-if=\"labelText\"\n          :text=\"labelText\"\n        />\n      </div>\n      <!-- @slot Default content slot for feed item row -->\n      <span\n        data-qa=\"dt-recipe-feed-item-row--content\"\n      >\n        <slot />\n      </span>\n      <div\n        v-if=\"$slots.attachment\"\n        data-qa=\"dt-recipe-feed-item-row--attachment\"\n        class=\"d-recipe-feed-item-row__attachment\"\n      >\n        <slot name=\"attachment\" />\n      </div>\n    </article>\n\n    <template #bottom>\n      <!-- Reactions -->\n      <div\n        v-if=\"$slots.reactions\"\n        class=\"d-recipe-feed-item-row__reactions\"\n        data-qa=\"dt-recipe-feed-item-row--reactions\"\n      >\n        <!-- @slot Slot for reactions row component -->\n        <slot name=\"reactions\" />\n      </div>\n\n      <!-- Threading -->\n      <div\n        v-if=\"$slots.threading\"\n        class=\"d-recipe-feed-item-row__threading\"\n      >\n        <!-- @slot Slot for threading row component -->\n        <slot name=\"threading\" />\n      </div>\n\n      <!-- Action menu -->\n      <div\n        v-show=\"isActive\"\n        data-qa=\"dt-recipe-feed-item-row--menu\"\n        class=\"d-recipe-feed-item-row__menu\"\n      >\n        <dt-lazy-show\n          :appear=\"true\"\n          transition=\"fade\"\n          :show=\"isActive\"\n        >\n          <!-- @slot Slot for actions hover menu component -->\n          <slot name=\"menu\" />\n        </dt-lazy-show>\n      </div>\n    </template>\n  </dt-list-item>\n</template>\n\n<script>\nimport { DEFAULT_FEED_ROW_STATE, FEED_ROW_STATE_BACKGROUND_COLOR } from './feed_item_row_constants.js';\nimport { DtAvatar } from '@/components/avatar';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtListItem } from '@/components/list_item';\nimport { DtBadge } from '@/components/badge';\nimport Modal from '@/common/mixins/modal';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemRow',\n\n  components: {\n    DtAvatar,\n    DtLazyShow,\n    DtListItem,\n    DtBadge,\n    DtIconUser,\n  },\n\n  mixins: [Modal],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Show avatar, show header text or dont show left time and vice versa\n     */\n    showHeader: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Optional avatar image url.\n     * If not provided it will use extracted initials from displayName.\n     */\n    avatarImageUrl: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The display name of the sender\n     */\n    displayName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * time string displayed as is.\n     * Shown on the header when showHeader is true\n     */\n    time: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * short time string without AM/PM displayed as is.\n     * Shown on the left of feed item when showHeader is false and isActive is true\n     */\n    shortTime: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * A label displayed next to the displayName. Will not show if empty.\n     */\n    labelText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * displays a darkened background on the row.\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * state for the feed item row. Can be normal, searched & error\n     */\n    state: {\n      type: String,\n      default: DEFAULT_FEED_ROW_STATE,\n      validator: state => Object.keys(FEED_ROW_STATE_BACKGROUND_COLOR).includes(state),\n    },\n  },\n\n  emits: [\n    /**\n     * Fires when hovered over feed row\n     *\n     * @event hover\n     * @type {Boolean}\n     */\n    'hover',\n\n    /**\n     * Fires when focused over feed row\n     *\n     * @event focus\n     * @type {Boolean}\n     */\n    'focus',\n\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n  ],\n\n  data () {\n    return {\n      transitionActive: false,\n    };\n  },\n\n  computed: {\n    feedListeners () {\n      return {\n        mouseenter: () => this.setHover(true),\n        mouseleave: () => this.setHover(false),\n        focusin: () => this.setFocus(true),\n        focusout: () => this.setFocus(false),\n        transitionend: () => this.transitionComplete(),\n        keydown: event => {\n          switch (event.code) {\n            case 'Tab':\n              this.trapFocus(event);\n              break;\n          }\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    listItemClasses () {\n      return [\n        'd-recipe-feed-item-row',\n        { 'd-recipe-feed-item-row--active': this.isActive && this.state === DEFAULT_FEED_ROW_STATE },\n        { 'd-recipe-feed-item-row__state-transition': this.transitionActive },\n        FEED_ROW_STATE_BACKGROUND_COLOR[this.state],\n\n      ];\n    },\n  },\n\n  watch: {\n    state: {\n      immediate: true,\n      handler: function (newState) {\n        if (newState !== DEFAULT_FEED_ROW_STATE) {\n          this.transitionActive = true;\n        }\n      },\n    },\n  },\n\n  methods: {\n    transitionComplete () {\n      if (this.state === DEFAULT_FEED_ROW_STATE) {\n        this.transitionActive = false;\n      }\n    },\n\n    trapFocus (e) {\n      this.focusTrappedTabPress(e);\n    },\n\n    setFocus (bool) {\n      this.$emit('focus', bool);\n    },\n\n    setHover (bool) {\n      this.$emit('hover', bool);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtAvatar","DtLazyShow","DtListItem","DtBadge","DtIconUser","Modal","DEFAULT_FEED_ROW_STATE","state","FEED_ROW_STATE_BACKGROUND_COLOR","event","newState","e","bool","_hoisted_2","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createBlock","_component_dt_list_item","_mergeProps","_ctx","$options","_toHandlers","$props","_createElementBlock","_hoisted_1","_renderSlot","_createVNode","_component_dt_avatar","_createSlots","_withCtx","iconSize","_component_dt_icon_user","_createCommentVNode","_hoisted_8","_hoisted_9","_withDirectives","_createElementVNode","_hoisted_10","_component_dt_lazy_show","_hoisted_3","_toDisplayString","_component_dt_badge","_hoisted_7"],"mappings":"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"}

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

@@ -1,23 +1,23 @@
 import { DEFAULT_FEED_ROW_STATE as c, FEED_ROW_STATE_BACKGROUND_COLOR as _ } from "./feed-item-row-constants.js";
-import D from "../../common/mixins/modal.js";
-import { DtIconUser as T } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as r, openBlock as a, createBlock as h, mergeProps as b, toHandlers as C, withCtx as d, createElementBlock as o, renderSlot as i, createVNode as m, createSlots as E, createCommentVNode as s, withDirectives as u, toDisplayString as l, vShow as p, createElementVNode as n } from "vue";
-import { _ as F } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import I from "../avatar/avatar.js";
+import A from "../../common/mixins/modal.js";
+import { DtIconUser as D } from "@dialpad/dialtone-icons/vue3";
+import { resolveComponent as r, createBlock as h, openBlock as a, mergeProps as T, toHandlers as b, withCtx as d, createElementVNode as n, createElementBlock as o, createCommentVNode as i, renderSlot as s, toDisplayString as m, withDirectives as u, createVNode as l, vShow as p, createSlots as C } from "vue";
+import { _ as E } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import F from "../badge/badge.js";
+import I from "../list-item/list-item.js";
 import B from "../lazy-show/lazy-show.js";
-import H from "../list-item/list-item.js";
-import N from "../badge/badge.js";
-const q = {
+import H from "../avatar/avatar.js";
+const N = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeFeedItemRow",
   components: {
-    DtAvatar: I,
+    DtAvatar: H,
     DtLazyShow: B,
-    DtListItem: H,
-    DtBadge: N,
-    DtIconUser: T
+    DtListItem: I,
+    DtBadge: F,
+    DtIconUser: D
   },
-  mixins: [D],
+  mixins: [A],
   inheritAttrs: !1,
   props: {
     /**
@@ -153,7 +153,7 @@ const q = {
   watch: {
     state: {
       immediate: !0,
-      handler: function(e, w) {
+      handler: function(e) {
         e !== c && (this.transitionActive = !0);
       }
     }
@@ -172,79 +172,79 @@ const q = {
       this.$emit("hover", e);
     }
   }
-}, O = {
+}, q = {
   key: 0,
   class: "d-recipe-feed-item-row__avatar-container"
-}, R = { class: "d-recipe-feed-item-row__content" }, L = {
+}, O = { class: "d-recipe-feed-item-row__content" }, R = {
   key: 0,
   "data-qa": "dt-recipe-feed-item-row--header",
   class: "d-recipe-feed-item-row__header"
-}, z = { class: "d-recipe-feed-item-row__header-name" }, U = { class: "d-recipe-feed-item-row__header-time" }, V = { "data-qa": "dt-recipe-feed-item-row--content" }, M = {
+}, L = { class: "d-recipe-feed-item-row__header-name" }, z = { class: "d-recipe-feed-item-row__header-time" }, U = { "data-qa": "dt-recipe-feed-item-row--content" }, V = {
   key: 1,
   "data-qa": "dt-recipe-feed-item-row--attachment",
   class: "d-recipe-feed-item-row__attachment"
-}, P = {
+}, M = {
   key: 0,
   class: "d-recipe-feed-item-row__reactions",
   "data-qa": "dt-recipe-feed-item-row--reactions"
-}, W = {
+}, P = {
   key: 1,
   class: "d-recipe-feed-item-row__threading"
-}, j = {
+}, W = {
   "data-qa": "dt-recipe-feed-item-row--menu",
   class: "d-recipe-feed-item-row__menu"
 };
-function G(e, w, t, K, $, f) {
-  const v = r("dt-icon-user"), y = r("dt-avatar"), g = r("dt-badge"), S = r("dt-lazy-show"), k = r("dt-list-item");
-  return a(), h(k, b({
+function j(e, G, t, K, $, f) {
+  const w = r("dt-icon-user"), v = r("dt-avatar"), y = r("dt-badge"), g = r("dt-lazy-show"), k = r("dt-list-item");
+  return a(), h(k, T({
     ref: "FeedItemRef",
     "navigation-type": "none"
   }, e.$attrs, {
     class: f.listItemClasses,
     "data-qa": "dt-recipe-feed-item-row"
-  }, C(f.feedListeners)), {
+  }, b(f.feedListeners)), {
     left: d(() => [
-      t.showHeader ? (a(), o("div", O, [
-        i(e.$slots, "avatar", {}, () => [
-          m(y, {
+      t.showHeader ? (a(), o("div", q, [
+        s(e.$slots, "avatar", {}, () => [
+          l(v, {
             "full-name": t.displayName,
             "image-src": t.avatarImageUrl,
             "image-alt": "",
             seed: t.avatarSeed
-          }, E({ _: 2 }, [
+          }, C({ _: 2 }, [
             t.noInitials ? {
               name: "icon",
-              fn: d(({ iconSize: A }) => [
-                m(v, { size: A }, null, 8, ["size"])
+              fn: d(({ iconSize: S }) => [
+                l(w, { size: S }, null, 8, ["size"])
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["full-name", "image-src", "seed"])
         ])
-      ])) : s("", !0),
-      t.showHeader ? s("", !0) : u((a(), o("span", {
+      ])) : i("", !0),
+      t.showHeader ? i("", !0) : u((a(), o("span", {
         key: 1,
         class: "d-recipe-feed-item-row__left-time",
         "data-qa": "dt-recipe-feed-item-row--left-time"
-      }, l(t.shortTime), 513)), [
+      }, m(t.shortTime), 513)), [
         [p, t.isActive]
       ])
     ]),
     bottom: d(() => [
-      e.$slots.reactions ? (a(), o("div", P, [
-        i(e.$slots, "reactions")
-      ])) : s("", !0),
-      e.$slots.threading ? (a(), o("div", W, [
-        i(e.$slots, "threading")
-      ])) : s("", !0),
-      u(n("div", j, [
-        m(S, {
+      e.$slots.reactions ? (a(), o("div", M, [
+        s(e.$slots, "reactions")
+      ])) : i("", !0),
+      e.$slots.threading ? (a(), o("div", P, [
+        s(e.$slots, "threading")
+      ])) : i("", !0),
+      u(n("div", W, [
+        l(g, {
           appear: !0,
           transition: "fade",
           show: t.isActive
         }, {
           default: d(() => [
-            i(e.$slots, "menu")
+            s(e.$slots, "menu")
           ]),
           _: 3
         }, 8, ["show"])
@@ -253,29 +253,29 @@ function G(e, w, t, K, $, f) {
       ])
     ]),
     default: d(() => [
-      n("article", R, [
-        t.showHeader ? (a(), o("div", L, [
-          i(e.$slots, "displayName", {}, () => [
-            n("p", z, l(t.displayName), 1)
+      n("article", O, [
+        t.showHeader ? (a(), o("div", R, [
+          s(e.$slots, "displayName", {}, () => [
+            n("p", L, m(t.displayName), 1)
           ]),
-          n("time", U, l(t.time), 1),
-          t.labelText ? (a(), h(g, {
+          n("time", z, m(t.time), 1),
+          t.labelText ? (a(), h(y, {
             key: 0,
             text: t.labelText
-          }, null, 8, ["text"])) : s("", !0)
-        ])) : s("", !0),
-        n("span", V, [
-          i(e.$slots, "default")
+          }, null, 8, ["text"])) : i("", !0)
+        ])) : i("", !0),
+        n("span", U, [
+          s(e.$slots, "default")
         ]),
-        e.$slots.attachment ? (a(), o("div", M, [
-          i(e.$slots, "attachment")
-        ])) : s("", !0)
+        e.$slots.attachment ? (a(), o("div", V, [
+          s(e.$slots, "attachment")
+        ])) : i("", !0)
       ])
     ]),
     _: 3
   }, 16, ["class"]);
 }
-const ie = /* @__PURE__ */ F(q, [["render", G]]);
+const ie = /* @__PURE__ */ E(N, [["render", j]]);
 export {
   ie as default
 };