@dialpad/dialtone-vue 3.218.3 → 3.218.4

package/dist/lib/contact-row/contact-row.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../common/utils/index.cjs"),d=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),p=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m=require("../emoji-text-wrapper/emoji-text-wrapper.cjs"),_=require("../general-row/general-row.cjs"),f=require("../avatar/avatar.cjs"),y={compatConfig:{MODE:3},name:"DtRecipeContactRow",components:{DtAvatar:f.default,DtRecipeGeneralRow:_.default,DtEmojiTextWrapper:m.default,DtIconUser:d.DtIconUser},inheritAttrs:!1,props:{avatarSrc:{type:String,default:""},avatarPresence:{type:String,default:null},avatarSeed:{type:String,default:null},avatarColor:{type:String,default:null},presenceText:{type:String,default:""},name:{type:String,required:!0},userStatus:{type:String,default:""},muted:{type:Boolean,default:!1},unreadCount:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},noInitials:{type:Boolean,default:!1},isTyping:{type:Boolean,default:!1},hasCallButton:{type:Boolean,default:!0}},emits:["call"],computed:{presenceFontColorClass(){return{active:"d-recipe-contact-row--active",busy:"d-recipe-contact-row--busy",away:"d-recipe-contact-row--away"}[this.avatarPresence]},contactRowListeners(){return s.extractVueListeners(this.$attrs)},contactDescription(){return s.safeConcatStrings([this.name,this.presenceText,this.userStatus])}}},w={class:"d-recipe-leftbar-row__status"};function g(a,n,t,v,S,r){const c=e.resolveComponent("dt-icon-user"),l=e.resolveComponent("dt-avatar"),o=e.resolveComponent("dt-emoji-text-wrapper"),i=e.resolveComponent("dt-recipe-general-row");return e.openBlock(),e.createBlock(i,e.mergeProps({"unread-count":t.unreadCount,description:r.contactDescription,"has-unreads":t.hasUnreads,selected:t.selected,"has-call-button":t.hasCallButton,muted:t.muted,"is-typing":t.isTyping},a.$attrs,{"data-qa":"contact-row"},e.toHandlers(r.contactRowListeners),{onCall:n[0]||(n[0]=u=>a.$emit("call",u))}),{left:e.withCtx(()=>[e.createVNode(l,{"full-name":t.name,"image-src":t.avatarSrc,color:t.avatarColor,"image-alt":"",size:"sm",seed:t.avatarSeed,presence:t.avatarPresence},e.createSlots({_:2},[t.noInitials?{name:"icon",fn:e.withCtx(()=>[e.createVNode(c,{size:"200"})]),key:"0"}:void 0]),1032,["full-name","image-src","color","seed","presence"])]),label:e.withCtx(()=>[e.createVNode(o,{class:"d-recipe-leftbar-row__description","data-qa":"dt-recipe-leftbar-row-description",size:"200"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.name),1)]),_:1}),e.createElementVNode("div",w,[t.presenceText?(e.openBlock(),e.createElementBlock("span",{key:0,"data-qa":"dt-recipe-leftbar-row-presence-text",class:e.normalizeClass(["d-recipe-leftbar-row__meta-context",r.presenceFontColorClass])},e.toDisplayString(t.presenceText),3)):e.createCommentVNode("",!0),t.userStatus?(e.openBlock(),e.createBlock(o,{key:1,size:"100","element-type":"span","data-qa":"dt-recipe-leftbar-row-user-status",class:"d-recipe-leftbar-row__meta-custom"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.userStatus),1)]),_:1})):e.createCommentVNode("",!0)])]),_:1},16,["unread-count","description","has-unreads","selected","has-call-button","muted","is-typing"])}const C=p._(y,[["render",g]]);exports.default=C;
-//# sourceMappingURL=contact-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(`../avatar/avatar.cjs`),r=require(`../emoji-text-wrapper/emoji-text-wrapper.cjs`),i=require(`../general-row/general-row.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue3`);var s={compatConfig:{MODE:3},name:`DtRecipeContactRow`,components:{DtAvatar:n.default,DtRecipeGeneralRow:i.default,DtEmojiTextWrapper:r.default,DtIconUser:o.DtIconUser},inheritAttrs:!1,props:{avatarSrc:{type:String,default:``},avatarPresence:{type:String,default:null},avatarSeed:{type:String,default:null},avatarColor:{type:String,default:null},presenceText:{type:String,default:``},name:{type:String,required:!0},userStatus:{type:String,default:``},muted:{type:Boolean,default:!1},unreadCount:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},noInitials:{type:Boolean,default:!1},isTyping:{type:Boolean,default:!1},hasCallButton:{type:Boolean,default:!0}},emits:[`call`],computed:{presenceFontColorClass(){return{active:`d-recipe-contact-row--active`,busy:`d-recipe-contact-row--busy`,away:`d-recipe-contact-row--away`}[this.avatarPresence]},contactRowListeners(){return e.extractVueListeners(this.$attrs)},contactDescription(){return e.safeConcatStrings([this.name,this.presenceText,this.userStatus])}}},c={class:`d-recipe-leftbar-row__status`};function l(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-icon-user`),l=(0,a.resolveComponent)(`dt-avatar`),u=(0,a.resolveComponent)(`dt-emoji-text-wrapper`),d=(0,a.resolveComponent)(`dt-recipe-general-row`);return(0,a.openBlock)(),(0,a.createBlock)(d,(0,a.mergeProps)({"unread-count":n.unreadCount,description:o.contactDescription,"has-unreads":n.hasUnreads,selected:n.selected,"has-call-button":n.hasCallButton,muted:n.muted,"is-typing":n.isTyping},e.$attrs,{"data-qa":`contact-row`},(0,a.toHandlers)(o.contactRowListeners),{onCall:t[0]||(t[0]=t=>e.$emit(`call`,t))}),{left:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{"full-name":n.name,"image-src":n.avatarSrc,color:n.avatarColor,"image-alt":``,size:`sm`,seed:n.avatarSeed,presence:n.avatarPresence},(0,a.createSlots)({_:2},[n.noInitials?{name:`icon`,fn:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{size:`200`})]),key:`0`}:void 0]),1032,[`full-name`,`image-src`,`color`,`seed`,`presence`])]),label:(0,a.withCtx)(()=>[(0,a.createVNode)(u,{class:`d-recipe-leftbar-row__description`,"data-qa":`dt-recipe-leftbar-row-description`,size:`200`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(n.name),1)]),_:1}),(0,a.createElementVNode)(`div`,c,[n.presenceText?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,"data-qa":`dt-recipe-leftbar-row-presence-text`,class:(0,a.normalizeClass)([`d-recipe-leftbar-row__meta-context`,o.presenceFontColorClass])},(0,a.toDisplayString)(n.presenceText),3)):(0,a.createCommentVNode)(``,!0),n.userStatus?((0,a.openBlock)(),(0,a.createBlock)(u,{key:1,size:`100`,"element-type":`span`,"data-qa":`dt-recipe-leftbar-row-user-status`,class:`d-recipe-leftbar-row__meta-custom`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(n.userStatus),1)]),_:1})):(0,a.createCommentVNode)(``,!0)])]),_:1},16,[`unread-count`,`description`,`has-unreads`,`selected`,`has-call-button`,`muted`,`is-typing`])}var u=t.t(s,[[`render`,l]]);exports.default=u;
+//# sourceMappingURL=contact-row.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"contact-row.cjs","sources":["../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"d-recipe-leftbar-row__description\"\n        data-qa=\"dt-recipe-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"d-recipe-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-recipe-leftbar-row-presence-text\"\n          :class=\"['d-recipe-leftbar-row__meta-context', presenceFontColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-recipe-leftbar-row-user-status\"\n          class=\"d-recipe-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtAvatar } from '@/components/avatar';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\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     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * 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     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceFontColorClass () {\n      const presenceFontColors = {\n        active: 'd-recipe-contact-row--active',\n        busy: 'd-recipe-contact-row--busy',\n        away: 'd-recipe-contact-row--away',\n      };\n\n      return presenceFontColors[this.avatarPresence];\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtAvatar","DtRecipeGeneralRow","DtEmojiTextWrapper","DtIconUser","extractVueListeners","safeConcatStrings","_hoisted_1","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","$props","$options","_ctx","_toHandlers","_cache","$event","_createVNode","_component_dt_avatar","_component_dt_icon_user","_component_dt_emoji_text_wrapper","_createElementVNode","_createElementBlock"],"mappings":"yZAuEKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,qBAEN,WAAY,CACV,SAAAC,EAAAA,QACA,mBAAAC,EAAAA,QACA,mBAAAC,EAAAA,mBACAC,EAAAA,YAGF,aAAc,GAEd,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,IAUX,eAAgB,CACd,KAAM,OACN,QAAS,MAMX,WAAY,CACV,KAAM,OACN,QAAS,MAMX,YAAa,CACX,KAAM,OACN,QAAS,MAMX,aAAc,CACZ,KAAM,OACN,QAAS,IAMX,KAAM,CACJ,KAAM,OACN,SAAU,IAMZ,WAAY,CACV,KAAM,OACN,QAAS,IAMX,MAAO,CACL,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,MAOX,WAAY,CACV,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,cAAe,CACb,KAAM,QACN,QAAS,KAIb,MAAO,CAOL,QAGF,SAAU,CACR,wBAA0B,CAOxB,MAN2B,CACzB,OAAQ,+BACR,KAAM,6BACN,KAAM,8BAGkB,KAAK,cAAc,CAC/C,EAEA,qBAAuB,CACrB,OAAOC,EAAAA,oBAAoB,KAAK,MAAM,CACxC,EAEA,oBAAsB,CACpB,OAAOC,EAAAA,kBAAkB,CAAC,KAAK,KAAM,KAAK,aAAc,KAAK,UAAU,CAAC,CAC1E,EAEJ,EA/LWC,EAAA,CAAA,MAAM,8BAA8B,mMAzC7C,OAAAC,YAAA,EAAAC,cA4DwBC,EA5DxBC,EAAAA,WA4DwB,CA3DrB,eAAcC,EAAA,YACd,YAAaC,EAAA,mBACb,cAAaD,EAAA,WACb,SAAUA,EAAA,SACV,kBAAiBA,EAAA,cACjB,MAAOA,EAAA,MACP,YAAWA,EAAA,QACJ,EAAAE,EAAA,QACR,UAAQ,aAAa,EACrBC,EAAAA,WAA0BF,EAApB,mBAAmB,EAAA,CACxB,OAAIG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEH,EAAA,MAAK,OAASG,CAAM,MAEhB,eACT,IAiBY,CAjBZC,EAAAA,YAiBYC,EAAA,CAhBT,YAAWP,EAAA,KACX,YAAWA,EAAA,UACX,MAAOA,EAAA,YACR,YAAU,GACV,KAAK,KACJ,KAAMA,EAAA,WACN,SAAUA,EAAA,qCAGHA,EAAA,iBACL,oBAED,IAEE,CAFFM,EAAAA,YAEEE,EAAA,CADA,KAAK,KAAK,CAAA,kFAKP,gBACT,IAMwB,CANxBF,EAAAA,YAMwBG,EAAA,CALtB,MAAM,oCACN,UAAQ,oCACR,KAAK,0BAEL,IAAU,qCAAPT,EAAA,IAAI,EAAA,CAAA,UAETU,EAAAA,mBAiBM,MAjBNf,EAiBM,CAfIK,EAAA,4BADRW,EAAAA,mBAMO,OAAA,OAJL,UAAQ,sCACP,6DAA8CV,EAAA,sBAAsB,CAAA,qBAElED,EAAA,YAAY,EAAA,CAAA,+BAGTA,EAAA,0BADRH,EAAAA,YAQwBY,EAAA,OANtB,KAAK,MACL,eAAa,OACb,UAAQ,oCACR,MAAM,wDAEN,IAAgB,qCAAbT,EAAA,UAAU,EAAA,CAAA"}
+{"version":3,"file":"contact-row.cjs","names":[],"sources":["../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"d-recipe-leftbar-row__description\"\n        data-qa=\"dt-recipe-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"d-recipe-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-recipe-leftbar-row-presence-text\"\n          :class=\"['d-recipe-leftbar-row__meta-context', presenceFontColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-recipe-leftbar-row-user-status\"\n          class=\"d-recipe-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtAvatar } from '@/components/avatar';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\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     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * 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     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceFontColorClass () {\n      const presenceFontColors = {\n        active: 'd-recipe-contact-row--active',\n        busy: 'd-recipe-contact-row--busy',\n        away: 'd-recipe-contact-row--away',\n      };\n\n      return presenceFontColors[this.avatarPresence];\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"mappings":"obAuEA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,SAAA,EAAA,QACA,mBAAA,EAAA,QACA,mBAAA,EAAA,QACA,WAAA,EAAA,WACD,CAED,aAAc,GAEd,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,GACV,CASD,eAAgB,CACd,KAAM,OACN,QAAS,KACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,KACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CAKD,WAAY,CACV,KAAM,OACN,QAAS,GACV,CAKD,MAAO,CACL,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,cAAe,CACb,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAO,CAOL,OACD,CAED,SAAU,CACR,wBAA0B,CAOxB,MAN2B,CACzB,OAAQ,+BACR,KAAM,6BACN,KAAM,6BACP,CAEyB,KAAK,iBAGjC,qBAAuB,CACrB,OAAO,EAAA,oBAAoB,KAAK,OAAO,EAGzC,oBAAsB,CACpB,OAAO,EAAA,kBAAkB,CAAC,KAAK,KAAM,KAAK,aAAc,KAAK,WAAW,CAAC,EAE5E,CACF,IA/LU,MAAM,+BAA8B,0PAmBrB,GAAA,EAAA,EAAA,YAAA,CA3DrB,eAAc,EAAA,YACd,YAAa,EAAA,mBACb,cAAa,EAAA,WACb,SAAU,EAAA,SACV,kBAAiB,EAAA,cACjB,MAAO,EAAA,MACP,YAAW,EAAA,UACJ,EAAA,OAAM,CACd,UAAQ,cAAa,EAAA,EAAA,EAAA,YACK,EAApB,oBAAmB,CAAA,CACxB,OAAI,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,OAAS,EAAM,EAAA,CAAA,CAAA,CAEhB,MAAA,EAAA,EAAA,aAkBG,EAAA,EAAA,EAAA,aAAA,EAAA,CAhBT,YAAW,EAAA,KACX,YAAW,EAAA,UACX,MAAO,EAAA,YACR,YAAU,GACV,KAAK,KACJ,KAAM,EAAA,WACN,SAAU,EAAA,yCAGH,EAAA,WAAA,MACL,4BAIC,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,+EAKP,OAAA,EAAA,EAAA,aAOe,EAAA,EAAA,EAAA,aAAA,EAAA,CALtB,MAAM,oCACN,UAAQ,oCACR,KAAK,kCAEK,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAP,EAAA,KAAI,CAAA,EAAA,CAAA,CAAA,gCAmBH,MAjBN,EAiBM,CAfI,EAAA,eAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKD,OAAA,OAJL,UAAQ,sCACP,OAAA,EAAA,EAAA,gBAAK,CAAA,qCAAyC,EAAA,uBAAsB,CAAA,wBAElE,EAAA,aAAY,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAGT,EAAA,aAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAOgB,EAAA,OANtB,KAAK,MACL,eAAa,OACb,UAAQ,oCACR,MAAM,gEAEU,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAb,EAAA,WAAU,CAAA,EAAA,CAAA,CAAA"}

package/dist/lib/contact-row/contact-row.js

@@ -1,219 +1,164 @@
-import { safeConcatStrings as w, extractVueListeners as g } from "../../common/utils/index.js";
-import { DtIconUser as C } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as a, openBlock as o, createBlock as d, mergeProps as S, toHandlers as v, withCtx as t, createVNode as s, createTextVNode as u, toDisplayString as c, createElementVNode as h, createElementBlock as x, normalizeClass as b, createCommentVNode as m, createSlots as B } from "vue";
-import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import T from "../emoji-text-wrapper/emoji-text-wrapper.js";
-import k from "../general-row/general-row.js";
-import R from "../avatar/avatar.js";
-const q = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeContactRow",
-  components: {
-    DtAvatar: R,
-    DtRecipeGeneralRow: k,
-    DtEmojiTextWrapper: T,
-    DtIconUser: C
-  },
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Optional avatar image url.
-     * If not provided it will use the initial of the name.
-     */
-    avatarSrc: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Determines whether to show the presence indicator for
-     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
-     * or 'active'. By default, it's null and nothing is shown.
-     * defer validation to avatar component.
-     * @values null, busy, away, offline, active
-     */
-    avatarPresence: {
-      type: String,
-      default: null
-    },
-    /**
-     * 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
-    },
-    /**
-     * Avatar color to display if `avatarSrc` is empty.
-     */
-    avatarColor: {
-      type: String,
-      default: null
-    },
-    /**
-     * Text describing the user's presence, such as "in a meeting"
-     */
-    presenceText: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Name of the contact
-     */
-    name: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Status as set by the user.
-     */
-    userStatus: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Gives a faded style to be used when muted
-     */
-    muted: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Number of unread messages
-     */
-    unreadCount: {
-      type: String,
-      default: null
-    },
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
-    hasUnreads: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Determines if the row is selected
-     */
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Initials will never be shown. Instead it will show a "User" icon.
-     */
-    noInitials: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
-    isTyping: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the contact row should display a call button when hovered.
-     */
-    hasCallButton: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: [
-    /**
-     * Call button clicked
-     *
-     * @event call
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "call"
-  ],
-  computed: {
-    presenceFontColorClass() {
-      return {
-        active: "d-recipe-contact-row--active",
-        busy: "d-recipe-contact-row--busy",
-        away: "d-recipe-contact-row--away"
-      }[this.avatarPresence];
-    },
-    contactRowListeners() {
-      return g(this.$attrs);
-    },
-    contactDescription() {
-      return w([this.name, this.presenceText, this.userStatus]);
-    }
-  }
-}, z = { class: "d-recipe-leftbar-row__status" };
-function V(r, l, e, E, F, n) {
-  const f = a("dt-icon-user"), p = a("dt-avatar"), i = a("dt-emoji-text-wrapper"), _ = a("dt-recipe-general-row");
-  return o(), d(_, S({
-    "unread-count": e.unreadCount,
-    description: n.contactDescription,
-    "has-unreads": e.hasUnreads,
-    selected: e.selected,
-    "has-call-button": e.hasCallButton,
-    muted: e.muted,
-    "is-typing": e.isTyping
-  }, r.$attrs, { "data-qa": "contact-row" }, v(n.contactRowListeners), {
-    onCall: l[0] || (l[0] = (y) => r.$emit("call", y))
-  }), {
-    left: t(() => [
-      s(p, {
-        "full-name": e.name,
-        "image-src": e.avatarSrc,
-        color: e.avatarColor,
-        "image-alt": "",
-        size: "sm",
-        seed: e.avatarSeed,
-        presence: e.avatarPresence
-      }, B({ _: 2 }, [
-        e.noInitials ? {
-          name: "icon",
-          fn: t(() => [
-            s(f, { size: "200" })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["full-name", "image-src", "color", "seed", "presence"])
-    ]),
-    label: t(() => [
-      s(i, {
-        class: "d-recipe-leftbar-row__description",
-        "data-qa": "dt-recipe-leftbar-row-description",
-        size: "200"
-      }, {
-        default: t(() => [
-          u(c(e.name), 1)
-        ]),
-        _: 1
-      }),
-      h("div", z, [
-        e.presenceText ? (o(), x("span", {
-          key: 0,
-          "data-qa": "dt-recipe-leftbar-row-presence-text",
-          class: b(["d-recipe-leftbar-row__meta-context", n.presenceFontColorClass])
-        }, c(e.presenceText), 3)) : m("", !0),
-        e.userStatus ? (o(), d(i, {
-          key: 1,
-          size: "100",
-          "element-type": "span",
-          "data-qa": "dt-recipe-leftbar-row-user-status",
-          class: "d-recipe-leftbar-row__meta-custom"
-        }, {
-          default: t(() => [
-            u(c(e.userStatus), 1)
-          ]),
-          _: 1
-        })) : m("", !0)
-      ])
-    ]),
-    _: 1
-  }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing"]);
+import { extractVueListeners as e, safeConcatStrings as t } from "../../common/utils/index.js";
+import { t as n } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import r from "../avatar/avatar.js";
+import i from "../emoji-text-wrapper/emoji-text-wrapper.js";
+import a from "../general-row/general-row.js";
+import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, mergeProps as p, normalizeClass as m, openBlock as h, resolveComponent as g, toDisplayString as _, toHandlers as v, withCtx as y } from "vue";
+import { DtIconUser as b } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/leftbar/contact_row/contact_row.vue
+var x = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeContactRow",
+	components: {
+		DtAvatar: r,
+		DtRecipeGeneralRow: a,
+		DtEmojiTextWrapper: i,
+		DtIconUser: b
+	},
+	inheritAttrs: !1,
+	props: {
+		avatarSrc: {
+			type: String,
+			default: ""
+		},
+		avatarPresence: {
+			type: String,
+			default: null
+		},
+		avatarSeed: {
+			type: String,
+			default: null
+		},
+		avatarColor: {
+			type: String,
+			default: null
+		},
+		presenceText: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		userStatus: {
+			type: String,
+			default: ""
+		},
+		muted: {
+			type: Boolean,
+			default: !1
+		},
+		unreadCount: {
+			type: String,
+			default: null
+		},
+		hasUnreads: {
+			type: Boolean,
+			default: !1
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		noInitials: {
+			type: Boolean,
+			default: !1
+		},
+		isTyping: {
+			type: Boolean,
+			default: !1
+		},
+		hasCallButton: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["call"],
+	computed: {
+		presenceFontColorClass() {
+			return {
+				active: "d-recipe-contact-row--active",
+				busy: "d-recipe-contact-row--busy",
+				away: "d-recipe-contact-row--away"
+			}[this.avatarPresence];
+		},
+		contactRowListeners() {
+			return e(this.$attrs);
+		},
+		contactDescription() {
+			return t([
+				this.name,
+				this.presenceText,
+				this.userStatus
+			]);
+		}
+	}
+}, S = { class: "d-recipe-leftbar-row__status" };
+function C(e, t, n, r, i, a) {
+	let b = g("dt-icon-user"), x = g("dt-avatar"), C = g("dt-emoji-text-wrapper"), w = g("dt-recipe-general-row");
+	return h(), o(w, p({
+		"unread-count": n.unreadCount,
+		description: a.contactDescription,
+		"has-unreads": n.hasUnreads,
+		selected: n.selected,
+		"has-call-button": n.hasCallButton,
+		muted: n.muted,
+		"is-typing": n.isTyping
+	}, e.$attrs, { "data-qa": "contact-row" }, v(a.contactRowListeners), { onCall: t[0] || (t[0] = (t) => e.$emit("call", t)) }), {
+		left: y(() => [f(x, {
+			"full-name": n.name,
+			"image-src": n.avatarSrc,
+			color: n.avatarColor,
+			"image-alt": "",
+			size: "sm",
+			seed: n.avatarSeed,
+			presence: n.avatarPresence
+		}, u({ _: 2 }, [n.noInitials ? {
+			name: "icon",
+			fn: y(() => [f(b, { size: "200" })]),
+			key: "0"
+		} : void 0]), 1032, [
+			"full-name",
+			"image-src",
+			"color",
+			"seed",
+			"presence"
+		])]),
+		label: y(() => [f(C, {
+			class: "d-recipe-leftbar-row__description",
+			"data-qa": "dt-recipe-leftbar-row-description",
+			size: "200"
+		}, {
+			default: y(() => [d(_(n.name), 1)]),
+			_: 1
+		}), l("div", S, [n.presenceText ? (h(), c("span", {
+			key: 0,
+			"data-qa": "dt-recipe-leftbar-row-presence-text",
+			class: m(["d-recipe-leftbar-row__meta-context", a.presenceFontColorClass])
+		}, _(n.presenceText), 3)) : s("", !0), n.userStatus ? (h(), o(C, {
+			key: 1,
+			size: "100",
+			"element-type": "span",
+			"data-qa": "dt-recipe-leftbar-row-user-status",
+			class: "d-recipe-leftbar-row__meta-custom"
+		}, {
+			default: y(() => [d(_(n.userStatus), 1)]),
+			_: 1
+		})) : s("", !0)])]),
+		_: 1
+	}, 16, [
+		"unread-count",
+		"description",
+		"has-unreads",
+		"selected",
+		"has-call-button",
+		"muted",
+		"is-typing"
+	]);
 }
-const G = /* @__PURE__ */ D(q, [["render", V]]);
-export {
-  G as default
-};
-//# sourceMappingURL=contact-row.js.map
+var w = /* @__PURE__ */ n(x, [["render", C]]);
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=contact-row.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"contact-row.js","sources":["../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"d-recipe-leftbar-row__description\"\n        data-qa=\"dt-recipe-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"d-recipe-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-recipe-leftbar-row-presence-text\"\n          :class=\"['d-recipe-leftbar-row__meta-context', presenceFontColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-recipe-leftbar-row-user-status\"\n          class=\"d-recipe-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtAvatar } from '@/components/avatar';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\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     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * 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     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceFontColorClass () {\n      const presenceFontColors = {\n        active: 'd-recipe-contact-row--active',\n        busy: 'd-recipe-contact-row--busy',\n        away: 'd-recipe-contact-row--away',\n      };\n\n      return presenceFontColors[this.avatarPresence];\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtAvatar","DtRecipeGeneralRow","DtEmojiTextWrapper","DtIconUser","extractVueListeners","safeConcatStrings","_hoisted_1","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","$props","$options","_ctx","_toHandlers","_cache","$event","_createVNode","_component_dt_avatar","_component_dt_icon_user","_component_dt_emoji_text_wrapper","_createElementVNode","_createElementBlock"],"mappings":";;;;;;;AAuEA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAAA,IACA,YAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;IAUX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;EAGF,UAAU;AAAA,IACR,yBAA0B;AAOxB,aAN2B;AAAA,QACzB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QAGkB,KAAK,cAAc;AAAA,IAC/C;AAAA,IAEA,sBAAuB;AACrB,aAAOC,EAAoB,KAAK,MAAM;AAAA,IACxC;AAAA,IAEA,qBAAsB;AACpB,aAAOC,EAAkB,CAAC,KAAK,MAAM,KAAK,cAAc,KAAK,UAAU,CAAC;AAAA,IAC1E;AAAA;AAEJ,GA/LWC,IAAA,EAAA,OAAM,+BAA8B;;;AAzC7C,SAAAC,EAAA,GAAAC,EA4DwBC,GA5DxBC,EA4DwB;AAAA,IA3DrB,gBAAcC,EAAA;AAAA,IACd,aAAaC,EAAA;AAAA,IACb,eAAaD,EAAA;AAAA,IACb,UAAUA,EAAA;AAAA,IACV,mBAAiBA,EAAA;AAAA,IACjB,OAAOA,EAAA;AAAA,IACP,aAAWA,EAAA;AAAA,EACJ,GAAAE,EAAA,UACR,WAAQ,cAAa,GACrBC,EAA0BF,EAApB,mBAAmB,GAAA;AAAA,IACxB,QAAIG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEH,EAAA,MAAK,QAASG,CAAM;AAAA;IAEhB,QACT,MAiBY;AAAA,MAjBZC,EAiBYC,GAAA;AAAA,QAhBT,aAAWP,EAAA;AAAA,QACX,aAAWA,EAAA;AAAA,QACX,OAAOA,EAAA;AAAA,QACR,aAAU;AAAA,QACV,MAAK;AAAA,QACJ,MAAMA,EAAA;AAAA,QACN,UAAUA,EAAA;AAAA;QAGHA,EAAA;gBACL;AAAA,gBAED,MAEE;AAAA,YAFFM,EAEEE,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;IAKP,SACT,MAMwB;AAAA,MANxBF,EAMwBG,GAAA;AAAA,QALtB,OAAM;AAAA,QACN,WAAQ;AAAA,QACR,MAAK;AAAA;mBAEL,MAAU;AAAA,cAAPT,EAAA,IAAI,GAAA,CAAA;AAAA;;;MAETU,EAiBM,OAjBNf,GAiBM;AAAA,QAfIK,EAAA,qBADRW,EAMO,QAAA;AAAA;UAJL,WAAQ;AAAA,UACP,gDAA8CV,EAAA,sBAAsB,CAAA;AAAA,aAElED,EAAA,YAAY,GAAA,CAAA;QAGTA,EAAA,mBADRH,EAQwBY,GAAA;AAAA;UANtB,MAAK;AAAA,UACL,gBAAa;AAAA,UACb,WAAQ;AAAA,UACR,OAAM;AAAA;qBAEN,MAAgB;AAAA,gBAAbT,EAAA,UAAU,GAAA,CAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"contact-row.js","names":[],"sources":["../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"d-recipe-leftbar-row__description\"\n        data-qa=\"dt-recipe-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"d-recipe-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-recipe-leftbar-row-presence-text\"\n          :class=\"['d-recipe-leftbar-row__meta-context', presenceFontColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-recipe-leftbar-row-user-status\"\n          class=\"d-recipe-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtAvatar } from '@/components/avatar';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\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     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * 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     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceFontColorClass () {\n      const presenceFontColors = {\n        active: 'd-recipe-contact-row--active',\n        busy: 'd-recipe-contact-row--busy',\n        away: 'd-recipe-contact-row--away',\n      };\n\n      return presenceFontColors[this.avatarPresence];\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;;AAuEA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,UAAA;EACA,oBAAA;EACA,oBAAA;EACA;EACD;CAED,cAAc;CAEd,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EASD,gBAAgB;GACd,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,eAAe;GACb,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAOL,OACD;CAED,UAAU;EACR,yBAA0B;AAOxB,UAN2B;IACzB,QAAQ;IACR,MAAM;IACN,MAAM;IACP,CAEyB,KAAK;;EAGjC,sBAAuB;AACrB,UAAO,EAAoB,KAAK,OAAO;;EAGzC,qBAAsB;AACpB,UAAO,EAAkB;IAAC,KAAK;IAAM,KAAK;IAAc,KAAK;IAAW,CAAC;;EAE5E;CACF,QA/LU,OAAM,gCAA8B;;;aAzC7C,EA4DwB,GA5DxB,EA4DwB;EA3DrB,gBAAc,EAAA;EACd,aAAa,EAAA;EACb,eAAa,EAAA;EACb,UAAU,EAAA;EACV,mBAAiB,EAAA;EACjB,OAAO,EAAA;EACP,aAAW,EAAA;IACJ,EAAA,QAAM,EACd,WAAQ,eAAa,EACrB,EAA0B,EAApB,oBAAmB,EAAA,EACxB,QAAI,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,QAAS,EAAM,GAAA,CAAA,EAAA;EAEhB,MAAI,QAkBD,CAjBZ,EAiBY,GAAA;GAhBT,aAAW,EAAA;GACX,aAAW,EAAA;GACX,OAAO,EAAA;GACR,aAAU;GACV,MAAK;GACJ,MAAM,EAAA;GACN,UAAU,EAAA;kBAGH,EAAA,aAAA;SACL;eAIC,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA;;;;;;;;;EAKP,OAAK,QAOU,CANxB,EAMwB,GAAA;GALtB,OAAM;GACN,WAAQ;GACR,MAAK;;oBAEK,CAAA,EAAA,EAAP,EAAA,KAAI,EAAA,EAAA,CAAA,CAAA;;MAET,EAiBM,OAjBN,GAiBM,CAfI,EAAA,gBAAA,GAAA,EADR,EAMO,QAAA;;GAJL,WAAQ;GACP,OAAK,EAAA,CAAA,sCAAyC,EAAA,uBAAsB,CAAA;OAElE,EAAA,aAAY,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAGT,EAAA,cAAA,GAAA,EADR,EAQwB,GAAA;;GANtB,MAAK;GACL,gBAAa;GACb,WAAQ;GACR,OAAM;;oBAEU,CAAA,EAAA,EAAb,EAAA,WAAU,EAAA,EAAA,CAAA,CAAA"}

package/dist/lib/contact-row/index.cjs

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

package/dist/lib/contact-row/index.js

@@ -1,5 +1,2 @@
-import { default as o } from "./contact-row.js";
-export {
-  o as DtRecipeContactRow
-};
-//# sourceMappingURL=index.js.map
+import e from "./contact-row.js";
+export { e as DtRecipeContactRow };

package/dist/lib/datepicker/datepicker-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=0,t="long";exports.INTL_MONTH_FORMAT=t;exports.WEEK_START=T;
-//# sourceMappingURL=datepicker-constants.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=0,t=`long`;exports.INTL_MONTH_FORMAT=t,exports.WEEK_START=e;
+//# sourceMappingURL=datepicker-constants.cjs.map

package/dist/lib/datepicker/datepicker-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-constants.cjs","sources":["../../../components/datepicker/datepicker_constants.js"],"sourcesContent":["/**\n * Week start day\n * 0 - Sunday\n * 1 - Monday\n */\nexport const WEEK_START = 0;\n\nexport const INTL_MONTH_FORMAT = 'long';\n"],"names":["WEEK_START","INTL_MONTH_FORMAT"],"mappings":"gFAKY,MAACA,EAAa,EAEbC,EAAoB"}
+{"version":3,"file":"datepicker-constants.cjs","names":[],"sources":["../../../components/datepicker/datepicker_constants.js"],"sourcesContent":["/**\n * Week start day\n * 0 - Sunday\n * 1 - Monday\n */\nexport const WEEK_START = 0;\n\nexport const INTL_MONTH_FORMAT = 'long';\n"],"mappings":"mEAKA,IAAa,EAAa,EAEb,EAAoB"}

package/dist/lib/datepicker/datepicker-constants.js

@@ -1,6 +1,6 @@
-const T = 0, o = "long";
-export {
-  o as INTL_MONTH_FORMAT,
-  T as WEEK_START
-};
-//# sourceMappingURL=datepicker-constants.js.map
+//#region components/datepicker/datepicker_constants.js
+var e = 0, t = "long";
+//#endregion
+export { t as INTL_MONTH_FORMAT, e as WEEK_START };
+
+//# sourceMappingURL=datepicker-constants.js.map

package/dist/lib/datepicker/datepicker-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-constants.js","sources":["../../../components/datepicker/datepicker_constants.js"],"sourcesContent":["/**\n * Week start day\n * 0 - Sunday\n * 1 - Monday\n */\nexport const WEEK_START = 0;\n\nexport const INTL_MONTH_FORMAT = 'long';\n"],"names":["WEEK_START","INTL_MONTH_FORMAT"],"mappings":"AAKY,MAACA,IAAa,GAEbC,IAAoB;"}
+{"version":3,"file":"datepicker-constants.js","names":[],"sources":["../../../components/datepicker/datepicker_constants.js"],"sourcesContent":["/**\n * Week start day\n * 0 - Sunday\n * 1 - Monday\n */\nexport const WEEK_START = 0;\n\nexport const INTL_MONTH_FORMAT = 'long';\n"],"mappings":";AAKA,IAAa,IAAa,GAEb,IAAoB"}

package/dist/lib/datepicker/datepicker.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("@dialpad/dialtone-icons/vue3"),c=require("date-fns"),w=require("./utils.cjs"),Y=require("./datepicker-constants.cjs"),v=require("../../common/utils/index.cjs"),P=require("../../localization/index.cjs"),M=require("../stack/stack.cjs"),x=require("../tooltip/tooltip.cjs"),$=require("../button/button.cjs");function V(n,o){const s=e.ref(c.getMonth(n.selectedDate)),a=e.ref(c.getYear(n.selectedDate)),r=e.ref(null),l=e.ref(0),m=e.ref([]),D=new P.DialtoneLocalization,p=e.computed(()=>w.getCalendarDays(s.value,a.value,r.value,n.minDate,n.maxDate,n.weekStartsOn)),k=e.computed(()=>{if(!n.minDate)return!1;const t=c.subMonths(new Date(a.value,s.value,1),1);return c.endOfMonth(t)<c.startOfDay(n.minDate)}),E=e.computed(()=>{if(!n.maxDate)return!1;const t=c.addMonths(new Date(a.value,s.value,1),1);return c.startOfMonth(t)>c.startOfDay(n.maxDate)}),b=e.computed(()=>{if(!n.minDate)return!1;const t=new Date(a.value-1,s.value,1);return c.endOfMonth(t)<c.startOfDay(n.minDate)}),y=e.computed(()=>{if(!n.maxDate)return!1;const t=new Date(a.value+1,s.value,1);return c.startOfMonth(t)>c.startOfDay(n.maxDate)});e.watch(s,()=>{N(),o("calendar-days",p.value)},{immediate:!0}),e.watch(a,()=>{N(),o("calendar-days",p.value)},{immediate:!0}),e.watch(()=>n.minDate,()=>{o("calendar-days",p.value)}),e.watch(()=>n.maxDate,()=>{o("calendar-days",p.value)});function u(t){return w.formatMonth(t,Y.INTL_MONTH_FORMAT,D.currentLocale)}function i(t){m.value.includes(t)||m.value.push(t)}function _(){v.returnFirstEl(m.value[0].$el).focus()}function f(t){switch(t.key){case"ArrowLeft":t.preventDefault(),l.value===0?(l.value=3,v.returnFirstEl(m.value[l.value].$el).focus()):(l.value--,v.returnFirstEl(m.value[l.value].$el).focus());break;case"ArrowRight":t.preventDefault(),l.value===3?(l.value=0,v.returnFirstEl(m.value[l.value].$el).focus()):(l.value++,v.returnFirstEl(m.value[l.value].$el).focus());break;case"ArrowDown":t.preventDefault(),o("focus-first-day");break;case"Tab":t.preventDefault(),o("focus-first-day");break;case"Escape":o("close-datepicker");break}}function N(){const t=c.getYear(n.selectedDate),g=c.getMonth(n.selectedDate);t!==a.value||g!==s.value?r.value=null:r.value=c.getDate(n.selectedDate)}function h(t){if(t===-1&&k.value||t===1&&E.value)return;(s.value===0&&t===-1||s.value===11&&t===1)&&(a.value+=t);const g=c.set(n.selectedDate,{month:s.value,year:a.value}),F=t===1?c.addMonths(g,1):c.subMonths(g,1);s.value=c.getMonth(F)}function A(t){t===-1&&b.value||t===1&&y.value||(a.value=a.value+t)}function C(){h(1)}function O(){h(-1)}function I(){return`${D.$t("DIALTONE_DATEPICKER_CHANGE_TO")} ${D.$t("DIALTONE_DATEPICKER_PREVIOUS_YEAR")} ${a.value-1}`}function L(){return`${D.$t("DIALTONE_DATEPICKER_CHANGE_TO")} ${D.$t("DIALTONE_DATEPICKER_PREVIOUS_MONTH")} ${u(s.value-1)}`}function R(){return`${D.$t("DIALTONE_DATEPICKER_CHANGE_TO")} ${D.$t("DIALTONE_DATEPICKER_NEXT_YEAR")} ${a.value+1}`}function d(){return`${D.$t("DIALTONE_DATEPICKER_CHANGE_TO")} ${D.$t("DIALTONE_DATEPICKER_NEXT_MONTH")} ${u(s.value+1)}`}return{selectMonth:s,selectYear:a,formattedMonth:u,setDayRef:i,focusMonthYearPicker:_,handleKeyDown:f,changeMonth:h,changeYear:A,goToNextMonth:C,goToPrevMonth:O,isPrevMonthDisabled:k,isNextMonthDisabled:E,isPrevYearDisabled:b,isNextYearDisabled:y,previousYearAriaLabel:I,previousMonthAriaLabel:L,nextYearAriaLabel:R,nextMonthAriaLabel:d}}const B={id:"calendar-heading",class:"d-datepicker__month-year-title"},K={__name:"month-year-picker",props:{selectedDate:{type:Date,required:!0},minDate:{type:Date,default:null},maxDate:{type:Date,default:null},weekStartsOn:{type:Number,default:0,validator:n=>Number.isInteger(n)&&n>=0&&n<=6}},emits:["calendar-days","focus-first-day","focus-last-day","close-datepicker"],setup(n,{expose:o,emit:s}){const a=n,r=s,l=new P.DialtoneLocalization,{selectMonth:m,selectYear:D,formattedMonth:p,setDayRef:k,focusMonthYearPicker:E,handleKeyDown:b,changeMonth:y,changeYear:u,goToNextMonth:i,goToPrevMonth:_,isPrevMonthDisabled:f,isNextMonthDisabled:N,isPrevYearDisabled:h,isNextYearDisabled:A,previousYearAriaLabel:C,previousMonthAriaLabel:O,nextMonthAriaLabel:I,nextYearAriaLabel:L}=V(a,r);return e.onMounted(()=>{E()}),o({focusMonthYearPicker:E,goToNextMonth:i,goToPrevMonth:_}),(R,d)=>(e.openBlock(),e.createBlock(e.unref(M.default),{class:"d-datepicker__month-year",direction:"row",gap:"300"},{default:e.withCtx(()=>[e.createVNode(e.unref(M.default),{as:"nav",class:"d-datepicker__nav",direction:"row",gap:"200"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.default),{"fallback-placements":["top-start","auto"],message:e.unref(l).$t("DIALTONE_DATEPICKER_PREVIOUS_YEAR"),placement:"top"},{anchor:e.withCtx(()=>[e.createVNode(e.unref($.default),{id:"prevYearButton",ref:t=>{t&&e.unref(k)(t)},"aria-label":e.unref(C)(),circle:!0,disabled:e.unref(h),class:"d-datepicker__nav-btn",importance:"clear",kind:"muted",size:"xs",type:"button",onClick:d[0]||(d[0]=t=>e.unref(u)(-1)),onKeydown:d[1]||(d[1]=t=>e.unref(b)(t))},{default:e.withCtx(()=>[e.createVNode(e.unref(T.DtIconChevronsLeft),{size:"200"})]),_:1},8,["aria-label","disabled"])]),_:1},8,["message"]),e.createVNode(e.unref(x.default),{"fallback-placements":["top-start","auto"],message:e.unref(l).$t("DIALTONE_DATEPICKER_PREVIOUS_MONTH"),placement:"top"},{anchor:e.withCtx(()=>[e.createVNode(e.unref($.default),{id:"prevMonthButton",ref:t=>{t&&e.unref(k)(t)},"aria-label":e.unref(O)(),circle:!0,disabled:e.unref(f),class:"d-datepicker__nav-btn",importance:"clear",kind:"muted",size:"xs",type:"button",onClick:d[2]||(d[2]=t=>e.unref(y)(-1)),onKeydown:d[3]||(d[3]=t=>e.unref(b)(t))},{default:e.withCtx(()=>[e.createVNode(e.unref(T.DtIconChevronLeft),{size:"200"})]),_:1},8,["aria-label","disabled"])]),_:1},8,["message"])]),_:1}),e.createElementVNode("div",B,e.toDisplayString(e.unref(p)(e.unref(m)))+" "+e.toDisplayString(e.unref(D)),1),e.createVNode(e.unref(M.default),{as:"nav",class:"d-datepicker__nav",direction:"row",gap:"200"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.default),{"fallback-placements":["top-end","auto"],message:e.unref(l).$t("DIALTONE_DATEPICKER_NEXT_MONTH"),placement:"top"},{anchor:e.withCtx(()=>[e.createVNode(e.unref($.default),{id:"nextMonthButton",ref:t=>{t&&e.unref(k)(t)},"aria-label":e.unref(I)(),circle:!0,disabled:e.unref(N),class:"d-datepicker__nav-btn",importance:"clear",kind:"muted",size:"xs",type:"button",onClick:d[4]||(d[4]=t=>e.unref(y)(1)),onKeydown:d[5]||(d[5]=t=>e.unref(b)(t))},{default:e.withCtx(()=>[e.createVNode(e.unref(T.DtIconChevronRight),{size:"200"})]),_:1},8,["aria-label","disabled"])]),_:1},8,["message"]),e.createVNode(e.unref(x.default),{"fallback-placements":["top-end","auto"],message:e.unref(l).$t("DIALTONE_DATEPICKER_NEXT_YEAR"),placement:"top"},{anchor:e.withCtx(()=>[e.createVNode(e.unref($.default),{id:"nextYearButton",ref:t=>{t&&e.unref(k)(t)},"aria-label":e.unref(L)(),circle:!0,disabled:e.unref(A),class:"d-datepicker__nav-btn",importance:"clear",kind:"muted",size:"xs",type:"button",onClick:d[6]||(d[6]=t=>e.unref(u)(1)),onKeydown:d[7]||(d[7]=t=>e.unref(b)(t))},{default:e.withCtx(()=>[e.createVNode(e.unref(T.DtIconChevronsRight),{size:"200"})]),_:1},8,["aria-label","disabled"])]),_:1},8,["message"])]),_:1})]),_:1}))}};function S(n,o){const s=e.ref(null),a=e.ref(0),r=e.ref([]),l=new P.DialtoneLocalization,m=e.computed(()=>w.getWeekDayNames(n.locale,n.weekStartsOn));e.watch(()=>n.calendarDays,()=>{a.value=0,r.value=[],s.value=null});function D(u){return l.$t("DIALTONE_DATEPICKER_SELECT_DAY")+` ${w.formatDate(u.value,Y.INTL_MONTH_FORMAT,l.currentLocale)}`}function p(u,i){!r.value.some(_=>_.el===u)&&!i.disabled&&r.value.push({el:u,day:i})}function k(u){switch(u.key){case"ArrowUp":u.preventDefault(),a.value-=7;try{v.returnFirstEl(r.value[a.value].el.$el).focus()}catch{const i=w.calculatePrevFocusDate(r.value[a.value+7].day.value);o("go-to-prev-month"),e.nextTick(()=>{v.returnFirstEl(r.value[i-1].el.$el).focus(),a.value+=i-1})}break;case"ArrowDown":u.preventDefault(),a.value+=7;try{v.returnFirstEl(r.value[a.value].el.$el).focus()}catch{const i=w.calculateNextFocusDate(r.value[a.value-7].day.value);o("go-to-next-month"),e.nextTick(()=>{v.returnFirstEl(r.value[i-1].el.$el).focus(),a.value+=i-1})}break;case"ArrowLeft":u.preventDefault(),a.value>0?(a.value-=1,v.returnFirstEl(r.value[a.value].el.$el).focus()):(o("go-to-prev-month"),b());break;case"ArrowRight":u.preventDefault(),a.value<r.value.length-1?(a.value+=1,v.returnFirstEl(r.value[a.value].el.$el).focus()):(o("go-to-next-month"),E());break;case"Tab":u.preventDefault(),o("focus-month-year-picker");break;case"Escape":o("close-datepicker");break}}function E(){a.value=0,e.nextTick(()=>{v.returnFirstEl(r.value[a.value].el.$el).focus()})}function b(){e.nextTick(()=>{a.value=r.value.length-1,v.returnFirstEl(r.value[a.value].el.$el).focus()})}function y(u){u.disabled||(s.value=u.text,o("select-date",u.value))}return{selectedDay:s,weekDays:m,dayAriaLabel:D,setDayRef:p,handleKeyDown:k,focusFirstDay:E,selectDay:y}}const z={class:"d-datepicker__calendar","aria-labelledby":"calendar-heading"},q=["title","aria-label"],H={__name:"calendar",props:{calendarDays:{type:Array,required:!0},weekStartsOn:{type:Number,default:0,validator:n=>Number.isInteger(n)&&n>=0&&n<=6}},emits:["select-date","focus-month-year-picker","close-datepicker","go-to-next-month","go-to-prev-month"],setup(n,{expose:o,emit:s}){const a=n,r=s,{selectedDay:l,weekDays:m,dayAriaLabel:D,setDayRef:p,handleKeyDown:k,focusFirstDay:E,selectDay:b}=S(a,r);return o({focusFirstDay:E}),(y,u)=>(e.openBlock(),e.createElementBlock("table",z,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),i=>(e.openBlock(),e.createElementBlock("th",{key:i,scope:"col",class:"d-datepicker__cell d-datepicker__cell--header"},[e.createElementVNode("span",{class:"d-datepicker__weekday",title:i,"aria-label":i},e.toDisplayString(i),9,q)]))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.calendarDays,(i,_)=>(e.openBlock(),e.createElementBlock("tr",{key:_},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.days,(f,N)=>(e.openBlock(),e.createElementBlock("td",{key:_+N,class:"d-datepicker__cell",role:"listbox"},[e.createVNode(e.unref($.default),{ref_for:!0,ref:h=>{h&&e.unref(p)(h,f)},class:e.normalizeClass(["d-datepicker__day",{"d-datepicker__day--disabled":f.disabled,"d-datepicker__day--selected":e.unref(l)?f.text===e.unref(l)&&!f.disabled:f.selected}]),circle:!0,size:"sm",importance:"clear",disabled:f.disabled,type:"button","aria-selected":e.unref(l)?f.text===e.unref(l)&&!f.disabled:f.selected,"aria-label":e.unref(D)(f),role:"option",onClick:h=>e.unref(b)(f),onKeydown:u[0]||(u[0]=h=>e.unref(k)(h))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.text),1)]),_:2},1032,["disabled","class","aria-selected","aria-label","onClick"])]))),128))]))),128))])]))}},G={class:"d-datepicker__hd"},U={class:"d-datepicker__bd"},X={__name:"datepicker",props:{selectedDate:{type:Date,default:()=>new Date},minDate:{type:Date,default:null},maxDate:{type:Date,default:null,validator:(n,o)=>n&&o.minDate&&n<o.minDate?(console.warn("[DtDatepicker]: maxDate must be after or equal to minDate."),!1):!0},weekStartsOn:{type:Number,default:0,validator:n=>Number.isInteger(n)&&n>=0&&n<=6}},emits:["selected-date","close-datepicker"],setup(n){const o=e.ref([]);function s(a){o.value=a}return e.onMounted(()=>{const a=e.getCurrentInstance();v.warnIfUnmounted(v.returnFirstEl(a.proxy.$el),"datepicker")}),(a,r)=>(e.openBlock(),e.createBlock(e.unref(M.default),{class:"d-datepicker",gap:"400"},{default:e.withCtx(()=>[e.createElementVNode("div",G,[e.createVNode(K,{ref:"monthYearPicker","selected-date":n.selectedDate,"min-date":n.minDate,"max-date":n.maxDate,"week-starts-on":n.weekStartsOn,onCalendarDays:s,onFocusFirstDay:r[0]||(r[0]=l=>a.$refs.calendar.focusFirstDay()),onFocusLastDay:r[1]||(r[1]=l=>a.$refs.calendar.focusLastDay()),onCloseDatepicker:r[2]||(r[2]=l=>a.$emit("close-datepicker"))},null,8,["selected-date","min-date","max-date","week-starts-on"])]),e.createElementVNode("div",U,[e.createVNode(H,{ref:"calendar","calendar-days":o.value,"week-starts-on":n.weekStartsOn,onSelectDate:r[3]||(r[3]=l=>a.$emit("selected-date",l)),onFocusMonthYearPicker:r[4]||(r[4]=l=>a.$refs.monthYearPicker.focusMonthYearPicker()),onCloseDatepicker:r[5]||(r[5]=l=>a.$emit("close-datepicker")),onGoToNextMonth:r[6]||(r[6]=l=>a.$refs.monthYearPicker.goToNextMonth()),onGoToPrevMonth:r[7]||(r[7]=l=>a.$refs.monthYearPicker.goToPrevMonth())},null,8,["calendar-days","week-starts-on"])])]),_:1}))}};exports.default=X;
-//# sourceMappingURL=datepicker.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../datepicker-DprRX9AH.cjs`);exports.default=e.t;