@momentum-ui/web-components 2.23.7 → 2.23.9

package/dist/8028.js

@@ -1,11 +1,11 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8028],{38028:(t,e,i)=>{i(80528),i(61200),i(69788);var a,n=i(31890),o=i(26283),s=i(26272),r=i(41488),l=i(40333),c=i(23968),h=i(97822),p=i(8229),d=i(37782),m=i(22887),y=i(3553),u=function(t,e,i,a){var n,o=arguments.length,s=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(o<3?n(s):o>3?n(e,i,s):n(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends r.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-facebook":"social-facebook-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold","channel-monitoring":"monitoring-bold"}}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}static get styles(){return[s.A,y.A]}isPresenceType(t){return m.eO.includes(t)}firstUpdated(){const t=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(t){const{presenceColor:e,presenceIcon:i}=(0,m.E0)(t,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=i}}updated(t){super.updated(t);const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e&&(t.has("type")||t.has("presenceType")||t.has("newMomentum"))){const{presenceColor:t,presenceIcon:i}=(0,m.E0)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}t.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size,[`md-avatar--${this.color}`]:!!this.color})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const t=this.title.trim().split(" ");return 1===t.length?t[0].charAt(0):t[0].charAt(0)+t[t.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}getIconName(t){return this.iconNameMap[t]||""}get chatIconSize(){return this.iconSize}get iconSize(){return 24===this.size?"16":28===this.size?"18":32===this.size?"20":36===this.size?"22":40===this.size?"24":48===this.size?"28":56===this.size?"32":64===this.size?"36":72===this.size?"40":Math.round(this.size/1.7).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?r.html` <md-loading></md-loading> `:l.nothing}get avatarLetter(){return this.title?r.html`
-            <span class="md-avatar__letter ${(0,c.classMap)(this.avatarLetterClassMap)}">
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8028],{38028:(e,t,i)=>{i(61200),i(69788),i(15300);var n,a=i(31890),o=i(26283),s=i(26272),r=i(41488),c=i(40333),l=i(23968),h=i(97822),p=i(8229),d=i(37782),m=i(38923),y=i(3553),u=function(e,t,i,n){var a,o=arguments.length,s=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(a=e[r])&&(s=(o<3?a(s):o>3?a(t,i,s):a(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};!function(e){let t=class extends r.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-facebook":"social-facebook-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold","channel-monitoring":"monitoring-bold"}}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[s.A,y.A]}isPresenceType(e){return m.e.includes(e)}firstUpdated(){const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e){const{presenceColor:t,presenceIcon:i}=(0,m.E)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}}updated(e){super.updated(e);const t=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(t&&(e.has("type")||e.has("presenceType")||e.has("newMomentum"))){const{presenceColor:e,presenceIcon:i}=(0,m.E)(t,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=i}e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size,[`md-avatar--${this.color}`]:!!this.color})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}getIconName(e){return this.iconNameMap[e]||""}get chatIconSize(){return this.iconSize}get presenceSize(){return this.size<=24?10.5:this.size<=32?14:this.size<=48?13.94:this.size<=64?18.58:this.size<=72?20.9:this.size<=88?25.55:36}get iconSize(){return 24===this.size?"16":28===this.size?"18":32===this.size?"20":36===this.size?"22":40===this.size?"24":48===this.size?"28":56===this.size?"32":64===this.size?"36":72===this.size?"40":Math.round(this.size/1.7).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?r.html` <md-loading></md-loading> `:c.nothing}get avatarLetter(){return this.title?r.html`
+            <span class="md-avatar__letter ${(0,l.classMap)(this.avatarLetterClassMap)}">
               ${this.pretifyTitle}
               <slot></slot>
               ${this.renderIsTyping}
             </span>
-          `:l.nothing}get avatarIcon(){return r.html`
-        <span class="md-avatar__icon ${(0,c.classMap)(this.avatarStyleMap)}">
+          `:c.nothing}get avatarIcon(){return r.html`
+        <span class="md-avatar__icon ${(0,l.classMap)(this.avatarStyleMap)}">
           <md-icon
             .name=${this.iconName}
             .iconSet=${this.newMomentum?"momentumDesign":"momentumUI"}
@@ -13,28 +13,31 @@
           ></md-icon>
         </span>
       `}get avatarImage(){return r.html`
-        ${(0,d.until)(this.loadImage().then((t=>(this.handleImageLoad(),r.html` ${t} `))).catch((()=>this.handleImageError())),r.html` ${this.iconName?this.avatarIcon:this.title?r.html` ${this.avatarLetter} `:l.nothing} `)}
-      `}loadImage(){return t=this,e=void 0,a=function*(){return new Promise(((t,e)=>{const i=document.createElement("img");i.src=this.src,i.alt=this.alt,i.onload=()=>t(i),i.onerror=t=>e(t),i.classList.add("md-avatar__img"),i.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)}))},new((i=void 0)||(i=Promise))((function(n,o){function s(t){try{l(a.next(t))}catch(t){o(t)}}function r(t){try{l(a.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?n(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(s,r)}l((a=a.apply(t,e||[])).next())}));var t,e,i,a}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(t){if(!this.clickable)return;const{code:e}=t;(0,o.o)(e)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){var e;this.clickable&&(null===(e=this.clickFunction)||void 0===e||e.call(this),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}getBrandOrDesignIconSet(t){return new Set(["webex-app-icon-color-container","social-fbmessenger-color","social-facebook-color","apple-business-chat-color","social-line-color","social-viber-color","social-x","social-whatsapp-color","social-wechat-color"]).has(t)?"momentumBrandVisuals":"momentumDesign"}get avatarContent(){return this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:l.nothing}renderPresence(){return this.newMomentum&&(this.presenceType||this.type)&&"self"!==this.type&&this.presenceIcon?r.html`
+        ${(0,d.until)(this.loadImage().then((e=>(this.handleImageLoad(),r.html` ${e} `))).catch((()=>this.handleImageError())),r.html` ${this.iconName?this.avatarIcon:this.title?r.html` ${this.avatarLetter} `:c.nothing} `)}
+      `}loadImage(){return e=this,t=void 0,n=function*(){return new Promise(((e,t)=>{const i=document.createElement("img");i.src=this.src,i.alt=this.alt,i.onload=()=>e(i),i.onerror=e=>t(e),i.classList.add("md-avatar__img"),i.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)}))},new((i=void 0)||(i=Promise))((function(a,o){function s(e){try{c(n.next(e))}catch(e){o(e)}}function r(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,r)}c((n=n.apply(e,t||[])).next())}));var e,t,i,n}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(e){if(!this.clickable)return;const{code:t}=e;(0,o.o)(t)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}handleClick(e){var t;this.clickable&&(null===(t=this.clickFunction)||void 0===t||t.call(this),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})))}getBrandOrDesignIconSet(e){return new Set(["webex-app-icon-color-container","social-fbmessenger-color","social-facebook-color","apple-business-chat-color","social-line-color","social-viber-color","social-x","social-whatsapp-color","social-wechat-color"]).has(e)?"momentumBrandVisuals":"momentumDesign"}get avatarContent(){return this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:c.nothing}renderPresence(){return this.newMomentum&&(this.presenceType||this.type)&&"self"!==this.type&&this.presenceIcon?r.html`
             <md-presence
               class="avatar-presence"
               name="${this.presenceIcon}"
               color="${this.presenceColor}"
-              size="${this.size}"
+              size="${this.presenceSize}"
+              .failurePresence=${this.failurePresence}
+              .newMomentum=${this.newMomentum}
+              .avatarLinked=${!0}
             >
             </md-presence>
-          `:l.nothing}renderAvatarContent(){const t=this.getIconName(this.type);if("channel-custom"===this.type)return r.html`
+          `:c.nothing}renderAvatarContent(){const e=this.getIconName(this.type);if("channel-custom"===this.type)return r.html`
           <span class="md-avatar__logo" data-channel-style=${this.avatarStyle} data-channel-state=${this.state}>
             <slot></slot>
           </span>
-        `;if(t){const e=this.getBrandOrDesignIconSet(t);return r.html`
+        `;if(e){const t=this.getBrandOrDesignIconSet(e);return r.html`
           <span
             class="md-avatar__logo ${this.type}"
             data-channel-style=${this.avatarStyle}
             data-channel-state=${this.state}
           >
             <md-icon
-              .name=${t}
-              .iconSet=${e}
+              .name=${e}
+              .iconSet=${t}
               .size=${this.chatIconSize}
               color="var(--icon-color-${this.type})"
             ></md-icon>
@@ -43,10 +46,10 @@
         <div
           part="avatar"
           class="md-avatar 
-          ${(0,c.classMap)(this.avatarClassMap)}"
+          ${(0,l.classMap)(this.avatarClassMap)}"
           role=${this.role}
-          @click=${t=>this.handleClick(t)}
-          @keydown=${t=>this.handleKeyDown(t)}
+          @click=${e=>this.handleClick(e)}
+          @keydown=${e=>this.handleKeyDown(e)}
           tabindex=${(0,h.ifDefined)(this.tabIndex||void 0)}
           aria-label=${(0,h.ifDefined)(this.label)}
         >
@@ -55,7 +58,7 @@
                   <md-icon .name=${this.chatIconName} .iconSet=${"momentumDesign"} .size=${this.chatIconSize}></md-icon>
                 </span>
               `:this.renderAvatarContent()}
-          ${this.hasNotification?r.html` <span class="md-avatar__notification-badge"></span> `:l.nothing}
+          ${this.hasNotification?r.html` <span class="md-avatar__notification-badge"></span> `:c.nothing}
           ${this.renderPresence()}
         </div>
-      `}};u([(0,r.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),u([(0,r.property)({type:String})],e.prototype,"alt",void 0),u([(0,r.property)({type:String})],e.prototype,"src",void 0),u([(0,r.property)({type:String})],e.prototype,"label",void 0),u([(0,r.property)({type:String})],e.prototype,"title",void 0),u([(0,r.property)({type:String})],e.prototype,"color",void 0),u([(0,r.property)({type:Boolean})],e.prototype,"decrypting",void 0),u([(0,r.property)({type:String})],e.prototype,"role",void 0),u([(0,r.property)({type:String,attribute:"icon-name"})],e.prototype,"iconName",void 0),u([(0,r.property)({type:Boolean})],e.prototype,"failurePresence",void 0),u([(0,r.property)({type:String})],e.prototype,"type",void 0),u([(0,r.property)({type:String,attribute:"presence-type"})],e.prototype,"presenceType",void 0),u([(0,r.property)({type:Boolean})],e.prototype,"newMomentum",void 0),u([(0,r.property)({type:Boolean})],e.prototype,"typing",void 0),u([(0,r.property)({type:Number})],e.prototype,"size",void 0),u([(0,r.property)({type:Boolean,attribute:"has-notification"})],e.prototype,"hasNotification",void 0),u([(0,r.property)({type:Boolean})],e.prototype,"clickable",void 0),u([(0,r.property)({attribute:!1})],e.prototype,"clickFunction",void 0),u([(0,r.property)({type:String,attribute:"avatar-style"})],e.prototype,"avatarStyle",void 0),u([(0,r.property)({type:String})],e.prototype,"state",void 0),u([(0,r.internalProperty)()],e.prototype,"imageLoaded",void 0),u([(0,r.internalProperty)()],e.prototype,"imageErrored",void 0),u([(0,r.internalProperty)()],e.prototype,"presenceColor",void 0),u([(0,r.internalProperty)()],e.prototype,"presenceIcon",void 0),e=u([(0,n.w)("md-avatar")],e),t.ELEMENT=e}(a||(a={}))}}]);
+      `}};u([(0,r.property)({type:Number,attribute:"tab-index",reflect:!0})],t.prototype,"tabIndex",null),u([(0,r.property)({type:String})],t.prototype,"alt",void 0),u([(0,r.property)({type:String})],t.prototype,"src",void 0),u([(0,r.property)({type:String})],t.prototype,"label",void 0),u([(0,r.property)({type:String})],t.prototype,"title",void 0),u([(0,r.property)({type:String})],t.prototype,"color",void 0),u([(0,r.property)({type:Boolean})],t.prototype,"decrypting",void 0),u([(0,r.property)({type:String})],t.prototype,"role",void 0),u([(0,r.property)({type:String,attribute:"icon-name"})],t.prototype,"iconName",void 0),u([(0,r.property)({type:Boolean})],t.prototype,"failurePresence",void 0),u([(0,r.property)({type:String})],t.prototype,"type",void 0),u([(0,r.property)({type:String,attribute:"presence-type"})],t.prototype,"presenceType",void 0),u([(0,r.property)({type:Boolean})],t.prototype,"newMomentum",void 0),u([(0,r.property)({type:Boolean})],t.prototype,"typing",void 0),u([(0,r.property)({type:Number})],t.prototype,"size",void 0),u([(0,r.property)({type:Boolean,attribute:"has-notification"})],t.prototype,"hasNotification",void 0),u([(0,r.property)({type:Boolean})],t.prototype,"clickable",void 0),u([(0,r.property)({attribute:!1})],t.prototype,"clickFunction",void 0),u([(0,r.property)({type:String,attribute:"avatar-style"})],t.prototype,"avatarStyle",void 0),u([(0,r.property)({type:String})],t.prototype,"state",void 0),u([(0,r.internalProperty)()],t.prototype,"imageLoaded",void 0),u([(0,r.internalProperty)()],t.prototype,"imageErrored",void 0),u([(0,r.internalProperty)()],t.prototype,"presenceColor",void 0),u([(0,r.internalProperty)()],t.prototype,"presenceIcon",void 0),t=u([(0,a.w)("md-avatar")],t),e.ELEMENT=t}(n||(n={}))}}]);

package/dist/8923.js

@@ -0,0 +1 @@
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8923],{38923:(e,a,r)=>{r.d(a,{E:()=>s,e:()=>c});var n=r(31465);const c=["active","meeting","schedule","call","dnd","presenting","quiet-hours","away","idle","inactive","away-calling","ooo","busy","on-mobile","on-device","on-hold","engaged","rona",""],s=(e,a,r=!1)=>{let c="",s="";if(a)c="warning-badge-filled",s="var(--avatar-presence-warning)";else{if(!e)return{presenceIcon:void 0,presenceColor:void 0};switch(e){case"active":c="active-presence-small-filled",s="var(--avatar-presence-active)";break;case"meeting":c=r?"camera-presence-filled":"camera-presence_14",s="var(--avatar-presence-unstable)";break;case"schedule":c=r?"meetings-presence-badge-filled":"meetings-presence_14",s="var(--avatar-presence-unstable)";break;case"call":c=r?"handset-filled":"handset-active_16",s="var(--avatar-presence-unstable)";break;case"dnd":c=r?"dnd-presence-badge-filled":"dnd-presence_14",s="var(--avatar-presence-dnd)";break;case"presenting":c=r?"share-screen-badge-filled":"content-share_14",s="var(--avatar-presence-dnd)";break;case"quiet-hours":c="quiet-hours-presence-filled",s="var(--avatar-presence-inactive)";break;case"away":case"idle":case"inactive":c=r?"recents-presence-badge-filled":"recents-presence_14",s="var(--avatar-presence-inactive)";break;case"away-calling":c="away-calling-presence-filled",s="var(--avatar-presence-inactive)";break;case"ooo":c="pto-presence-filled",s="var(--avatar-presence-inactive)";break;case"busy":c="busy-presence-bold",s="var(--avatar-presence-unstable)";break;case"on-mobile":c="phone-filled",s="var(--avatar-presence-inactive)";break;case"on-device":c=r?"generic-device-video-filled":"generic-device-video_16",s="var(--avatar-presence-inactive)";break;case"on-hold":case n.j.HOLD:c="pause-badge-filled",s="var(--avatar-presence-inactive)";break;case"engaged":c="busy-presence-bold",s="var(--avatar-presence-engaged)";break;case"rona":c="dnd-presence-badge-filled",s="var(--avatar-presence-rona)";break;case n.j.CONSULTING:c="headset-bold",s="var(--avatar-presence-inactive)";break;case n.j.PLAY:c="play-bold",s="var(--avatar-presence-inactive)";break;case n.j.CONFERENCE:c="meet-bold",s="var(--avatar-presence-inactive)";break;case n.j.TRANSFERED:c="assign-privilege-bold",s="var(--avatar-presence-inactive)";break;case n.j.COURTESY_CALLBACK:c="callrate-bold",s="var(--avatar-presence-inactive)";break;case n.j.CAMPAIGN:c="announcement-bold",s="var(--avatar-presence-inactive)"}}return{presenceColor:s,presenceIcon:c}}}}]);