@momentum-ui/web-components 2.7.7 → 2.7.8
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-80.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[80],{121:function(t,e,i){"use strict";i.r(e),i.d(e,"TaskItem",(function(){return a}));i(49),i(15);var a,o=i(5),s=i(4),n=i(0),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[80],{121:function(t,e,i){"use strict";i.r(e),i.d(e,"TaskItem",(function(){return a}));i(49),i(15);var a,o=i(5),s=i(4),n=i(0),r=i(2),m=i(3),c=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 .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){line-height:.75rem;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% - calc(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:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:.9375rem;margin-bottom:.5rem;width:calc(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:calc(100%)}.md-taskitem__content_title.mainTitle{color:var(--taskitem-text-color,#545454);font-family:"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% - $taskitem-main-margin)}.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}`,l=function(t,e,i,a){var o,s=arguments.length,n=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(n=(s<3?o(n):s>3?o(e,i,n):o(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.title="",this.queue="",this.accepted=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.renderTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return n.html`
|
|
2
2
|
<md-badge color="green" circle>
|
|
3
3
|
<md-icon name="handset-active_16"></md-icon>
|
|
4
4
|
</md-badge>
|
|
@@ -10,6 +10,10 @@
|
|
|
10
10
|
<md-badge color="green" circle>
|
|
11
11
|
<md-icon name="incoming-call-active_16"></md-icon>
|
|
12
12
|
</md-badge>
|
|
13
|
+
`;case"midcall telephony":return n.html`
|
|
14
|
+
<md-badge circle>
|
|
15
|
+
<img src="${this.iconSrc}" />
|
|
16
|
+
</md-badge>
|
|
13
17
|
`;case"callback":return n.html`
|
|
14
18
|
<md-badge color="lime" circle>
|
|
15
19
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
@@ -56,10 +60,10 @@
|
|
|
56
60
|
<span class="new-chat-quantity">99+</span>
|
|
57
61
|
`:n.html`
|
|
58
62
|
<span class="new-chat-quantity">${this.quantity}</span>
|
|
59
|
-
`:
|
|
63
|
+
`:r.nothing}getAriaLabel(){return this.customAriaLabel?this.customAriaLabel:`${this.mediaType} ${this.status} ${this.title} ${this.queue} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[s.a,c]}render(){return n.html`
|
|
60
64
|
<div
|
|
61
65
|
part="task-item-container"
|
|
62
|
-
class="md-taskitem ${Object(
|
|
66
|
+
class="md-taskitem ${Object(m.classMap)({selected:this.selected})}"
|
|
63
67
|
tabindex="0"
|
|
64
68
|
aria-selected="${this.selected}"
|
|
65
69
|
@click=${t=>this.handleClick(t)}
|
|
@@ -72,17 +76,17 @@
|
|
|
72
76
|
<span class=${"md-taskitem__status "+this.status}>
|
|
73
77
|
${this.renderStatus()}
|
|
74
78
|
</span>
|
|
75
|
-
`:
|
|
79
|
+
`:r.nothing}
|
|
76
80
|
</div>
|
|
77
81
|
<div class="md-taskitem__content" part="task-item-content">
|
|
78
82
|
${this.popovertitle?n.html`
|
|
79
83
|
<span class="md-taskitem__content_popover_title">${this.popovertitle}</span>
|
|
80
|
-
`:
|
|
84
|
+
`:r.nothing}
|
|
81
85
|
${this.title?n.html`
|
|
82
|
-
<span class="md-taskitem__content_title ${Object(
|
|
86
|
+
<span class="md-taskitem__content_title ${Object(m.classMap)({mainTitle:!this.popovertitle})}"
|
|
83
87
|
>${this.title}</span
|
|
84
88
|
>
|
|
85
|
-
`:
|
|
89
|
+
`:r.nothing}
|
|
86
90
|
<div class="md-taskitem__content_inner">
|
|
87
91
|
<span class="md-taskitem__content_queue">
|
|
88
92
|
${this.queue.length>0?this.queue:n.html`
|
|
@@ -94,11 +98,11 @@
|
|
|
94
98
|
<span class="md-taskitem__content_chat">
|
|
95
99
|
<span class="new-chat_massages">${this.lastmessage}</span>
|
|
96
100
|
</span>
|
|
97
|
-
`:
|
|
101
|
+
`:r.nothing}
|
|
98
102
|
</div>
|
|
99
103
|
<div class="md-taskitem__addition">
|
|
100
104
|
<slot></slot>
|
|
101
105
|
${this.renderChatCount()}
|
|
102
106
|
</div>
|
|
103
107
|
</div>
|
|
104
|
-
`}};l([Object(n.property)({type:String})],e.prototype,"mediaType",void 0),l([Object(n.property)({type:String})],e.prototype,"status",void 0),l([Object(n.property)({type:String})],e.prototype,"popovertitle",void 0),l([Object(n.property)({type:String})],e.prototype,"title",void 0),l([Object(n.property)({type:String})],e.prototype,"queue",void 0),l([Object(n.property)({type:Boolean})],e.prototype,"accepted",void 0),l([Object(n.property)({type:Number})],e.prototype,"quantity",void 0),l([Object(n.property)({type:String})],e.prototype,"lastmessage",void 0),l([Object(n.property)({type:Boolean})],e.prototype,"selected",void 0),l([Object(n.property)({type:String})],e.prototype,"customAriaLabel",void 0),e=l([Object(o.a)("md-task-item")],e),t.ELEMENT=e}(a||(a={}))}}]);
|
|
108
|
+
`}};l([Object(n.property)({type:String})],e.prototype,"mediaType",void 0),l([Object(n.property)({type:String})],e.prototype,"status",void 0),l([Object(n.property)({type:String})],e.prototype,"popovertitle",void 0),l([Object(n.property)({type:String})],e.prototype,"title",void 0),l([Object(n.property)({type:String})],e.prototype,"queue",void 0),l([Object(n.property)({type:Boolean})],e.prototype,"accepted",void 0),l([Object(n.property)({type:Number})],e.prototype,"quantity",void 0),l([Object(n.property)({type:String})],e.prototype,"lastmessage",void 0),l([Object(n.property)({type:Boolean})],e.prototype,"selected",void 0),l([Object(n.property)({type:String})],e.prototype,"customAriaLabel",void 0),l([Object(n.property)({type:String})],e.prototype,"iconSrc",void 0),e=l([Object(o.a)("md-task-item")],e),t.ELEMENT=e}(a||(a={}))}}]);
|
|
@@ -159,7 +159,7 @@ export declare namespace ComboBox {
|
|
|
159
159
|
checkForVirtualScroll(): boolean;
|
|
160
160
|
rangeChanged(): void;
|
|
161
161
|
getCustomErrorContent(): DocumentFragment;
|
|
162
|
-
getCustomContent(option: string | OptionMember): import("lit-element").TemplateResult
|
|
162
|
+
getCustomContent(option: string | OptionMember): DocumentFragment | import("lit-element").TemplateResult;
|
|
163
163
|
renderGroupLabelHeader(option: OptionMember, optionIndex: number): import("lit-element").TemplateResult;
|
|
164
164
|
renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
|
|
165
165
|
highlightingSearchedText(option: OptionMember | string): import("lit-element").TemplateResult[];
|
|
@@ -20,6 +20,7 @@ export declare namespace TaskItem {
|
|
|
20
20
|
lastmessage: string;
|
|
21
21
|
selected: boolean;
|
|
22
22
|
customAriaLabel: string;
|
|
23
|
+
iconSrc: string;
|
|
23
24
|
renderTaskType: () => import("lit-element").TemplateResult;
|
|
24
25
|
renderStatus: () => import("lit-element").TemplateResult;
|
|
25
26
|
handleClick(event: MouseEvent): void;
|
|
@@ -36,7 +36,7 @@ export declare namespace TimePicker {
|
|
|
36
36
|
handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
|
|
37
37
|
static get styles(): import("lit-element").CSSResult[];
|
|
38
38
|
formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
|
|
39
|
-
messageType: (isValid: boolean) => "" | "
|
|
39
|
+
messageType: (isValid: boolean) => "error" | "";
|
|
40
40
|
generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
|
|
41
41
|
generateAmPmComboBox: () => import("lit-element").TemplateResult;
|
|
42
42
|
render(): import("lit-element").TemplateResult;
|