@momentum-ui/web-components 2.14.18 → 2.14.21
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/chunks/md-10.js +1 -1
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-19.js +2 -2
- package/dist/chunks/md-23.js +1 -1
- package/dist/chunks/md-28.js +6 -6
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-88.js +18 -18
- package/dist/chunks/md-89.js +1 -1
- package/dist/chunks/md-91.js +2 -2
- package/dist/index-entry.js +1 -1
- package/dist/index.js +2 -2
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/taskitem/TaskItem.d.ts +15 -1
- package/package.json +1 -1
package/dist/chunks/md-88.js
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[88],{131:function(t,e,i){"use strict";i.r(e),i.d(e,"TaskItem",(function(){return o}));i(54),i(14);var o,a=i(5),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[88],{131:function(t,e,i){"use strict";i.r(e),i.d(e,"TaskItem",(function(){return o}));i(54),i(14);var o,a=i(5),s=i(6),n=i(0),m=i(2),r=i(4),l=n.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,#121212)}.md-taskitem.selected .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:hover{background-color:var(--taskitem-hover-bg-color,#fff)}.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,#121212)}.md-taskitem:hover .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:active{background-color:var(--taskitem-pressed-bg-color,#fff)}.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,#121212)}.md-taskitem:active .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:focus{background:var(--taskitem-focus-bg-color,#fff);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-right:.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,#dedede);border-radius:50%;bottom:-4px;color:var(--taskitem-status-text-color,#121212);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,#ffd98c)}.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,#545454);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_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,#545454);font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif)}.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,#545454);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-right:2.5rem;width:calc(100% - .5rem)}.md-taskitem__addition{align-items:flex-end;display:flex;flex-direction:column;margin-left:.5rem;text-align:right;width:6.25rem}.md-taskitem__addition .new-chat-quantity{background:var(--taskitem-chat-quantity-bg-color,#9df);border-radius:9px;color:var(--taskitem-chat-quantity-text-color,#103c62);display:inline-block;font-size:10px;line-height:.875rem;min-width:18px;padding:.125rem .25rem;text-align:center}@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}}`,c=function(t,e,i,o){var a,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var m=t.length-1;m>=0;m--)(a=t[m])&&(n=(s<3?a(n):s>3?a(e,i,n):a(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.queue="",this.accepted=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.renderTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return n.html`
|
|
2
2
|
<md-badge color="green" circle>
|
|
3
3
|
<md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
4
4
|
</md-badge>
|
|
5
|
-
`;case"outbound telephony":return
|
|
5
|
+
`;case"outbound telephony":return n.html`
|
|
6
6
|
<md-badge color="green" circle>
|
|
7
7
|
<md-icon name="outgoing-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
8
8
|
</md-badge>
|
|
9
|
-
`;case"inbound telephony":return
|
|
9
|
+
`;case"inbound telephony":return n.html`
|
|
10
10
|
<md-badge color="green" circle>
|
|
11
11
|
<md-icon name="incoming-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
12
12
|
</md-badge>
|
|
13
|
-
`;case"applemessages":case"midcall telephony":case"icon src":return
|
|
13
|
+
`;case"applemessages":case"midcall telephony":case"icon src":return n.html`
|
|
14
14
|
<md-badge circle>
|
|
15
15
|
<img src="${this.iconSrc}" />
|
|
16
16
|
</md-badge>
|
|
17
|
-
`;case"callback":return
|
|
17
|
+
`;case"callback":return n.html`
|
|
18
18
|
<md-badge color="lime" circle>
|
|
19
19
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
20
20
|
</md-badge>
|
|
21
|
-
`;case"progressive_campaign":return
|
|
21
|
+
`;case"progressive_campaign":return n.html`
|
|
22
22
|
<md-badge color="green" circle>
|
|
23
23
|
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
24
24
|
</md-badge>
|
|
25
|
-
`;case"chat":return
|
|
25
|
+
`;case"chat":return n.html`
|
|
26
26
|
<md-badge color="blue" circle>
|
|
27
27
|
<md-icon name="chat-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
28
28
|
</md-badge>
|
|
29
|
-
`;case"email":return
|
|
29
|
+
`;case"email":return n.html`
|
|
30
30
|
<md-badge color="violet" circle>
|
|
31
31
|
<md-icon name="email-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
32
32
|
</md-badge>
|
|
33
|
-
`;case"sms":return
|
|
33
|
+
`;case"sms":return n.html`
|
|
34
34
|
<md-badge color="darkmint" circle>
|
|
35
35
|
<md-icon name="social-sms" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
|
|
36
36
|
</md-badge>
|
|
37
|
-
`;case"facebook":return
|
|
37
|
+
`;case"facebook":return n.html`
|
|
38
38
|
<md-badge bgColor="#0078FF" circle>
|
|
39
39
|
<md-icon name="social-fbmessenger" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
|
|
40
40
|
</md-badge>
|
|
41
|
-
`;case"whatsapp":return
|
|
41
|
+
`;case"whatsapp":return n.html`
|
|
42
42
|
<md-badge bgColor="#25D366" circle>
|
|
43
43
|
<md-icon name="social-whatsapp" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
|
|
44
44
|
</md-badge>
|
|
45
|
-
`;default:return
|
|
45
|
+
`;default:return n.html` <slot name="task-type"></slot> `}},this.renderStatus=()=>{switch(this.status){case"consulting":return n.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"play":return n.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"hold":return n.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"conference":return n.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"transfered":return n.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"courtesy_callback":return n.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"campaign":return n.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return n.html` <slot name="task-status"></slot> `}}}get title(){return this.displayTitle}set title(t){this.titleValue=t,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(t){this.itemTitleValue=t,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}renderChatCount(){return this.quantity>0?this.quantity>99?n.html` <span class="new-chat-quantity">99+</span> `:n.html` <span class="new-chat-quantity">${this.quantity}</span> `:m.nothing}getAriaLabel(){var t;if(this.customAriaLabel)return this.customAriaLabel;let e=this.queue;if(!e){const i=this.querySelector('[slot="queue"]');if(i){e=(null===(t=i.textContent)||void 0===t?void 0:t.trim())||i.innerText.trim();const o=e.match(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/);if(o){const[,t=0,i,a]=o.map(Number);(new Date).setHours(t,i,a),e=e.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${i} minutes ${a} seconds`)}}}return`${this.mediaType} ${this.status} ${this.title} ${e} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[s.a,l]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}render(){return n.html`
|
|
46
46
|
<div
|
|
47
47
|
part="task-item-container"
|
|
48
48
|
class="md-taskitem ${Object(r.classMap)({selected:this.selected})}"
|
|
@@ -54,21 +54,21 @@
|
|
|
54
54
|
>
|
|
55
55
|
<div class="md-taskitem__mediatype">
|
|
56
56
|
${this.renderTaskType()}
|
|
57
|
-
${this.status?
|
|
57
|
+
${this.status?n.html` <span class=${"md-taskitem__status "+this.status}> ${this.renderStatus()} </span> `:m.nothing}
|
|
58
58
|
</div>
|
|
59
59
|
<div class="md-taskitem__content" part="task-item-content">
|
|
60
|
-
${this.popovertitle?
|
|
61
|
-
${this.title?
|
|
60
|
+
${this.popovertitle?n.html` <span class="md-taskitem__content_popover_title">${this.popovertitle}</span> `:m.nothing}
|
|
61
|
+
${this.title?n.html`
|
|
62
62
|
<span class="md-taskitem__content_title ${Object(r.classMap)({mainTitle:!this.popovertitle})}"
|
|
63
63
|
>${this.title}</span
|
|
64
64
|
>
|
|
65
65
|
`:m.nothing}
|
|
66
66
|
<div class="md-taskitem__content_inner">
|
|
67
67
|
<span class="md-taskitem__content_queue">
|
|
68
|
-
${this.queue.length>0?this.queue:
|
|
68
|
+
${this.queue.length>0?this.queue:n.html` <slot name="queue"></slot> `}
|
|
69
69
|
</span>
|
|
70
70
|
</div>
|
|
71
|
-
${this.lastmessage?
|
|
71
|
+
${this.lastmessage?n.html`
|
|
72
72
|
<span class="md-taskitem__content_chat">
|
|
73
73
|
<span class="new-chat_massages">${this.lastmessage}</span>
|
|
74
74
|
</span>
|
|
@@ -79,4 +79,4 @@
|
|
|
79
79
|
${this.renderChatCount()}
|
|
80
80
|
</div>
|
|
81
81
|
</div>
|
|
82
|
-
`}};
|
|
82
|
+
`}};c([Object(n.property)({type:String})],e.prototype,"mediaType",void 0),c([Object(n.property)({type:String})],e.prototype,"status",void 0),c([Object(n.property)({type:String})],e.prototype,"popovertitle",void 0),c([Object(n.property)({type:String})],e.prototype,"queue",void 0),c([Object(n.property)({type:Boolean})],e.prototype,"accepted",void 0),c([Object(n.property)({type:Number})],e.prototype,"quantity",void 0),c([Object(n.property)({type:String})],e.prototype,"lastmessage",void 0),c([Object(n.property)({type:Boolean})],e.prototype,"selected",void 0),c([Object(n.property)({type:String})],e.prototype,"customAriaLabel",void 0),c([Object(n.property)({type:String})],e.prototype,"iconSrc",void 0),c([Object(n.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),c([Object(n.property)({type:String,reflect:!0})],e.prototype,"title",null),c([Object(n.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),e=c([Object(a.a)("md-task-item")],e),t.ELEMENT=e}(o||(o={}))}}]);
|