@momentum-ui/web-components 2.22.6 → 2.22.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/8868.js +1 -0
- package/dist/9130.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +12 -2
- package/dist/comp/md-floating-modal-entry.js +17 -5
- package/dist/comp/md-inpu.js +1 -1
- package/dist/comp/md-input-file.js +2 -2
- package/dist/comp/md-tabs-entry.js +4 -3
- package/dist/comp/md-task-item-entry.js +11 -10
- package/dist/index-entry.js +32 -18
- package/dist/index.js +1 -1
- package/dist/types/components/floating-modal/FloatingMinimizedModal.d.ts +1 -0
- package/dist/types/components/floating-modal/FloatingModal.d.ts +2 -0
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/tabs/Tabs.d.ts +3 -1
- package/package.json +1 -1
- package/dist/6015.js +0 -1
- package/dist/chunks/md-1352.js +0 -1
- package/dist/chunks/md-4321.js +0 -1
- package/dist/chunks/md-8891.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/until.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/until.js"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,a,n,r,o,l,d)=>(()=>{"use strict";var c
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/until.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/until.js"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,a,n,r,o,l,d)=>(()=>{"use strict";var m,c={8229:e=>{e.exports=t},17518:e=>{e.exports=l},23968:e=>{e.exports=s},32022:e=>{e.exports=n},37782:e=>{e.exports=d},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=r},63704:(e,t,i)=>{var s,a=i(31890),n=i(26272),r=i(41488),o=i(40333),l=i(23968),d=i(97822),m=i(92019),c=function(e,t,i,s){var a,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(r=(n<3?a(r):n>3?a(t,i,r):a(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};!function(e){let t=class extends r.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:o.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:o.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:o.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:o.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?r.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-badge {
|
|
4
4
|
${this.renderBgColor()};
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
${this.renderWidth()};
|
|
8
8
|
}
|
|
9
9
|
</style>
|
|
10
|
-
`:o.nothing}static get styles(){return[n.A,
|
|
10
|
+
`:o.nothing}static get styles(){return[n.A,m.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const e=parseInt(this.tabIndexing);return isNaN(e)?void 0:e}render(){const e={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return r.html`
|
|
11
11
|
${this.getStyles()}
|
|
12
12
|
<span
|
|
13
13
|
tabindex=${(0,d.ifDefined)(this.computedTabIndex)}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
`)():o.nothing}
|
|
31
31
|
<slot></slot>
|
|
32
32
|
</span>
|
|
33
|
-
`}};
|
|
33
|
+
`}};c([(0,r.property)({type:String})],t.prototype,"ariaLabel",void 0),c([(0,r.property)({type:String})],t.prototype,"color",void 0),c([(0,r.property)({type:String})],t.prototype,"bgColor",void 0),c([(0,r.property)({type:String})],t.prototype,"textColor",void 0),c([(0,r.property)({type:String})],t.prototype,"height",void 0),c([(0,r.property)({type:String})],t.prototype,"width",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"outlined",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"compact",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"circle",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"small",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"split",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"disabled",void 0),c([(0,r.property)({type:String})],t.prototype,"tabIndexing",void 0),c([(0,r.property)({type:String})],t.prototype,"ariaHiddenSplits",void 0),t=c([(0,a.w)("md-badge")],t),e.ELEMENT=t}(s||(s={}))},85314:e=>{e.exports=o},86610:(e,t,i)=>{i.r(t),i.d(t,{TaskItem:()=>s}),i(38028),i(63704),i(61200);var s,a=i(31890),n=i(26272),r=i(41488),o=i(40333),l=i(23968),d=i(50182),m=function(e,t,i,s){var a,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(r=(n<3?a(r):n>3?a(t,i,r):a(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};!function(e){let t=class extends r.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.queue="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.isRestyle=!1,this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.renderLegacyTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return r.html`
|
|
34
34
|
<md-badge color="green" circle>
|
|
35
35
|
<md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
36
36
|
</md-badge>
|
|
@@ -43,15 +43,15 @@
|
|
|
43
43
|
<md-icon name="incoming-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
44
44
|
</md-badge>
|
|
45
45
|
`;case"applemessages":case"midcall telephony":case"icon src":return r.html`
|
|
46
|
-
<md-badge
|
|
46
|
+
<md-badge circle>
|
|
47
47
|
<img src="${this.iconSrc}" />
|
|
48
48
|
</md-badge>
|
|
49
49
|
`;case"callback":return r.html`
|
|
50
|
-
<md-badge
|
|
50
|
+
<md-badge color="lime" circle>
|
|
51
51
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
52
52
|
</md-badge>
|
|
53
53
|
`;case"progressive_campaign":return r.html`
|
|
54
|
-
<md-badge
|
|
54
|
+
<md-badge color="green" circle>
|
|
55
55
|
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
56
56
|
</md-badge>
|
|
57
57
|
`;case"outbound-campaign":return r.html`
|
|
@@ -82,15 +82,15 @@
|
|
|
82
82
|
<md-icon name="whatsApp_16" iconSet="momentumUI" color="white-100"></md-icon>
|
|
83
83
|
</md-badge>
|
|
84
84
|
`;default:return r.html` <slot name="task-type"></slot> `}},this.renderStatus=()=>{switch(this.status){case"consulting":return r.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"play":return r.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"hold":return r.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"conference":return r.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"transfered":return r.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"courtesy_callback":return r.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"campaign":return r.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return r.html` <slot name="task-status"></slot> `}}}get title(){return this.displayTitle}set title(e){this.titleValue=e,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(e){this.itemTitleValue=e,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}getChannelAvatar(e){return r.html`<md-avatar size="32" type=${e} state=${this.selected?"active":"rest"}></md-avatar>`}get taskTypeTemplate(){return r.html`${this.isRestyle?this.renderTaskType:this.renderLegacyTaskType()}`}get renderTaskType(){switch(this.mediaType.toLowerCase()){case"telephony":return this.getChannelAvatar("channel-call");case"outbound telephony":return this.getChannelAvatar("channel-callback");case"inbound telephony":return this.getChannelAvatar("channel-call-inbound");case"applemessages":return this.getChannelAvatar("channel-apple-chat");case"outbound-campaign":return this.getChannelAvatar("channel-campaign");case"chat":return this.getChannelAvatar("channel-chat");case"email":return this.getChannelAvatar("channel-email-inbound");case"sms":return this.getChannelAvatar("channel-sms-inbound");case"facebook":return this.getChannelAvatar("channel-fb-messenger");case"whatsapp":return this.getChannelAvatar("channel-whats-app");case"messenger":return this.getChannelAvatar("channel-facebook");case"midcall telephony":case"icon src":return r.html`
|
|
85
|
-
<md-badge circle>
|
|
85
|
+
<md-badge class="avatar-badge" circle>
|
|
86
86
|
<img src="${this.iconSrc}" />
|
|
87
87
|
</md-badge>
|
|
88
88
|
`;case"callback":return r.html`
|
|
89
|
-
<md-badge color="lime" circle>
|
|
89
|
+
<md-badge class="avatar-badge" color="lime" circle>
|
|
90
90
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
91
91
|
</md-badge>
|
|
92
92
|
`;case"progressive_campaign":return r.html`
|
|
93
|
-
<md-badge color="green" circle>
|
|
93
|
+
<md-badge class="avatar-badge" color="green" circle>
|
|
94
94
|
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
95
95
|
</md-badge>
|
|
96
96
|
`;default:return r.html` <slot name="task-type"></slot> `}}handleClick(e){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})),this.blur()}handleKeyDown(e){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:e.code},bubbles:!0,composed:!0}))}renderChatCount(){if(this.quantity<=0)return o.nothing;const e=this.quantity>99?"99+":this.quantity.toString();return this.isRestyle?r.html` <md-badge color="unreadcount" outlined> ${e} </md-badge>`:r.html` <span class="new-chat-quantity">${e}</span> `}getAriaLabel(){var e,t;if(this.customAriaLabel)return this.customAriaLabel;let i=this.queue;if(!i){const s=this.querySelector('[slot="queue"]');if(s){i=null!==(t=null===(e=s.textContent)||void 0===e?void 0:e.trim())&&void 0!==t?t:s.innerText.trim();const a=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(i);if(a){const[,e=0,t,s]=a.map(Number);(new Date).setHours(e,t,s),i=i.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${e?e+" hours ":""}${t} minutes ${s} seconds`)}}}return`${this.mediaType} ${this.status} ${this.title} ${i} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[n.A,d.A]}get sanitizedTabIndexForContainer(){var e;return null!==(e=parseInt(this.tabIndexForContainer))&&void 0!==e?e:0}render(){return r.html`
|
|
@@ -125,10 +125,11 @@
|
|
|
125
125
|
<span class="new-chat_massages">${this.lastmessage}</span>
|
|
126
126
|
</span>
|
|
127
127
|
`:o.nothing}
|
|
128
|
+
${this.lastmessage?o.nothing:r.html` <slot name="lastmessage"></slot> `}
|
|
128
129
|
</div>
|
|
129
130
|
<div class="md-taskitem__addition">
|
|
130
131
|
<slot></slot>
|
|
131
132
|
${this.renderChatCount()}
|
|
132
133
|
</div>
|
|
133
134
|
</div>
|
|
134
|
-
`}};
|
|
135
|
+
`}};m([(0,r.property)({type:String})],t.prototype,"mediaType",void 0),m([(0,r.property)({type:String})],t.prototype,"status",void 0),m([(0,r.property)({type:String})],t.prototype,"popovertitle",void 0),m([(0,r.property)({type:String})],t.prototype,"queue",void 0),m([(0,r.property)({type:Boolean})],t.prototype,"accepted",void 0),m([(0,r.property)({type:Boolean,attribute:"display-only-title"})],t.prototype,"displayOnlyTitle",void 0),m([(0,r.property)({type:Number})],t.prototype,"quantity",void 0),m([(0,r.property)({type:String})],t.prototype,"lastmessage",void 0),m([(0,r.property)({type:Boolean})],t.prototype,"selected",void 0),m([(0,r.property)({type:String})],t.prototype,"customAriaLabel",void 0),m([(0,r.property)({type:String})],t.prototype,"iconSrc",void 0),m([(0,r.property)({type:String})],t.prototype,"tabIndexForContainer",void 0),m([(0,r.property)({type:Boolean,attribute:"is-restyle"})],t.prototype,"isRestyle",void 0),m([(0,r.property)({type:String,reflect:!0})],t.prototype,"title",null),m([(0,r.property)({type:String,reflect:!0,attribute:"item-title"})],t.prototype,"itemTitle",null),t=m([(0,a.w)("md-task-item")],t),e.ELEMENT=t}(s||(s={}))},97822:e=>{e.exports=a}},p={};function h(e){var t=p[e];if(void 0!==t)return t.exports;var i=p[e]={exports:{}};return c[e](i,i.exports,h),i.exports}h.m=c,m=[],h.O=(e,t,i,s)=>{if(!t){var a=1/0;for(l=0;l<m.length;l++){for(var[t,i,s]=m[l],n=!0,r=0;r<t.length;r++)(!1&s||a>=s)&&Object.keys(h.O).every((e=>h.O[e](t[r])))?t.splice(r--,1):(n=!1,s<a&&(a=s));if(n){m.splice(l--,1);var o=i();void 0!==o&&(e=o)}}return e}s=s||0;for(var l=m.length;l>0&&m[l-1][2]>s;l--)m[l]=m[l-1];m[l]=[t,i,s]},h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var i in t)h.o(t,i)&&!h.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8111:0,8339:0};h.O.j=t=>0===e[t];var t=(t,i)=>{var s,a,[n,r,o]=i,l=0;if(n.some((t=>0!==e[t]))){for(s in r)h.o(r,s)&&(h.m[s]=r[s]);if(o)var d=o(h)}for(t&&t(i);l<n.length;l++)a=n[l],h.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return h.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var u=h.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,3553,6700,528,9788,8028,2019,182],(()=>h(86610)));return h.O(u)})()));
|