@momentum-ui/web-components 2.10.8-dev3 → 2.10.9
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-13.js +4 -4
- package/dist/chunks/md-15.js +1 -1
- package/dist/chunks/md-19.js +1 -1
- package/dist/chunks/md-20.js +2 -2
- package/dist/chunks/md-24.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-28.js +1 -1
- package/dist/chunks/md-29.js +5 -5
- package/dist/chunks/md-30.js +4 -4
- package/dist/chunks/md-33.js +1 -1
- package/dist/chunks/md-34.js +2 -2
- package/dist/chunks/md-36.js +9 -9
- package/dist/chunks/md-38.js +1 -1
- package/dist/chunks/md-40.js +2 -2
- package/dist/chunks/md-41.js +1 -1
- package/dist/chunks/md-47.js +1 -1
- package/dist/chunks/md-48.js +4 -4
- package/dist/chunks/md-49.js +2 -2
- package/dist/chunks/md-51.js +1 -1
- package/dist/chunks/md-52.js +2 -2
- package/dist/chunks/md-53.js +3 -3
- package/dist/chunks/md-56.js +2 -2
- package/dist/chunks/md-57.js +1 -1
- package/dist/chunks/md-6.js +2 -2
- package/dist/chunks/md-63.js +2 -2
- package/dist/chunks/md-64.js +2 -2
- package/dist/chunks/md-68.js +2 -2
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-72.js +2 -2
- package/dist/chunks/md-76.js +5 -5
- package/dist/chunks/md-81.js +4 -4
- package/dist/chunks/md-82.js +1 -1
- package/dist/chunks/md-84.js +3 -3
- package/dist/index-entry.js +1 -1
- package/dist/index.js +6 -6
- package/dist/types/components/combobox/ComboBox.d.ts +1 -0
- package/package.json +1 -1
package/dist/chunks/md-72.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{118:function(t,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{118:function(t,a,i){"use strict";i.r(a),i.d(a,"Pagination",(function(){return e}));var e,n=i(5),o=i(6),r=i(0),s=i(3),l=r.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-pagination) .md-pagination{color:var(--pagination-nav-color,#545454);display:flex;padding:0;position:relative}:host(md-pagination) .md-pagination-container{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;flex:0 1 100%}:host(md-pagination) .md-pagination-list{margin:0;padding:0;list-style:none;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;font-size:.875rem;line-height:1;color:var(--pagination-color,#949494)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-radius:.875rem;cursor:pointer;height:1.25rem;margin:0 .125rem;min-width:1.25rem;padding:.25rem}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):hover{background:var(--pagination-bg-hover,#007aa3);color:var(--pagination-color-current,#fff)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):focus{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis)[aria-current=true]{background:var(--pagination-bg-current,#00a0d1);color:var(--pagination-color-current,#fff);cursor:default;pointer-events:none}:host(md-pagination) .md-pagination-nav{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background:0 0;border:0;border-radius:.25rem;color:var(--pagination-nav-color,#545454);cursor:pointer;flex:0 0 1.25rem;outline:0;padding:0}:host(md-pagination) .md-pagination-nav:hover{color:var(--pagination-nav-hover,#007aa3)}:host(md-pagination) .md-pagination-nav:disabled{color:var(--pagination-nav-disabled,#ccc);cursor:default}:host(md-pagination) .md-pagination-nav:focus{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(md-pagination) .md-pagination-dots{margin:0;padding:0;list-style:none;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host(md-pagination) .md-pagination-dots li{display:block;overflow:hidden;text-indent:-9999px;background:var(--pagination-dots-color,#ccc);border-radius:50%;cursor:pointer;height:.5rem;margin:.25rem;width:.5rem}:host(md-pagination) .md-pagination-dots li:hover,:host(md-pagination) .md-pagination-dots li[aria-current=true]{background:var(--pagination-dots-color-current,#00a0d1)}:host([focus-visible]){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}@media (forced-colors:active){:host(md-pagination) .md-pagination-nav:focus,:host(md-pagination) .md-pagination-nav:hover{outline:1px solid Highlight}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):hover,:host(md-pagination) .md-pagination-list li:not(.page-ellipsis)[aria-current=true]{forced-color-adjust:none;background-color:Highlight;color:Canvas}:host(md-pagination) .md-pagination-dots li{background-color:GrayText}:host(md-pagination) .md-pagination-dots li:hover,:host(md-pagination) .md-pagination-dots li[aria-current=true]{forced-color-adjust:none;background-color:Highlight;color:Canvas}}`,g=function(t,a,i,e){var n,o=arguments.length,r=o<3?a:null===e?e=Object.getOwnPropertyDescriptor(a,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,a,i,e);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(r=(o<3?n(r):o>3?n(a,i,r):n(a,i))||r);return o>3&&r&&Object.defineProperty(a,i,r),r};!function(t){let a=class extends r.LitElement{constructor(){super(...arguments),this._currentPage=1,this.hasDots=!1,this.onlyDots=!1,this.noNavigation=!1,this.totalPage=0,this.visiblePage=3}get currentPage(){return this._currentPage}set currentPage(t){const a=this._currentPage;this._currentPage=t,this.notifyPageChange(a,t),this.requestUpdate("currentPage",a)}static get styles(){return[n.a,l]}computePrevious(t){1!==t&&t!==this.currentPage&&(this.currentPage-=1)}computeNext(t){t<=this.totalPage&&t!==this.currentPage&&(this.currentPage+=1)}computeFirst(){this.currentPage>=1&&(this.currentPage=1)}computeLast(){this.currentPage>=1&&(this.currentPage=this.totalPage)}computeCurrent(t){this.currentPage=t}notifyPageChange(t,a){this.dispatchEvent(new CustomEvent("page-change",{composed:!0,bubbles:!0,detail:{oldPage:t,newPage:a}}))}get hasPreviousPage(){return this.currentPage<=1}get hasNextPage(){return this.currentPage>=this.totalPage}computePageList(t){if(this.totalPage>this.visiblePage&&t){const[t,a,i]=[this.currentPage-1,this.currentPage,this.currentPage+1];let e=[];if(a<=this.visiblePage-1)return e=[...Array(this.visiblePage)].map((t,a)=>1+a),e.push("..."),e.push(this.totalPage),e;if(this.totalPage-a<=this.visiblePage-2){e=[],e.push(1),e.push("...");const t=[...Array(this.visiblePage)].map((t,a)=>this.totalPage-this.visiblePage+1+a);return e.concat(t)}return[1,"...",t,a,i,"...",this.totalPage]}return[...Array(this.totalPage)].map((t,a)=>1+a)}pagesTemplate(t){return this.computePageList(t).map(t=>"..."===t?r.html`
|
|
2
2
|
<li class="page-ellipsis">${t}</li>
|
|
3
3
|
`:r.html`
|
|
4
4
|
<li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}>
|
|
@@ -69,4 +69,4 @@
|
|
|
69
69
|
</button>
|
|
70
70
|
`}
|
|
71
71
|
</nav>
|
|
72
|
-
`}};
|
|
72
|
+
`}};g([Object(r.property)({type:Boolean,attribute:"dots"})],a.prototype,"hasDots",void 0),g([Object(r.property)({type:Boolean,reflect:!0,attribute:"only-dots"})],a.prototype,"onlyDots",void 0),g([Object(r.property)({type:Boolean,reflect:!0,attribute:"no-navigation"})],a.prototype,"noNavigation",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"total-page"})],a.prototype,"totalPage",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"visible-page"})],a.prototype,"visiblePage",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"current-page"})],a.prototype,"currentPage",null),a=g([Object(o.a)("md-pagination")],a),t.ELEMENT=a}(e||(e={}))}}]);
|
package/dist/chunks/md-76.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[76],{120:function(e,t,i){"use strict";i.r(t),i.d(t,"Slider",(function(){return s}));var s,r=i(1),o=i(7),n=i(5),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[76],{120:function(e,t,i){"use strict";i.r(t),i.d(t,"Slider",(function(){return s}));var s,r=i(1),o=i(7),n=i(5),d=i(6),a=i(0),l=i(3),h=i(2),c=i(14),m=i(9),p=a.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-slider){display:flex;flex:1 1 auto;padding:1.25rem 0}:host(md-slider) .md-slider{border-radius:.25rem;display:flex;flex:1 1 auto;height:1.25rem;margin-right:1.25rem;position:relative;width:calc(100% - 1.25rem)}:host(md-slider) .md-slider__bar{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-bar,#ccc);border-radius:.125rem;cursor:pointer;height:.125rem;left:0;right:-1.25rem;z-index:0}:host(md-slider) .md-slider__selection{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-selection,#00a0d1);border-radius:.125rem;height:.125rem;left:0;transition:left 50ms,right 50ms;z-index:1}:host(md-slider) .md-slider__pointer{position:absolute;top:50%;transform:translateY(-50%);border-radius:.25rem;cursor:grabbing;height:1.25rem;transition:left 50ms,right 50ms;width:1.25rem;z-index:2}:host(md-slider) .md-slider__pointer::after{background-color:var(--slider-background-pointer,#fff);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);content:"";height:100%;position:absolute;width:100%}@media screen and (-ms-high-contrast:active){:host(md-slider) .md-slider__pointer::after{filter:brightness(1) contrast(1) saturate(1.5)}}:host(md-slider) .md-slider__hashlabel{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;bottom:-1.25rem;color:var(--slider-label,#545454);font-size:14px;left:0;line-height:14px;position:absolute;right:-1.25rem;white-space:nowrap}:host(md-slider) .md-slider__value{color:var(--slider-label,#545454);font-size:14px;line-height:14px;position:absolute;right:-1.25rem;top:-1.25rem}:host([disabled]) .md-slider__bar{cursor:not-allowed}:host([disabled]) .md-slider__pointer{cursor:not-allowed}:host([disabled]) .md-slider__pointer::after{background-color:var(--slider-background-disabled-pointer,#ccc)}:host([disabled]) .md-slider__selection{background-color:var(--slider-background-disabled-selection,#949494)}:host([focus-visible]:not([disabled])) .md-slider__pointer::after{box-shadow:0 0 0 8px rgba(0,160,209,.4)}:host([no-pointer][focus-visible]:not([disabled])) .md-slider{box-shadow:0 0 0 2px var(--slider-background-focus-selection,#007aa3),0 2px 6px rgba(0,0,0,.16)}:host(:hover:not([disabled])) .md-slider__pointer::after{background-color:var(--slider-background-hover-pointer,#c9f4ff)}:host([no-pointer]) .md-slider{margin-right:0!important}:host([no-pointer]) .md-slider__bar,:host([no-pointer]) .md-slider__value{right:0}:host([no-pointer]) .md-slider__pointer{display:none}@media (forced-colors:active){:host(md-slider) .md-slider__bar{background-color:CanvasText}:host(md-slider) .md-slider__selection{background-color:Highlight}:host(md-slider) .md-slider__pointer::after{background-color:Highlight}:host(:hover:not([disabled])) .md-slider__pointer::after{background-color:Highlight}:host([no-pointer][focus-visible]:not([disabled])) .md-slider{outline:1px solid Highlight}:host([focus-visible]:not([disabled])) .md-slider__pointer{outline:2px solid Highlight}:host([disabled]) .md-slider__pointer::after{background-color:GrayText}}`,u=function(e,t,i,s){var r,o=arguments.length,n=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends(Object(o.a)(a.LitElement)){constructor(){super(...arguments),this._disabled=!1,this._now=0,this.min=0,this.max=100,this.hideValue=!1,this.text=0,this.label="slider",this.step=0,this.dragging=!1}get now(){return this._now}set now(e){const t=this._now;e<this.min||e>this.max?console.warn("Please select correct value"):(this._now=Math.round(e),this.requestUpdate("now",t))}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get pointerPosition(){const e=this.max-this.min;return(this.now-this.min)/e*100}calculateHandlePosition(e){const{width:t,left:i}=this.getBoundingClientRect(),{clientX:s}=e,r=(s-i)/t;return this.min+(this.max-this.min)*r}moveSliderTo(e){this.disabled||(e>this.max?this.now=this.max:e<this.min?this.now=this.min:this.now=e)}trackMouseEvent(){if(!this.currentMouseEvent||!this.dragging)return;const e=this.calculateHandlePosition(this.currentMouseEvent);this.moveSliderTo(e),requestAnimationFrame(()=>{this.trackMouseEvent()})}ticksTemplate(){const{min:e,max:t,step:i}=this,s=Math.round((t-e)/i),r=new Array(s+1).fill(0,0,s+1).map((t,s)=>e+s*i).filter(i=>i>=e&&i<=t);return a.html`
|
|
2
2
|
<div class="md-slider__hashlabel">
|
|
3
|
-
${Object(c.repeat)(r,e=>
|
|
3
|
+
${Object(c.repeat)(r,e=>a.html`
|
|
4
4
|
<div class="tick">
|
|
5
5
|
${e}
|
|
6
6
|
</div>
|
|
7
7
|
`)}
|
|
8
8
|
</div>
|
|
9
|
-
`}displayValueTemplate(){return
|
|
9
|
+
`}displayValueTemplate(){return a.html`
|
|
10
10
|
<span class="md-slider__value">
|
|
11
11
|
${this.now}
|
|
12
12
|
</span>
|
|
13
|
-
`}notifyChanges(){this.dispatchEvent(new CustomEvent("slider-change",{bubbles:!0,composed:!0,detail:{value:this.now}}))}handleMouseDown(e){if(e.preventDefault(),this.disabled)return;const t=e=>{this.currentMouseEvent=e},i=e=>{this.focus(),this.currentMouseEvent=e,document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",i),requestAnimationFrame(()=>{this.dragging=!1,this.notifyChanges()})};document.addEventListener("mousemove",t),document.addEventListener("mouseup",i),this.focus(),this.dragging=!0,this.currentMouseEvent=e,requestAnimationFrame(()=>{this.trackMouseEvent()})}handleKeyDown(e){const{code:t}=e;switch(t){case r.b.ArrowLeft:case r.b.ArrowDown:this.moveSliderTo(this.now-1);break;case r.b.ArrowRight:case r.b.ArrowUp:this.moveSliderTo(this.now+1);break;case r.b.Home:this.moveSliderTo(this.min);break;case r.b.End:this.moveSliderTo(this.max)}const i=()=>{document.removeEventListener("keyup",i),this.notifyChanges()};document.addEventListener("keyup",i)}get sliderPointerStyleMap(){return{left:this.pointerPosition+"%"}}get sliderSelectionStyleMap(){return{right:`calc(100% - ${this.pointerPosition}%)`}}static get styles(){return[n.a,p]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("tabindex",this.disabled?"-1":"0")}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mousedown",this.handleMouseDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mousedown",this.handleMouseDown)}render(){return
|
|
13
|
+
`}notifyChanges(){this.dispatchEvent(new CustomEvent("slider-change",{bubbles:!0,composed:!0,detail:{value:this.now}}))}handleMouseDown(e){if(e.preventDefault(),this.disabled)return;const t=e=>{this.currentMouseEvent=e},i=e=>{this.focus(),this.currentMouseEvent=e,document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",i),requestAnimationFrame(()=>{this.dragging=!1,this.notifyChanges()})};document.addEventListener("mousemove",t),document.addEventListener("mouseup",i),this.focus(),this.dragging=!0,this.currentMouseEvent=e,requestAnimationFrame(()=>{this.trackMouseEvent()})}handleKeyDown(e){const{code:t}=e;switch(t){case r.b.ArrowLeft:case r.b.ArrowDown:this.moveSliderTo(this.now-1);break;case r.b.ArrowRight:case r.b.ArrowUp:this.moveSliderTo(this.now+1);break;case r.b.Home:this.moveSliderTo(this.min);break;case r.b.End:this.moveSliderTo(this.max)}const i=()=>{document.removeEventListener("keyup",i),this.notifyChanges()};document.addEventListener("keyup",i)}get sliderPointerStyleMap(){return{left:this.pointerPosition+"%"}}get sliderSelectionStyleMap(){return{right:`calc(100% - ${this.pointerPosition}%)`}}static get styles(){return[n.a,p]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("tabindex",this.disabled?"-1":"0")}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mousedown",this.handleMouseDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mousedown",this.handleMouseDown)}render(){return a.html`
|
|
14
14
|
<div class="md-slider">
|
|
15
15
|
<span class="md-slider__bar"></span>
|
|
16
16
|
<span class="md-slider__selection" style=${Object(m.styleMap)(this.sliderSelectionStyleMap)}></span>
|
|
@@ -27,4 +27,4 @@
|
|
|
27
27
|
${this.step?this.ticksTemplate():l.nothing}
|
|
28
28
|
${this.hideValue?l.nothing:this.displayValueTemplate()}
|
|
29
29
|
</div>
|
|
30
|
-
`}};u([Object(
|
|
30
|
+
`}};u([Object(a.property)({type:Number,reflect:!0})],t.prototype,"min",void 0),u([Object(a.property)({type:Number,reflect:!0})],t.prototype,"max",void 0),u([Object(a.property)({type:Boolean,attribute:"hide-value"})],t.prototype,"hideValue",void 0),u([Object(a.property)({type:Number,reflect:!0})],t.prototype,"now",null),u([Object(a.property)({type:Number})],t.prototype,"text",void 0),u([Object(a.property)({type:String})],t.prototype,"label",void 0),u([Object(a.property)({type:Number,reflect:!0})],t.prototype,"step",void 0),u([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),u([Object(a.internalProperty)()],t.prototype,"dragging",void 0),t=u([Object(d.a)("md-slider")],t),e.ELEMENT=t}(s||(s={}))}}]);
|
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(6),s=i(5),n=i(0),r=i(3),
|
|
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(6),s=i(5),n=i(0),r=i(3),c=i(4),m=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}@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}}`,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.tabIndexForContainer="0",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
|
-
`:r.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,
|
|
67
|
+
`:r.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,m]}render(){return n.html`
|
|
68
68
|
<div
|
|
69
69
|
part="task-item-container"
|
|
70
|
-
class="md-taskitem ${Object(
|
|
70
|
+
class="md-taskitem ${Object(c.classMap)({selected:this.selected})}"
|
|
71
71
|
tabindex=${this.tabIndexForContainer}
|
|
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
|
`:r.nothing}
|
|
89
89
|
${this.title?n.html`
|
|
90
|
-
<span class="md-taskitem__content_title ${Object(
|
|
90
|
+
<span class="md-taskitem__content_title ${Object(c.classMap)({mainTitle:!this.popovertitle})}"
|
|
91
91
|
>${this.title}</span
|
|
92
92
|
>
|
|
93
93
|
`:r.nothing}
|