@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.0

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/vue"),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"},k={key:0,"data-qa":"dt-recipe-feed-item-row--header",class:"d-recipe-feed-item-row__header"},C={class:"d-recipe-feed-item-row__header-name"},g={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)),{start: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]])]),blockEnd: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",k,[e.renderSlot(t.$slots,"displayName",{},()=>[e.createElementVNode("p",C,e.toDisplayString(a.displayName),1)]),e.createElementVNode("time",g,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

package/dist/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 #start>\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=\"hasAttachmentContent\"\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 #blockEnd>\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/vue';\nimport { hasSlotContent } from '@/common/utils';\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    hasAttachmentContent () {\n      return hasSlotContent(this.$slots.attachment);\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","hasSlotContent","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","_withCtx","iconSize","_component_dt_icon_user","_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","names":[],"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=\"hasAttachmentContent\"\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';\nimport { hasSlotContent } from '@/common/utils';\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    hasAttachmentContent () {\n      return hasSlotContent(this.$slots.attachment);\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"],"mappings":"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"}

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

@@ -1,286 +1,205 @@
-import { DEFAULT_FEED_ROW_STATE as c, FEED_ROW_STATE_BACKGROUND_COLOR as _ } from "./feed-item-row-constants.js";
-import S from "../../common/mixins/modal.js";
-import { DtIconUser as C } from "@dialpad/dialtone-icons/vue";
-import { hasSlotContent as D } from "../../common/utils/index.js";
-import { resolveComponent as r, openBlock as a, createBlock as h, mergeProps as T, toHandlers as E, withCtx as n, createElementVNode as d, createElementBlock as o, renderSlot as i, toDisplayString as l, createCommentVNode as s, withDirectives as u, createVNode as f, vShow as p, createSlots as b } from "vue";
-import { _ as F } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import I from "../badge/badge.js";
-import B from "../list-item/list-item.js";
-import H from "../lazy-show/lazy-show.js";
-import N from "../avatar/avatar.js";
-const q = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeFeedItemRow",
-  components: {
-    DtAvatar: N,
-    DtLazyShow: H,
-    DtListItem: B,
-    DtBadge: I,
-    DtIconUser: C
-  },
-  mixins: [S],
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
-     */
-    avatarSeed: {
-      type: String,
-      default: null
-    },
-    /**
-     * Show avatar, show header text or dont show left time and vice versa
-     */
-    showHeader: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Optional avatar image url.
-     * If not provided it will use extracted initials from displayName.
-     */
-    avatarImageUrl: {
-      type: String,
-      default: ""
-    },
-    /**
-     * The display name of the sender
-     */
-    displayName: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Initials will never be shown. Instead it will show a "User" icon.
-     */
-    noInitials: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * time string displayed as is.
-     * Shown on the header when showHeader is true
-     */
-    time: {
-      type: String,
-      default: ""
-    },
-    /**
-     * short time string without AM/PM displayed as is.
-     * Shown on the left of feed item when showHeader is false and isActive is true
-     */
-    shortTime: {
-      type: String,
-      default: ""
-    },
-    /**
-     * A label displayed next to the displayName. Will not show if empty.
-     */
-    labelText: {
-      type: String,
-      default: ""
-    },
-    /**
-     * displays a darkened background on the row.
-     */
-    isActive: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * state for the feed item row. Can be normal, searched & error
-     */
-    state: {
-      type: String,
-      default: c,
-      validator: (e) => Object.keys(_).includes(e)
-    }
-  },
-  emits: [
-    /**
-     * Fires when hovered over feed row
-     *
-     * @event hover
-     * @type {Boolean}
-     */
-    "hover",
-    /**
-     * Fires when focused over feed row
-     *
-     * @event focus
-     * @type {Boolean}
-     */
-    "focus",
-    /**
-     * Key down event
-     *
-     * @event keydown
-     * @type {KeyboardEvent}
-     */
-    "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 === c },
-        { "d-recipe-feed-item-row__state-transition": this.transitionActive },
-        _[this.state]
-      ];
-    },
-    hasAttachmentContent() {
-      return D(this.$slots.attachment);
-    }
-  },
-  watch: {
-    state: {
-      immediate: !0,
-      handler: function(e) {
-        e !== c && (this.transitionActive = !0);
-      }
-    }
-  },
-  methods: {
-    transitionComplete() {
-      this.state === c && (this.transitionActive = !1);
-    },
-    trapFocus(e) {
-      this.focusTrappedTabPress(e);
-    },
-    setFocus(e) {
-      this.$emit("focus", e);
-    },
-    setHover(e) {
-      this.$emit("hover", e);
-    }
-  }
-}, O = {
-  key: 0,
-  class: "d-recipe-feed-item-row__avatar-container"
-}, R = { class: "d-recipe-feed-item-row__content" }, L = {
-  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 = {
-  key: 1,
-  "data-qa": "dt-recipe-feed-item-row--attachment",
-  class: "d-recipe-feed-item-row__attachment"
+import { hasSlotContent as e } from "../../common/utils/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import n from "../../common/mixins/modal.js";
+import r from "../avatar/avatar.js";
+import i from "../badge/badge.js";
+import a from "../lazy-show/lazy-show.js";
+import o from "../list-item/list-item.js";
+import { DEFAULT_FEED_ROW_STATE as s, FEED_ROW_STATE_BACKGROUND_COLOR as c } from "./feed-item-row-constants.js";
+import { createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, mergeProps as h, openBlock as g, renderSlot as _, resolveComponent as v, toDisplayString as y, toHandlers as b, vShow as x, withCtx as S, withDirectives as C } from "vue";
+import { DtIconUser as w } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/conversation_view/feed_item_row/feed_item_row.vue
+var T = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeFeedItemRow",
+	components: {
+		DtAvatar: r,
+		DtLazyShow: a,
+		DtListItem: o,
+		DtBadge: i,
+		DtIconUser: w
+	},
+	mixins: [n],
+	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,
+			validator: (e) => Object.keys(c).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 },
+				c[this.state]
+			];
+		},
+		hasAttachmentContent() {
+			return e(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);
+		}
+	}
+}, E = {
+	key: 0,
+	class: "d-recipe-feed-item-row__avatar-container"
+}, D = { class: "d-recipe-feed-item-row__content" }, O = {
+	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" }, A = { class: "d-recipe-feed-item-row__header-time" }, j = { "data-qa": "dt-recipe-feed-item-row--content" }, M = {
+	key: 1,
+	"data-qa": "dt-recipe-feed-item-row--attachment",
+	class: "d-recipe-feed-item-row__attachment"
+}, N = {
+	key: 0,
+	class: "d-recipe-feed-item-row__reactions",
+	"data-qa": "dt-recipe-feed-item-row--reactions"
 }, P = {
-  key: 0,
-  class: "d-recipe-feed-item-row__reactions",
-  "data-qa": "dt-recipe-feed-item-row--reactions"
-}, W = {
-  key: 1,
-  class: "d-recipe-feed-item-row__threading"
-}, j = {
-  "data-qa": "dt-recipe-feed-item-row--menu",
-  class: "d-recipe-feed-item-row__menu"
+	key: 1,
+	class: "d-recipe-feed-item-row__threading"
+}, F = {
+	"data-qa": "dt-recipe-feed-item-row--menu",
+	class: "d-recipe-feed-item-row__menu"
 };
-function G(e, K, t, x, J, m) {
-  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: m.listItemClasses,
-    "data-qa": "dt-recipe-feed-item-row"
-  }, E(m.feedListeners)), {
-    start: n(() => [
-      t.showHeader ? (a(), o("div", O, [
-        i(e.$slots, "avatar", {}, () => [
-          f(v, {
-            "full-name": t.displayName,
-            "image-src": t.avatarImageUrl,
-            "image-alt": "",
-            seed: t.avatarSeed
-          }, b({ _: 2 }, [
-            t.noInitials ? {
-              name: "icon",
-              fn: n(({ iconSize: A }) => [
-                f(w, { size: A }, null, 8, ["size"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["full-name", "image-src", "seed"])
-        ])
-      ])) : s("", !0),
-      t.showHeader ? s("", !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)), [
-        [p, t.isActive]
-      ])
-    ]),
-    blockEnd: n(() => [
-      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(d("div", j, [
-        f(g, {
-          appear: !0,
-          transition: "fade",
-          show: t.isActive
-        }, {
-          default: n(() => [
-            i(e.$slots, "menu")
-          ]),
-          _: 3
-        }, 8, ["show"])
-      ], 512), [
-        [p, t.isActive]
-      ])
-    ]),
-    default: n(() => [
-      d("article", R, [
-        t.showHeader ? (a(), o("div", L, [
-          i(e.$slots, "displayName", {}, () => [
-            d("p", z, l(t.displayName), 1)
-          ]),
-          d("time", U, l(t.time), 1),
-          t.labelText ? (a(), h(y, {
-            key: 0,
-            text: t.labelText
-          }, null, 8, ["text"])) : s("", !0)
-        ])) : s("", !0),
-        d("span", V, [
-          i(e.$slots, "default")
-        ]),
-        m.hasAttachmentContent ? (a(), o("div", M, [
-          i(e.$slots, "attachment")
-        ])) : s("", !0)
-      ])
-    ]),
-    _: 3
-  }, 16, ["class"]);
+function I(e, t, n, r, i, a) {
+	let o = v("dt-icon-user"), s = v("dt-avatar"), c = v("dt-badge"), w = v("dt-lazy-show"), T = v("dt-list-item");
+	return g(), l(T, h({
+		ref: "FeedItemRef",
+		"navigation-type": "none"
+	}, e.$attrs, {
+		class: a.listItemClasses,
+		"data-qa": "dt-recipe-feed-item-row"
+	}, b(a.feedListeners)), {
+		left: S(() => [n.showHeader ? (g(), d("div", E, [_(e.$slots, "avatar", {}, () => [m(s, {
+			"full-name": n.displayName,
+			"image-src": n.avatarImageUrl,
+			"image-alt": "",
+			seed: n.avatarSeed
+		}, p({ _: 2 }, [n.noInitials ? {
+			name: "icon",
+			fn: S(({ iconSize: e }) => [m(o, { size: e }, null, 8, ["size"])]),
+			key: "0"
+		} : void 0]), 1032, [
+			"full-name",
+			"image-src",
+			"seed"
+		])])])) : u("", !0), n.showHeader ? u("", !0) : C((g(), d("span", {
+			key: 1,
+			class: "d-recipe-feed-item-row__left-time",
+			"data-qa": "dt-recipe-feed-item-row--left-time"
+		}, y(n.shortTime), 513)), [[x, n.isActive]])]),
+		bottom: S(() => [
+			e.$slots.reactions ? (g(), d("div", N, [_(e.$slots, "reactions")])) : u("", !0),
+			e.$slots.threading ? (g(), d("div", P, [_(e.$slots, "threading")])) : u("", !0),
+			C(f("div", F, [m(w, {
+				appear: !0,
+				transition: "fade",
+				show: n.isActive
+			}, {
+				default: S(() => [_(e.$slots, "menu")]),
+				_: 3
+			}, 8, ["show"])], 512), [[x, n.isActive]])
+		]),
+		default: S(() => [f("article", D, [
+			n.showHeader ? (g(), d("div", O, [
+				_(e.$slots, "displayName", {}, () => [f("p", k, y(n.displayName), 1)]),
+				f("time", A, y(n.time), 1),
+				n.labelText ? (g(), l(c, {
+					key: 0,
+					text: n.labelText
+				}, null, 8, ["text"])) : u("", !0)
+			])) : u("", !0),
+			f("span", j, [_(e.$slots, "default")]),
+			a.hasAttachmentContent ? (g(), d("div", M, [_(e.$slots, "attachment")])) : u("", !0)
+		])]),
+		_: 3
+	}, 16, ["class"]);
 }
-const oe = /* @__PURE__ */ F(q, [["render", G]]);
-export {
-  oe as default
-};
-//# sourceMappingURL=feed-item-row.js.map
+var L = /* @__PURE__ */ t(T, [["render", I]]);
+//#endregion
+export { L as default };
+
+//# sourceMappingURL=feed-item-row.js.map