@momentum-ui/web-components 3.0.1 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/679.js
CHANGED
|
@@ -1,63 +1,70 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[679,1465],{5657(e,t,
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[679,1465],{5657(e,t,a){a.d(t,{LG:()=>r,Um:()=>c,i0:()=>n});var i=a(87161),o=a(31465);const n=(e,t,a,o,n)=>i.html`${e?s(t,a,o,n):l(t,a,n)}`,m=(e,t,a,o)=>i.html`<md-avatar
|
|
2
2
|
size="32"
|
|
3
|
-
type=${
|
|
3
|
+
type=${a}
|
|
4
4
|
state=${e?"active":"rest"}
|
|
5
5
|
presence-type=${null!=t?t:""}
|
|
6
6
|
newMomentum
|
|
7
|
-
>${null!=o?o:
|
|
8
|
-
>`,s=(e,t,
|
|
7
|
+
>${null!=o?o:i.nothing}</md-avatar
|
|
8
|
+
>`,s=(e,t,a,n)=>{switch(e.toLowerCase()){case o.r.PROGRESSIVE_CAMPAIGN:case o.r.CALLBACK:return m(t,a,"channel-callback-v2");case o.r.TELEPHONY:return m(t,a,"channel-call");case o.r.OUTBOUND_TELEPHONY:return m(t,a,"channel-callback");case o.r.INBOUND_TELEPHONY:return m(t,a,"channel-call-inbound");case o.r.APPLE_MESSAGES:return m(t,a,"channel-apple-chat");case o.r.OUTBOUND_CAMPAIGN:return m(t,a,"channel-campaign");case o.r.CHAT:return m(t,a,"channel-chat");case o.r.EMAIL:return m(t,a,"channel-email-inbound");case o.r.SMS:return m(t,a,"channel-sms-inbound");case o.r.FACEBOOK:return m(t,a,"channel-fb-messenger");case o.r.WHATSAPP:return m(t,a,"channel-whats-app");case o.r.MESSENGER:return m(t,a,"channel-facebook");case o.r.MIDCALL_TELEPHONY:return m(t,a,"channel-monitoring");case o.r.OUTBOUND_EMAIL:return m(t,a,"channel-email-outbound");case o.r.OUTBOUND_SMS:return m(t,a,"channel-sms-outbound");case o.r.SOCIAL_X:return m(t,a,"channel-twitter-x");case o.r.VIBER:return m(t,a,"channel-viber");case o.r.WECHAT:return m(t,a,"channel-we-chat");case o.r.WEBEX:return m(t,a,"channel-webex");case o.r.OUTBOUND_CHAT:return m(t,a,"channel-chat-outbound");case o.r.GOOGLE_MESSAGES:return m(t,a,"channel-custom",i.html`<img height="32px" width="32px" src="${n}" />`);case o.r.ICON_SRC:return m(t,a,"channel-custom",i.html`<img height="20px" width="20px" src="${n}" />`);case o.r.WORKITEM:return m(t,a,"channel-work-item");default:return m(t,a,"channel-custom",i.html`<slot name="task-type"></slot>`)}},r=e=>{switch(e){case o.j.CONSULTING:return i.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case o.j.PLAY:return i.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case o.j.HOLD:return i.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case o.j.CONFERENCE:return i.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case o.j.TRANSFERED:return i.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case o.j.COURTESY_CALLBACK:return i.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case o.j.CAMPAIGN:return i.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return i.html` <slot name="task-status"></slot> `}},l=(e,t,a)=>{switch(e.toLowerCase()){case o.r.TELEPHONY:return i.html`
|
|
9
9
|
<md-badge color="green" circle>
|
|
10
10
|
<md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
11
11
|
</md-badge>
|
|
12
|
-
`;case o.r.OUTBOUND_TELEPHONY:return
|
|
12
|
+
`;case o.r.OUTBOUND_TELEPHONY:return i.html`
|
|
13
13
|
<md-badge color="green" circle>
|
|
14
14
|
<md-icon name="outgoing-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
15
15
|
</md-badge>
|
|
16
|
-
`;case o.r.INBOUND_TELEPHONY:return
|
|
16
|
+
`;case o.r.INBOUND_TELEPHONY:return i.html`
|
|
17
17
|
<md-badge color="green" circle>
|
|
18
18
|
<md-icon name="incoming-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
19
19
|
</md-badge>
|
|
20
|
-
`;case o.r.APPLE_MESSAGES:case o.r.MIDCALL_TELEPHONY:case o.r.ICON_SRC:return
|
|
20
|
+
`;case o.r.APPLE_MESSAGES:case o.r.MIDCALL_TELEPHONY:case o.r.ICON_SRC:return i.html`
|
|
21
21
|
<md-badge circle>
|
|
22
|
-
<img src="${
|
|
22
|
+
<img src="${a}" />
|
|
23
23
|
</md-badge>
|
|
24
|
-
`;case o.r.CALLBACK:return
|
|
24
|
+
`;case o.r.CALLBACK:return i.html`
|
|
25
25
|
<md-badge color="lime" circle>
|
|
26
26
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
27
27
|
</md-badge>
|
|
28
|
-
`;case o.r.PROGRESSIVE_CAMPAIGN:return
|
|
28
|
+
`;case o.r.PROGRESSIVE_CAMPAIGN:return i.html`
|
|
29
29
|
<md-badge color="green" circle>
|
|
30
30
|
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
31
31
|
</md-badge>
|
|
32
|
-
`;case o.r.OUTBOUND_CAMPAIGN:return
|
|
32
|
+
`;case o.r.OUTBOUND_CAMPAIGN:return i.html`
|
|
33
33
|
<md-avatar
|
|
34
34
|
title="Channel Campaign"
|
|
35
35
|
type="channel-campaign"
|
|
36
36
|
avatar-style="default"
|
|
37
37
|
state=${t?"active":"rest"}
|
|
38
38
|
></md-avatar>
|
|
39
|
-
`;case o.r.CHAT:return
|
|
39
|
+
`;case o.r.CHAT:return i.html`
|
|
40
40
|
<md-badge color="blue" circle>
|
|
41
41
|
<md-icon name="chat-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
42
42
|
</md-badge>
|
|
43
|
-
`;case o.r.EMAIL:return
|
|
43
|
+
`;case o.r.EMAIL:return i.html`
|
|
44
44
|
<md-badge color="violet" circle>
|
|
45
45
|
<md-icon name="email-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
46
46
|
</md-badge>
|
|
47
|
-
`;case o.r.SMS:return
|
|
47
|
+
`;case o.r.SMS:return i.html`
|
|
48
48
|
<md-badge color="darkmint" circle>
|
|
49
49
|
<md-icon name="sms-filled" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
|
|
50
50
|
</md-badge>
|
|
51
|
-
`;case o.r.FACEBOOK:return
|
|
51
|
+
`;case o.r.FACEBOOK:return i.html`
|
|
52
52
|
<md-badge bgColor="#0078FF" circle>
|
|
53
53
|
<md-icon name="messenger_16" iconSet="momentumUI" color="white-100"></md-icon>
|
|
54
54
|
</md-badge>
|
|
55
|
-
`;case o.r.WHATSAPP:return
|
|
55
|
+
`;case o.r.WHATSAPP:return i.html`
|
|
56
56
|
<md-badge bgColor="#25D366" circle>
|
|
57
57
|
<md-icon name="whatsApp_16" iconSet="momentumUI" color="white-100"></md-icon>
|
|
58
58
|
</md-badge>
|
|
59
|
-
`;case o.r.OUTBOUND_CHAT:return
|
|
59
|
+
`;case o.r.OUTBOUND_CHAT:return i.html`
|
|
60
60
|
<md-badge color="blue" circle>
|
|
61
61
|
<md-icon name="chat-outbound-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
62
62
|
</md-badge>
|
|
63
|
-
`;
|
|
63
|
+
`;case o.r.WORKITEM:return i.html`
|
|
64
|
+
<md-avatar
|
|
65
|
+
title="Channel Work Item"
|
|
66
|
+
type="channel-work-item"
|
|
67
|
+
avatar-style="default"
|
|
68
|
+
state=${t?"active":"rest"}
|
|
69
|
+
></md-avatar>
|
|
70
|
+
`;default:return i.html` <slot name="task-type"></slot> `}},c=(e,t,a)=>{if(e<=0)return a.removeAttribute("has-messages"),i.nothing;a.setAttribute("has-messages","true");const o=e>99?"99+":e.toString();return t?i.html` <md-badge color="unreadcount"> ${o} </md-badge>`:i.html` <span class="new-chat-quantity">${o}</span> `}},31465(e,t,a){a.d(t,{j:()=>i,r:()=>o});const i={CONSULTING:"consulting",PLAY:"play",HOLD:"hold",CONFERENCE:"conference",TRANSFERED:"transfered",COURTESY_CALLBACK:"courtesy_callback",CAMPAIGN:"campaign"},o={TELEPHONY:"telephony",OUTBOUND_TELEPHONY:"outbound telephony",INBOUND_TELEPHONY:"inbound telephony",OUTBOUND_CAMPAIGN:"outbound-campaign",CALLBACK:"callback",CHAT:"chat",PROGRESSIVE_CAMPAIGN:"progressive_campaign",MIDCALL_TELEPHONY:"midcall telephony",APPLE_MESSAGES:"applemessages",ICON_SRC:"icon src",EMAIL:"email",SMS:"sms",FACEBOOK:"facebook",WHATSAPP:"whatsapp",MESSENGER:"messenger",OUTBOUND_EMAIL:"outboundemail",OUTBOUND_SMS:"outboundsms",SOCIAL_X:"socialx",VIBER:"viber",WECHAT:"wechat",WEBEX:"webex",GOOGLE_MESSAGES:"googlemessages",OUTBOUND_CHAT:"outbound_chat",WORKITEM:"workitem"}},52339(e,t,a){a.d(t,{A:()=>i});const i=a(87161).css`:host{width:100%}.md-taskitem{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:stretch;border-radius:.5rem;color:var(--md-secondary-text-color);cursor:pointer;margin-bottom:4px;min-height:5rem;padding:.75rem;position:relative;width:auto;z-index:0}.md-taskitem.selected{background-color:var(--taskitem-pressed-bg-color,#fff);box-shadow:0 .125rem .25rem rgba(0,0,0,.16)}.md-taskitem.selected .md-taskitem__content_chat,.md-taskitem.selected .md-taskitem__content_popover_title,.md-taskitem.selected .md-taskitem__content_queue{color:var(--taskitem-selected-text-color)}.md-taskitem.selected .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:hover{background-color:var(--taskitem-hover-bg-color)}.md-taskitem:hover .md-taskitem__content_chat,.md-taskitem:hover .md-taskitem__content_popover_title,.md-taskitem:hover .md-taskitem__content_queue{color:var(--taskitem-selected-text-color)}.md-taskitem:hover .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:active{background-color:var(--taskitem-pressed-bg-color)}.md-taskitem:active .md-taskitem__content_chat,.md-taskitem:active .md-taskitem__content_popover_title,.md-taskitem:active .md-taskitem__content_queue{color:var(--taskitem-selected-text-color)}.md-taskitem:active .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:focus{background:var(--taskitem-focus-bg-color);box-shadow:none;outline:0}.md-taskitem:focus::after{box-shadow:0 0 0 .125rem var(--taskitem-focus-border-color,#007aa3)}.md-taskitem::after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:-1;border-radius:.5rem;margin:-.125rem}.md-taskitem__mediatype{margin-inline-end:.5rem;position:relative;width:2.625rem}.md-taskitem__mediatype img{max-width:fit-content}.md-taskitem__mediatype .md-taskitem__status{align-items:center;display:inline-flex;justify-content:space-around;position:absolute;background:var(--taskitem-status-bg-color);border-radius:50%;bottom:-4px;color:var(--taskitem-status-text-color);height:1.25rem;right:-4px;width:1.25rem}.md-taskitem__mediatype .md-taskitem__status md-icon{height:.75rem}.md-taskitem__mediatype .md-taskitem__status md-icon::part(icon){vertical-align:top}.md-taskitem__mediatype .md-taskitem__status.hold{background:var(--taskitem-status-pause-bg-color)}.md-taskitem__content{align-content:stretch;align-items:flex-start;align-self:stretch;display:flex;flex:0 1 auto;flex-direction:column;justify-content:center;width:calc(100% - (2.625rem + 6.25rem))}.md-taskitem__content_popover_title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--taskitem-text-color);font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:14px;line-height:.9375rem;margin-bottom:.5rem;width:100%}.md-taskitem__content_popover_title.popover-item-title{margin-bottom:0}.md-taskitem__content_title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.1875rem;margin-bottom:.5rem;width:100%}.md-taskitem__content_title.mainTitle{color:var(--taskitem-text-color);font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif)}.md-taskitem__content_title.display-only-title{margin-bottom:0;width:6.25rem}.md-taskitem__content_inner{display:flex;flex:0 1 auto;width:100%}.md-taskitem__content_queue{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:.875rem;width:100%}.md-taskitem__content_chat{color:var(--taskitem-chat-text-color);display:flex;font-size:12px;line-height:.875rem;margin-top:.5rem;position:relative;width:100%}.md-taskitem__content_chat .new-chat_massages{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-end:2.5rem;width:calc(100% - .5rem)}.md-taskitem__addition{align-items:flex-end;display:flex;flex-direction:column;margin-inline-start:.5rem;text-align:end;width:6.25rem}.md-taskitem__addition .new-chat-quantity{background:var(--taskitem-chat-quantity-bg-color);border-radius:9px;color:var(--taskitem-chat-quantity-text-color);display:inline-block;font-size:10px;line-height:.875rem;min-width:18px;padding:.125rem .25rem;text-align:center}:host([is-restyle]) .md-taskitem{padding:.5rem .75rem;justify-content:space-between}:host([is-restyle]) .md-taskitem__mediatype{margin-inline-end:.75rem;white-space:nowrap;width:auto}:host([is-restyle]) .md-taskitem .md-taskitem__content{width:auto;min-width:0;flex:1}:host([is-restyle]) .md-taskitem .md-taskitem__content_popover_title,:host([is-restyle]) .md-taskitem .md-taskitem__content_title{font-size:1rem;font-weight:500;line-height:24px;margin:0;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);color:var(--taskitem-restyle-text-color)}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue{font-size:.875rem;line-height:20px;color:var(--taskitem-text-color);width:auto}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue_time{font-size:.875rem;line-height:20px;color:var(--taskitem-text-color);margin-inline-start:4px;min-width:4.375rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue_time_dot{background-color:var(--taskitem-restyle-dot-color);border-radius:50%;height:.25rem;width:.25rem;display:inline-flex;margin:3px 0}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue_time ::slotted(*){display:inline-flex}:host([is-restyle]) .md-taskitem .md-taskitem__content_chat{margin:0;font-size:.875rem;line-height:20px;color:var(--taskitem-text-color)}:host([is-restyle]) .md-taskitem .md-taskitem__content_chat .new-chat_massages{padding:0}:host([is-restyle]) .md-taskitem__addition{white-space:nowrap;margin-inline-start:.75rem;width:auto}:host([is-restyle]) .md-taskitem__addition.empty_addition{margin:0}:host([is-restyle]) .md-taskitem .avatar-badge::part(badge){height:2rem;width:2rem;background-color:var(--avatar-darkgray-bg-color)}:host([is-restyle]) .md-taskitem.selected .avatar-badge::part(badge){background-color:var(--avatar-white-bg-color)}:host([is-restyle]) .md-taskitem.selected .md-taskitem__content_popover_title,:host([is-restyle]) .md-taskitem.selected .md-taskitem__content_title{font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif)}:host([is-restyle]) .md-taskitem::after{margin:0}:host([is-restyle][disabled]) .md-taskitem{cursor:not-allowed;pointer-events:none}:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_chat,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_popover_title,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_queue,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_title{color:var(--taskitem-restyle-text-disabled-color)}:host([is-restyle][has-messages=true]) .md-taskitem__content_popover_title ::part(tooltip_reference),:host([is-restyle][has-messages=true]) .md-taskitem__content_title ::part(tooltip_reference){font-weight:700!important}:host([is-restyle][has-messages=true]) .md-taskitem__addition{margin-inline-end:.75rem!important}@media(forced-colors:active){.md-taskitem:focus{outline:1px solid Highlight}.md-taskitem.selected,.md-taskitem:hover{forced-color-adjust:none;outline:1px solid Highlight;background-color:Highlight;color:HighlightText;box-shadow:none}.md-taskitem:active{forced-color-adjust:none;outline:1px solid HighlightText;background-color:Highlight;color:HighlightText;box-shadow:none}.md-taskitem__addition .new-chat-quantity{forced-color-adjust:auto}}`}}]);
|