@momentum-ui/web-components 2.7.52 → 2.7.54
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-73.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{119:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(78),o(24);var i,n=o(5),r=o(4),a=o(79),l=o(80),d=o(63),p=o(0),s=o(2),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{119:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(78),o(24);var i,n=o(5),r=o(4),a=o(79),l=o(80),d=o(63),p=o(0),s=o(2),h=o(36),c=p.css`.md-phone-input__container{--combo-box-contaier-width:100px;display:flex;position:relative}.md-phone-input__container span.flag-box{align-items:center;border:1px solid var(--input-default-border-color,#ccc);border-bottom-left-radius:.25rem;border-right:none;border-top-left-radius:.25rem;display:flex;height:2.125rem;justify-content:center;position:relative;width:2.25rem}.md-phone-input__container span.flag-box .flag-svg-wrapper{justify-content:center}.md-phone-input__container .flag-svg-wrapper{align-items:center;display:flex;width:2rem}.md-phone-input__container .flag-svg-wrapper img{max-height:.7rem}.md-phone-input__container md-combobox{width:var(--combo-box-contaier-width)}.md-phone-input__container md-combobox::part(combobox){position:initial}.md-phone-input__container md-combobox::part(group){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.md-phone-input__container md-combobox::part(multiwrap){overflow-x:hidden}.md-phone-input__container md-combobox::part(multiwrap-input){padding-left:0;padding-right:0;width:100%}.md-phone-input__container md-combobox::part(combobox-options){top:2.5rem}.md-phone-input__container md-combobox::part(label){width:100%}.md-phone-input__container md-input::part(input){border-bottom-left-radius:0;border-top-left-radius:0;padding-right:2.75rem}.md-phone-input__container md-input::part(message){margin-left:calc(var(--combo-box-contaier-width) * -1);width:calc(100% + var(--combo-box-contaier-width))}.md-phone-input__container .md-phone-input__option{align-items:center;display:flex;justify-content:start}.md-phone-input__container .md-phone-input__option :nth-child(3){margin-left:1rem}.md-phone-input__container md-input[disabled]::part(input){background:var(--phone-input-disabled-bg-color);border:1px solid var(--phone-input-default-border-color);color:var(--md-disabled-text-color)}.md-phone-input__container md-input[disabled]::part(input)::placeholder{border:none}`,u=function(t,e,o,i){var n,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};!function(t){let e=class extends p.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.clearIconHeight="auto",this.countryCodeAriaLabel="",this.dialNumberAriaLabel="",this.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=Object(a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),this.validateInput(this.value)}getCountryFlag(t){return p.html`
|
|
2
2
|
<span class="flag-svg-wrapper">
|
|
3
3
|
<img src="${Object(l.findFlagUrlByIso2Code)(t)}" />
|
|
4
4
|
</span>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
<span>${t.name}</span>
|
|
15
15
|
<span>+${t.value}</span>
|
|
16
16
|
</div>
|
|
17
|
-
`}validateNumber(){this.isValid=!this.value||Object(d.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(t){var e,o;t.detail.value&&(null===(e=t.detail.value)||void 0===e?void 0:e.id)?(this.countryCallingCode=t.detail.value.id,this.countryCode=null===(o=t.detail.value.id.split(",")[2])||void 0===o?void 0:o.trim()):(this.countryCode="US",this.countryCallingCode=""),this.validateNumber(),this.dispatchEvent(new CustomEvent("countrycode-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,isValid:this.isValid}}))}handlePhoneChange(t){this.value=t.detail.value,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleKeydown(t){this.isValid=!0,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleBlur(t){this.validateInput(this.value),this.validateNumber(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}validateInput(t){this.formattedValue=new d.AsYouType(this.countryCode).input(t)}getFormatedCountryCallingCode(){var t;return{id:this.countryCallingCode,value:null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim()}}getModStyle(){return p.html`
|
|
17
|
+
`}validateNumber(){this.isValid=!this.value||Object(d.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(t){var e,o;t.detail.value&&(null===(e=t.detail.value)||void 0===e?void 0:e.id)?(this.countryCallingCode=t.detail.value.id,this.countryCode=null===(o=t.detail.value.id.split(",")[2])||void 0===o?void 0:o.trim()):(this.countryCode="US",this.countryCallingCode=""),this.validateNumber(),this.dispatchEvent(new CustomEvent("countrycode-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,isValid:this.isValid}}))}handlePhoneChange(t){this.value=t.detail.value,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleKeydown(t){this.isValid=!0,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleBlur(t){this.validateInput(this.value),this.validateNumber(),t.stopPropagation(),this.removeCountryCode(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}removeCountryCode(){var t;const e=null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim();if(this.value.startsWith(e)){const t=this.value.slice(e.length).replace(/^-/,"");this.value=t.trim()}}validateInput(t){this.formattedValue=new d.AsYouType(this.countryCode).input(t)}getFormatedCountryCallingCode(){var t;return{id:this.countryCallingCode,value:null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim()}}getModStyle(){return p.html`
|
|
18
18
|
<style>
|
|
19
19
|
.md-phone-input__container md-combobox {
|
|
20
20
|
width: 5.625rem;
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
padding-left: 0;
|
|
28
28
|
}
|
|
29
29
|
</style>
|
|
30
|
-
`}static get styles(){return[r.a,
|
|
30
|
+
`}static get styles(){return[r.a,c]}render(){return p.html`
|
|
31
31
|
${this.showFlags?this.getModStyle():s.nothing}
|
|
32
32
|
<div class="md-phone-input__container">
|
|
33
33
|
${this.showFlags?p.html`
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
clear-icon-height="${this.clearIconHeight}"
|
|
45
45
|
with-custom-content
|
|
46
46
|
>
|
|
47
|
-
${Object(
|
|
47
|
+
${Object(h.repeat)(this.codeList,t=>t.name,(t,e)=>this.countryCodeOptionTemplate(t,e))}
|
|
48
48
|
</md-combobox>
|
|
49
49
|
<md-input
|
|
50
50
|
part="md-input"
|
package/dist/chunks/md-81.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[81],{122: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),m=i(2),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[81],{122: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),m=i(2),r=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 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){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 m=t.length-1;m>=0;m--)(o=t[m])&&(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>
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
<span class="new-chat-quantity">99+</span>
|
|
65
65
|
`:n.html`
|
|
66
66
|
<span class="new-chat-quantity">${this.quantity}</span>
|
|
67
|
-
`:m.nothing}getAriaLabel(){return this.customAriaLabel
|
|
67
|
+
`:m.nothing}getAriaLabel(){var t;if(this.customAriaLabel)return this.customAriaLabel;let e=this.queue;if(!e){const i=this.querySelector('[slot="queue"]');i&&(e=(null===(t=i.textContent)||void 0===t?void 0:t.trim())||i.innerText.trim())}return`${this.mediaType} ${this.status} ${this.title} ${e} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[s.a,c]}render(){return n.html`
|
|
68
68
|
<div
|
|
69
69
|
part="task-item-container"
|
|
70
|
-
class="md-taskitem ${Object(
|
|
70
|
+
class="md-taskitem ${Object(r.classMap)({selected:this.selected})}"
|
|
71
71
|
tabindex="0"
|
|
72
72
|
aria-selected="${this.selected}"
|
|
73
73
|
@click=${t=>this.handleClick(t)}
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
<span class="md-taskitem__content_popover_title">${this.popovertitle}</span>
|
|
88
88
|
`:m.nothing}
|
|
89
89
|
${this.title?n.html`
|
|
90
|
-
<span class="md-taskitem__content_title ${Object(
|
|
90
|
+
<span class="md-taskitem__content_title ${Object(r.classMap)({mainTitle:!this.popovertitle})}"
|
|
91
91
|
>${this.title}</span
|
|
92
92
|
>
|
|
93
93
|
`:m.nothing}
|
|
@@ -47,6 +47,7 @@ export declare namespace PhoneInput {
|
|
|
47
47
|
handlePhoneChange(event: CustomEvent): void;
|
|
48
48
|
handleKeydown(event: Event): void;
|
|
49
49
|
handleBlur(event: Event): void;
|
|
50
|
+
removeCountryCode(): void;
|
|
50
51
|
validateInput(input: string): void;
|
|
51
52
|
getFormatedCountryCallingCode(): {
|
|
52
53
|
id: string;
|
|
@@ -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;
|