@momentum-ui/web-components 2.22.14 → 2.22.15

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.
Files changed (82) hide show
  1. package/dist/144.js +1 -1
  2. package/dist/3001.js +1 -1
  3. package/dist/3192.js +4 -4
  4. package/dist/3477.js +1 -0
  5. package/dist/5382.js +1 -1
  6. package/dist/7251.js +1 -1
  7. package/dist/7763.js +1 -1
  8. package/dist/8612.js +17 -17
  9. package/dist/9217.js +1 -1
  10. package/dist/comp/md-accordion-entry.js +1 -1
  11. package/dist/comp/md-accordion-item-entry.js +1 -1
  12. package/dist/comp/md-accordion-item.js +1 -1
  13. package/dist/comp/md-accordion.js +1 -1
  14. package/dist/comp/md-audio-player-entry.js +1 -1
  15. package/dist/comp/md-audio-player.js +1 -1
  16. package/dist/comp/md-button-group-entry.js +1 -1
  17. package/dist/comp/md-button-group.js +1 -1
  18. package/dist/comp/md-card-entry.js +2 -2
  19. package/dist/comp/md-card-v2-entry.js +1 -1
  20. package/dist/comp/md-card-v2.js +1 -1
  21. package/dist/comp/md-card.js +1 -1
  22. package/dist/comp/md-checkbox-entry.js +1 -1
  23. package/dist/comp/md-checkbox.js +1 -1
  24. package/dist/comp/md-checkboxgroup-entry.js +1 -1
  25. package/dist/comp/md-checkboxgroup.js +1 -1
  26. package/dist/comp/md-chip-entry.js +1 -1
  27. package/dist/comp/md-chip.js +1 -1
  28. package/dist/comp/md-coachmark-entry.js +1 -1
  29. package/dist/comp/md-coachmark.js +1 -1
  30. package/dist/comp/md-combobox-entry.js +1 -1
  31. package/dist/comp/md-combobox.js +1 -1
  32. package/dist/comp/md-draggable-entry.js +1 -1
  33. package/dist/comp/md-draggable-item-entry.js +1 -1
  34. package/dist/comp/md-draggable-item.js +1 -1
  35. package/dist/comp/md-draggable.js +1 -1
  36. package/dist/comp/md-dropdown-entry.js +1 -1
  37. package/dist/comp/md-dropdown.js +1 -1
  38. package/dist/comp/md-favorite-entry.js +1 -1
  39. package/dist/comp/md-favorite.js +1 -1
  40. package/dist/comp/md-floating-minimize-entry.js +1 -1
  41. package/dist/comp/md-floating-minimize.js +1 -1
  42. package/dist/comp/md-floating-modal-entry.js +1 -1
  43. package/dist/comp/md-floating-modal.js +1 -1
  44. package/dist/comp/md-form-entry.js +1 -1
  45. package/dist/comp/md-form.js +1 -1
  46. package/dist/comp/md-grabber-entry.js +1 -1
  47. package/dist/comp/md-grabber.js +1 -1
  48. package/dist/comp/md-inpu.js +1 -1
  49. package/dist/comp/md-input-file.js +1 -1
  50. package/dist/comp/md-list-entry.js +1 -1
  51. package/dist/comp/md-list-item-entry.js +1 -1
  52. package/dist/comp/md-list-item.js +1 -1
  53. package/dist/comp/md-list.js +1 -1
  54. package/dist/comp/md-modal-entry.js +1 -1
  55. package/dist/comp/md-modal.js +1 -1
  56. package/dist/comp/md-phone-input-entry.js +1 -1
  57. package/dist/comp/md-phone-input.js +1 -1
  58. package/dist/comp/md-radio-entry.js +1 -1
  59. package/dist/comp/md-radio.js +1 -1
  60. package/dist/comp/md-radiogroup-entry.js +1 -1
  61. package/dist/comp/md-radiogroup.js +1 -1
  62. package/dist/comp/md-slider-entry.js +1 -1
  63. package/dist/comp/md-slider.js +1 -1
  64. package/dist/comp/md-tab-entry.js +1 -1
  65. package/dist/comp/md-tab-panel-entry.js +1 -1
  66. package/dist/comp/md-tab-panel.js +1 -1
  67. package/dist/comp/md-tab.js +1 -1
  68. package/dist/comp/md-tabs-entry.js +1 -1
  69. package/dist/comp/md-tabs.js +1 -1
  70. package/dist/comp/md-task-item-entry.js +25 -12
  71. package/dist/comp/md-timepicker-entry.js +1 -1
  72. package/dist/comp/md-timepicker.js +1 -1
  73. package/dist/comp/md-toggle-switch-entry.js +1 -1
  74. package/dist/comp/md-toggle-switch.js +1 -1
  75. package/dist/comp/md-tooltip-entry.js +4 -4
  76. package/dist/comp/md-tooltip.js +1 -1
  77. package/dist/index-entry.js +35 -22
  78. package/dist/index.js +1 -1
  79. package/dist/types/components/taskitem/TaskItem.d.ts +1 -1
  80. package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
  81. package/dist/types/components/tooltip/Tooltip.d.ts +5 -1
  82. package/package.json +1 -1
package/dist/144.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,5382,7763],{3001:(e,m,s)=>{s.d(m,{TS:()=>n.T,wW:()=>o.w}),s(18889),s(32972),s(28373),s(70300),s(84624);var n=s(68387),o=s(31890)}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,3477,5382,7763],{3001:(e,m,s)=>{s.d(m,{dY:()=>n.d}),s(18889),s(32972);var n=s(28373);s(70300),s(84624),s(68387)}}]);
package/dist/3001.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,5382,7763],{3001:(e,m,s)=>{s.d(m,{yC:()=>n.y}),s(18889);var n=s(32972);s(28373),s(70300),s(84624),s(68387)}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,3477,5382,7763],{3001:(e,m,s)=>{s.d(m,{yC:()=>n.y}),s(18889);var n=s(32972);s(28373),s(70300),s(84624),s(68387)}}]);
package/dist/3192.js CHANGED
@@ -1,8 +1,8 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[3192],{83192:(e,t,o)=>{var s,n=o(90195),i=o(3001),p=o(31890),l=o(26272),r=o(41488),d=o(23968),a=o(77251),c=function(e,t,o,s){var n,i=arguments.length,p=i<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,t,o,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(p=(i<3?n(p):i>3?n(t,o,p):n(t,o))||p);return i>3&&p&&Object.defineProperty(t,o,p),p};!function(e){let t=class extends((0,i.yC)(r.LitElement)){constructor(){super(...arguments),this.message="",this.placement="auto",this.disabled=!1,this.opened=!1,this.slotContent=null,this._keyDownListener=e=>{this.handleKeyDown(e)},this._wheelListener=e=>{this.opened&&this.notifyTooltipDestroy()}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._keyDownListener),window.addEventListener("wheel",this._wheelListener,{passive:!0})}disconnectedCallback(){this.notifyTooltipDisconnected(),super.disconnectedCallback(),document.removeEventListener("keydown",this._keyDownListener),window.removeEventListener("wheel",this._wheelListener)}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.notifyTooltipCreate()}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.notifyTooltipDestroy()}openTooltip(){this.dispatchEvent(new CustomEvent("tooltip-create",{bubbles:!0,composed:!0,detail:Object.assign({placement:this.placement,reference:this.reference,popper:this.popper},!this.message&&{slotContent:this.slotContent})}))}notifyTooltipDisconnected(){document.dispatchEvent(new CustomEvent("tooltip-disconnected",{bubbles:!0,composed:!0,detail:{}}))}closeTooltip(){this.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeMessage(){this.dispatchEvent(new CustomEvent("tooltip-message",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeSlotContent(e){this.dispatchEvent(new CustomEvent("tooltip-slot",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper,slotContent:e}}))}notifyTooltipCreate(){this.disabled||(this.opened=!0)}notifyTooltipDestroy(){this.disabled||(this.opened=!1)}handleKeyDown(e){e.code===n.Uz.Escape&&this.notifyTooltipDestroy()}handleSlotContentChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent&&this.changeSlotContent(e),this.slotContent=e)}}updated(e){super.updated(e),e.has("opened")&&(this.opened?this.openTooltip():this.closeTooltip()),e.has("message")&&this.changeMessage(),e.has("disabled")&&this.opened&&(this.opened=!1)}get tooltipClassMap(){return{"md-tooltip--disabled":this.disabled}}render(){return r.html`
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[3192],{83192:(e,t,o)=>{var s,n=o(90195),i=o(3001),l=o(31890),p=o(26272),r=o(41488),d=o(23968),a=o(77251),c=function(e,t,o,s){var n,i=arguments.length,l=i<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,s);else for(var p=e.length-1;p>=0;p--)(n=e[p])&&(l=(i<3?n(l):i>3?n(t,o,l):n(t,o))||l);return i>3&&l&&Object.defineProperty(t,o,l),l};!function(e){let t=class extends((0,i.UM)((0,i.yC)(r.LitElement))){constructor(){super(...arguments),this.message="",this.placement="auto",this.disabled=!1,this.opened=!1,this.slotToTooltip=!1,this.slotContent=null,this._keyDownListener=e=>{this.handleKeyDown(e)},this._wheelListener=e=>{this.opened&&this.notifyTooltipDestroy()}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._keyDownListener),window.addEventListener("wheel",this._wheelListener,{passive:!0})}disconnectedCallback(){this.notifyTooltipDisconnected(),super.disconnectedCallback(),document.removeEventListener("keydown",this._keyDownListener),window.removeEventListener("wheel",this._wheelListener)}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.slotToTooltip&&(this.disabled=this.reference&&!this.isContentTruncated(this.reference))}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.notifyTooltipCreate()}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.notifyTooltipDestroy()}openTooltip(){this.dispatchEvent(new CustomEvent("tooltip-create",{bubbles:!0,composed:!0,detail:Object.assign({placement:this.placement,reference:this.reference,popper:this.popper},!this.message&&{slotContent:this.slotContent})}))}notifyTooltipDisconnected(){document.dispatchEvent(new CustomEvent("tooltip-disconnected",{bubbles:!0,composed:!0,detail:{}}))}closeTooltip(){this.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeMessage(){this.dispatchEvent(new CustomEvent("tooltip-message",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeSlotContent(e){this.dispatchEvent(new CustomEvent("tooltip-slot",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper,slotContent:e}}))}notifyTooltipCreate(){this.disabled||(this.opened=!0)}notifyTooltipDestroy(){this.disabled||(this.opened=!1)}handleKeyDown(e){e.code===n.Uz.Escape&&this.notifyTooltipDestroy()}handleSlotContentChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent&&this.changeSlotContent(e),this.slotContent=e)}}updated(e){super.updated(e),e.has("opened")&&(this.opened?this.openTooltip():this.closeTooltip()),e.has("message")&&this.changeMessage(),e.has("disabled")&&this.opened&&(this.opened=!1)}handleSlotChanged(e){const t=e.target;if(this.slotToTooltip&&t){const e=t.assignedNodes({flatten:!0}).map((e=>e.textContent)).join(" ").trim();this.message=e,this.disabled=this.reference&&!this.isContentTruncated(this.reference)}}isContentTruncated(e){return e.scrollWidth>e.clientWidth}get tooltipClassMap(){return{"md-tooltip--disabled":this.disabled}}render(){return r.html`
2
2
  <div class="md-tooltip ${(0,d.classMap)(this.tooltipClassMap)}">
3
3
  <div class="md-tooltip__popper" role="tooltip" part="tooltip-popper">
4
4
  <div id="md-tooltip__content" class="md-tooltip__content" part="tooltip-content">
5
- ${this.message?this.message:r.html` <slot name="tooltip-content" @slotchange=${this.handleSlotContentChange}></slot> `}
5
+ ${this.message||r.html` <slot name="tooltip-content" @slotchange=${this.handleSlotContentChange}></slot> `}
6
6
  </div>
7
7
  <div id="arrow" class="md-tooltip__arrow" data-popper-arrow></div>
8
8
  </div>
@@ -17,7 +17,7 @@
17
17
  @keydown=${e=>this.handleKeyDown(e)}
18
18
  aria-describedby="md-tooltip__content"
19
19
  >
20
- <slot></slot>
20
+ <slot @slotchange=${this.handleSlotChanged}></slot>
21
21
  </div>
22
22
  </div>
23
- `}static get styles(){return[l.A,a.A]}};c([(0,r.property)({type:String})],t.prototype,"message",void 0),c([(0,r.property)({type:String,reflect:!0})],t.prototype,"placement",void 0),c([(0,r.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),c([(0,r.property)({type:Boolean,reflect:!0})],t.prototype,"opened",void 0),c([(0,r.query)(".md-tooltip__popper")],t.prototype,"popper",void 0),c([(0,r.query)(".md-tooltip__reference")],t.prototype,"reference",void 0),t=c([(0,p.w)("md-tooltip")],t),e.ELEMENT=t}(s||(s={}))}}]);
23
+ `}static get styles(){return[p.A,a.A]}};c([(0,r.property)({type:String})],t.prototype,"message",void 0),c([(0,r.property)({type:String,reflect:!0})],t.prototype,"placement",void 0),c([(0,r.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),c([(0,r.property)({type:Boolean,reflect:!0})],t.prototype,"opened",void 0),c([(0,r.property)({type:Boolean,reflect:!0,attribute:"slot-to-tooltip"})],t.prototype,"slotToTooltip",void 0),c([(0,r.query)(".md-tooltip__popper")],t.prototype,"popper",void 0),c([(0,r.query)(".md-tooltip__reference")],t.prototype,"reference",void 0),t=c([(0,l.w)("md-tooltip")],t),e.ELEMENT=t}(s||(s={}))}}]);
package/dist/3477.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,3477,5382,7763],{3001:(e,m,s)=>{s.d(m,{TS:()=>n.T,wW:()=>o.w}),s(18889),s(32972),s(28373),s(70300),s(84624);var n=s(68387),o=s(31890)}}]);
package/dist/5382.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,5382,7763],{3001:(e,m,o)=>{o.d(m,{Io:()=>s.I}),o(18889),o(32972),o(28373),o(70300);var s=o(84624);o(68387)}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,3477,5382,7763],{3001:(e,m,s)=>{s.d(m,{UM:()=>o.U,yC:()=>n.y}),s(18889);var n=s(32972),o=(s(28373),s(70300));s(84624),s(68387)}}]);
package/dist/7251.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[7251],{77251:(o,t,r)=>{r.d(t,{A:()=>e});const e=r(41488).css`:host{display:inline-flex}.md-tooltip{position:relative;width:100%}.md-tooltip.md-tooltip--disabled .md-tooltip__popper{display:none}.md-tooltip__content{display:inline-block}.md-tooltip__popper{animation-duration:.15s;animation-name:tooltip-fade;background-color:var(--tooltip-bg-color);border:1px solid var(--tooltip-border,#545454);border-radius:var(--tooltip-radius,.25rem);box-shadow:var(--tooltip-shadow,0 .5rem 1rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16),0 0 0 .0625rem #292929);color:var(--tooltip-font-color);display:none;font-size:.875rem;line-height:1.25rem;max-width:200px;padding:.375rem .625rem;position:relative;text-align:center;width:max-content;word-break:break-word;z-index:9999}.md-tooltip__popper .md-tooltip__arrow{height:1rem;width:1rem;z-index:-1;visibility:hidden}.md-tooltip__popper .md-tooltip__arrow::before{content:"";height:1rem;width:1rem;background-color:var(--tooltip-bg-color);border:1px solid var(--tooltip-border,var(--tooltip-bg-color));position:absolute;box-shadow:var(--tooltip-shadow, "inset 0 0 0 1px $tooltip-border-color");pointer-events:none;transform:rotate(45deg);z-index:1;visibility:visible}.md-tooltip__popper[data-show]{display:block;z-index:9999}.md-tooltip__popper[data-popper-placement^=top]>.md-tooltip__arrow{bottom:0}.md-tooltip__popper[data-popper-placement^=top]>.md-tooltip__arrow::before{left:calc(50% - 8px);bottom:-9px;border-top:none;border-left:none;border-bottom-right-radius:3px}.md-tooltip__popper[data-popper-placement^=bottom]>.md-tooltip__arrow{top:0}.md-tooltip__popper[data-popper-placement^=bottom]>.md-tooltip__arrow::before{left:calc(50% - 8px);top:-9px;border-bottom:none;border-right:none;border-top-left-radius:.25rem}.md-tooltip__popper[data-popper-placement^=left]>.md-tooltip__arrow{right:0}.md-tooltip__popper[data-popper-placement^=left]>.md-tooltip__arrow::before{top:calc(50% - 8px);right:var(--tooltip-arrow-right-left,-8px);border-bottom:none;border-left:none;border-top-right-radius:.25rem}.md-tooltip__popper[data-popper-placement^=right]>.md-tooltip__arrow{left:0}.md-tooltip__popper[data-popper-placement^=right]>.md-tooltip__arrow::before{top:calc(50% - 8px);left:var(--tooltip-arrow-right-left,-8px);border-right:none;border-top:none;border-bottom-left-radius:.25rem}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}`}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[7251],{77251:(o,t,e)=>{e.d(t,{A:()=>r});const r=e(41488).css`:host{display:inline-flex}:host([slot-to-tooltip]){width:100%}:host([slot-to-tooltip]) .md-tooltip__reference{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-tooltip{position:relative;width:100%}.md-tooltip.md-tooltip--disabled .md-tooltip__popper{display:none}.md-tooltip__content{display:inline-block}.md-tooltip__popper{animation-duration:.15s;animation-name:tooltip-fade;background-color:var(--tooltip-bg-color);border:1px solid var(--tooltip-border,#545454);border-radius:var(--tooltip-radius,.25rem);box-shadow:var(--tooltip-shadow,0 .5rem 1rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16),0 0 0 .0625rem #292929);color:var(--tooltip-font-color);display:none;font-size:.875rem;line-height:1.25rem;max-width:200px;padding:.375rem .625rem;position:relative;text-align:center;width:max-content;word-break:break-word;z-index:9999}.md-tooltip__popper .md-tooltip__arrow{height:1rem;width:1rem;z-index:-1;visibility:hidden}.md-tooltip__popper .md-tooltip__arrow::before{content:"";height:1rem;width:1rem;background-color:var(--tooltip-bg-color);border:1px solid var(--tooltip-border,var(--tooltip-bg-color));position:absolute;box-shadow:var(--tooltip-shadow, "inset 0 0 0 1px $tooltip-border-color");pointer-events:none;transform:rotate(45deg);z-index:1;visibility:visible}.md-tooltip__popper[data-show]{display:block;z-index:9999}.md-tooltip__popper[data-popper-placement^=top]>.md-tooltip__arrow{bottom:0}.md-tooltip__popper[data-popper-placement^=top]>.md-tooltip__arrow::before{left:calc(50% - 8px);bottom:-9px;border-top:none;border-left:none;border-bottom-right-radius:3px}.md-tooltip__popper[data-popper-placement^=bottom]>.md-tooltip__arrow{top:0}.md-tooltip__popper[data-popper-placement^=bottom]>.md-tooltip__arrow::before{left:calc(50% - 8px);top:-9px;border-bottom:none;border-right:none;border-top-left-radius:.25rem}.md-tooltip__popper[data-popper-placement^=left]>.md-tooltip__arrow{right:0}.md-tooltip__popper[data-popper-placement^=left]>.md-tooltip__arrow::before{top:calc(50% - 8px);right:var(--tooltip-arrow-right-left,-8px);border-bottom:none;border-left:none;border-top-right-radius:.25rem}.md-tooltip__popper[data-popper-placement^=right]>.md-tooltip__arrow{left:0}.md-tooltip__popper[data-popper-placement^=right]>.md-tooltip__arrow::before{top:calc(50% - 8px);left:var(--tooltip-arrow-right-left,-8px);border-right:none;border-top:none;border-bottom-left-radius:.25rem}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}`}}]);
package/dist/7763.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,5382,7763],{3001:(e,m,s)=>{s.d(m,{dY:()=>n.d}),s(18889),s(32972);var n=s(28373);s(70300),s(84624),s(68387)}}]);
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[144,3001,3477,5382,7763],{3001:(e,m,o)=>{o.d(m,{Io:()=>s.I}),o(18889),o(32972),o(28373),o(70300);var s=o(84624);o(68387)}}]);
package/dist/8612.js CHANGED
@@ -1,59 +1,59 @@
1
- "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1465,8612],{5657:(e,t,a)=>{a.d(t,{LG:()=>c,Um:()=>d,i0:()=>m});var i=a(41488),o=a(40333),n=a(31465);const m=(e,t,a,o,n)=>i.html`${e?r(t,a,o,n):l(t,a,n)}`,s=(e,t,a,n)=>i.html`<md-avatar
1
+ "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1465,8612],{5657:(e,t,i)=>{i.d(t,{LG:()=>c,Um:()=>d,i0:()=>n});var a=i(41488),o=i(40333),m=i(31465);const n=(e,t,i,o,m)=>a.html`${e?r(t,i,o,m):l(t,i,m)}`,s=(e,t,i,m)=>a.html`<md-avatar
2
2
  size="32"
3
- type=${a}
3
+ type=${i}
4
4
  state=${e?"active":"rest"}
5
5
  presence-type=${null!=t?t:""}
6
6
  newMomentum
7
- >${null!=n?n:o.nothing}</md-avatar
8
- >`,r=(e,t,a,o)=>{switch(e.toLowerCase()){case n.r.TELEPHONY:return s(t,a,"channel-call");case n.r.OUTBOUND_TELEPHONY:return s(t,a,"channel-callback");case n.r.INBOUND_TELEPHONY:return s(t,a,"channel-call-inbound");case n.r.APPLE_MESSAGES:return s(t,a,"channel-apple-chat");case n.r.OUTBOUND_CAMPAIGN:return s(t,a,"channel-campaign");case n.r.CHAT:return s(t,a,"channel-chat");case n.r.EMAIL:return s(t,a,"channel-email-inbound");case n.r.SMS:return s(t,a,"channel-sms-inbound");case n.r.FACEBOOK:return s(t,a,"channel-fb-messenger");case n.r.WHATSAPP:return s(t,a,"channel-whats-app");case n.r.MESSENGER:return s(t,a,"channel-facebook");case n.r.MIDCALL_TELEPHONY:return s(t,a,"channel-monitoring");case n.r.OUTBOUND_EMAIL:return s(t,a,"channel-email-outbound");case n.r.OUTBOUND_SMS:return s(t,a,"channel-sms-outbound");case n.r.SOCIAL_X:return s(t,a,"channel-twitter-x");case n.r.VIBER:return s(t,a,"channel-viber");case n.r.WECHAT:return s(t,a,"channel-we-chat");case n.r.WEBEX:return s(t,a,"channel-webex");case n.r.CALLBACK:return s(t,a,"channel-custom",i.html`<md-icon name="icon-icon-callback_18"></md-icon>`);case n.r.PROGRESSIVE_CAMPAIGN:return s(t,a,"channel-custom",i.html`<md-icon name="icon-icon-campaign_18"></md-icon>`);case n.r.GOOGLE_MESSAGES:return s(t,a,"channel-custom",i.html`<img height="32px" width="32px" src="${o}" />`);case n.r.ICON_SRC:return s(t,a,"channel-custom",i.html`<img height="20px" width="20px" src="${o}" />`);default:return s(t,a,"channel-custom",i.html`<slot name="task-type"></slot>`)}},c=e=>{switch(e){case n.j.CONSULTING:return i.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case n.j.PLAY:return i.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case n.j.HOLD:return i.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case n.j.CONFERENCE:return i.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case n.j.TRANSFERED:return i.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case n.j.COURTESY_CALLBACK:return i.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case n.j.CAMPAIGN:return i.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return i.html` <slot name="task-status"></slot> `}},l=(e,t,a)=>{switch(e.toLowerCase()){case n.r.TELEPHONY:return i.html`
7
+ >${null!=m?m:o.nothing}</md-avatar
8
+ >`,r=(e,t,i,o)=>{switch(e.toLowerCase()){case m.r.PROGRESSIVE_CAMPAIGN:case m.r.CALLBACK:case m.r.TELEPHONY:return s(t,i,"channel-call");case m.r.OUTBOUND_TELEPHONY:return s(t,i,"channel-callback");case m.r.INBOUND_TELEPHONY:return s(t,i,"channel-call-inbound");case m.r.APPLE_MESSAGES:return s(t,i,"channel-apple-chat");case m.r.OUTBOUND_CAMPAIGN:return s(t,i,"channel-campaign");case m.r.CHAT:return s(t,i,"channel-chat");case m.r.EMAIL:return s(t,i,"channel-email-inbound");case m.r.SMS:return s(t,i,"channel-sms-inbound");case m.r.FACEBOOK:return s(t,i,"channel-fb-messenger");case m.r.WHATSAPP:return s(t,i,"channel-whats-app");case m.r.MESSENGER:return s(t,i,"channel-facebook");case m.r.MIDCALL_TELEPHONY:return s(t,i,"channel-monitoring");case m.r.OUTBOUND_EMAIL:return s(t,i,"channel-email-outbound");case m.r.OUTBOUND_SMS:return s(t,i,"channel-sms-outbound");case m.r.SOCIAL_X:return s(t,i,"channel-twitter-x");case m.r.VIBER:return s(t,i,"channel-viber");case m.r.WECHAT:return s(t,i,"channel-we-chat");case m.r.WEBEX:return s(t,i,"channel-webex");case m.r.GOOGLE_MESSAGES:return s(t,i,"channel-custom",a.html`<img height="32px" width="32px" src="${o}" />`);case m.r.ICON_SRC:return s(t,i,"channel-custom",a.html`<img height="20px" width="20px" src="${o}" />`);default:return s(t,i,"channel-custom",a.html`<slot name="task-type"></slot>`)}},c=e=>{switch(e){case m.j.CONSULTING:return a.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case m.j.PLAY:return a.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case m.j.HOLD:return a.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case m.j.CONFERENCE:return a.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case m.j.TRANSFERED:return a.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case m.j.COURTESY_CALLBACK:return a.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case m.j.CAMPAIGN:return a.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return a.html` <slot name="task-status"></slot> `}},l=(e,t,i)=>{switch(e.toLowerCase()){case m.r.TELEPHONY:return a.html`
9
9
  <md-badge color="green" circle>
10
10
  <md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
11
11
  </md-badge>
12
- `;case n.r.OUTBOUND_TELEPHONY:return i.html`
12
+ `;case m.r.OUTBOUND_TELEPHONY:return a.html`
13
13
  <md-badge color="green" circle>
14
14
  <md-icon name="outgoing-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
15
15
  </md-badge>
16
- `;case n.r.INBOUND_TELEPHONY:return i.html`
16
+ `;case m.r.INBOUND_TELEPHONY:return a.html`
17
17
  <md-badge color="green" circle>
18
18
  <md-icon name="incoming-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
19
19
  </md-badge>
20
- `;case n.r.APPLE_MESSAGES:case n.r.MIDCALL_TELEPHONY:case n.r.ICON_SRC:return i.html`
20
+ `;case m.r.APPLE_MESSAGES:case m.r.MIDCALL_TELEPHONY:case m.r.ICON_SRC:return a.html`
21
21
  <md-badge circle>
22
- <img src="${a}" />
22
+ <img src="${i}" />
23
23
  </md-badge>
24
- `;case n.r.CALLBACK:return i.html`
24
+ `;case m.r.CALLBACK:return a.html`
25
25
  <md-badge color="lime" circle>
26
26
  <md-icon name="icon-icon-callback_18"></md-icon>
27
27
  </md-badge>
28
- `;case n.r.PROGRESSIVE_CAMPAIGN:return i.html`
28
+ `;case m.r.PROGRESSIVE_CAMPAIGN:return a.html`
29
29
  <md-badge color="green" circle>
30
30
  <md-icon name="icon-icon-campaign_18"></md-icon>
31
31
  </md-badge>
32
- `;case n.r.OUTBOUND_CAMPAIGN:return i.html`
32
+ `;case m.r.OUTBOUND_CAMPAIGN:return a.html`
33
33
  <md-avatar
34
34
  title="Channel Campaign"
35
35
  type="channel-campaign"
36
36
  avatar-style="default"
37
37
  state=${t?"active":"rest"}
38
38
  ></md-avatar>
39
- `;case n.r.CHAT:return i.html`
39
+ `;case m.r.CHAT:return a.html`
40
40
  <md-badge color="blue" circle>
41
41
  <md-icon name="chat-filled" size="20" iconSet="momentumDesign"></md-icon>
42
42
  </md-badge>
43
- `;case n.r.EMAIL:return i.html`
43
+ `;case m.r.EMAIL:return a.html`
44
44
  <md-badge color="violet" circle>
45
45
  <md-icon name="email-filled" size="20" iconSet="momentumDesign"></md-icon>
46
46
  </md-badge>
47
- `;case n.r.SMS:return i.html`
47
+ `;case m.r.SMS:return a.html`
48
48
  <md-badge color="darkmint" circle>
49
49
  <md-icon name="sms-filled" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
50
50
  </md-badge>
51
- `;case n.r.FACEBOOK:return i.html`
51
+ `;case m.r.FACEBOOK:return a.html`
52
52
  <md-badge bgColor="#0078FF" circle>
53
53
  <md-icon name="messenger_16" iconSet="momentumUI" color="white-100"></md-icon>
54
54
  </md-badge>
55
- `;case n.r.WHATSAPP:return i.html`
55
+ `;case m.r.WHATSAPP:return a.html`
56
56
  <md-badge bgColor="#25D366" circle>
57
57
  <md-icon name="whatsApp_16" iconSet="momentumUI" color="white-100"></md-icon>
58
58
  </md-badge>
59
- `;default:return i.html` <slot name="task-type"></slot> `}},d=(e,t,a)=>{if(e<=0)return a.removeAttribute("has-messages"),o.nothing;a.setAttribute("has-messages","true");const n=e>99?"99+":e.toString();return t?i.html` <md-badge color="unreadcount"> ${n} </md-badge>`:i.html` <span class="new-chat-quantity">${n}</span> `}},31465:(e,t,a)=>{a.d(t,{j:()=>i,r:()=>o});const i={CONSULTING:"consulting",PLAY:"play",HOLD:"hold",CONFERENCE:"conference",TRANSFERED:"transfered",COURTESY_CALLBACK:"courtesy_callback",CAMPAIGN:"campaign"},o={TELEPHONY:"telephony",OUTBOUND_TELEPHONY:"outbound telephony",INBOUND_TELEPHONY:"inbound telephony",OUTBOUND_CAMPAIGN:"outbound-campaign",CALLBACK:"callback",CHAT:"chat",PROGRESSIVE_CAMPAIGN:"progressive_campaign",MIDCALL_TELEPHONY:"midcall telephony",APPLE_MESSAGES:"applemessages",ICON_SRC:"icon src",EMAIL:"email",SMS:"sms",FACEBOOK:"facebook",WHATSAPP:"whatsapp",MESSENGER:"messenger",OUTBOUND_EMAIL:"outboundemail",OUTBOUND_SMS:"outboundsms",SOCIAL_X:"socialx",VIBER:"viber",WECHAT:"wechat",WEBEX:"webex",GOOGLE_MESSAGES:"googlemessages"}},50182:(e,t,a)=>{a.d(t,{A:()=>i});const i=a(41488).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)}.md-taskitem.selected .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:hover{background-color:var(--taskitem-hover-bg-color)}.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)}.md-taskitem:hover .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:active{background-color:var(--taskitem-pressed-bg-color)}.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)}.md-taskitem:active .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:focus{background:var(--taskitem-focus-bg-color);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);border-radius:50%;bottom:-4px;color:var(--taskitem-status-text-color);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)}.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);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);font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif)}.md-taskitem__content_title.display-only-title{margin-bottom:0;width:6.25rem}.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);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);border-radius:9px;color:var(--taskitem-chat-quantity-text-color);display:inline-block;font-size:10px;line-height:.875rem;min-width:18px;padding:.125rem .25rem;text-align:center}:host([is-restyle]) .md-taskitem{padding:.5rem .75rem;justify-content:space-between}:host([is-restyle]) .md-taskitem__mediatype{margin-right:.75rem;white-space:nowrap;width:auto}:host([is-restyle]) .md-taskitem .md-taskitem__content{width:auto;min-width:0;flex:1}:host([is-restyle]) .md-taskitem .md-taskitem__content_popover_title,:host([is-restyle]) .md-taskitem .md-taskitem__content_title{font-size:1rem;font-weight:500;line-height:24px;margin:0;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);color:var(--taskitem-restyle-text-color)}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue{font-size:.875rem;line-height:20px;color:var(--taskitem-text-color)}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue_dot{background-color:var(--taskitem-restyle-dot-color);border-radius:50%;height:4px;width:4px;display:inline-flex;margin:3px 0}:host([is-restyle]) .md-taskitem .md-taskitem__content_chat{margin:0;font-size:.875rem;line-height:20px;color:var(--taskitem-text-color)}:host([is-restyle]) .md-taskitem .md-taskitem__content_chat .new-chat_massages{padding:0}:host([is-restyle]) .md-taskitem__addition{white-space:nowrap;margin-left:.75rem;width:auto}:host([is-restyle]) .md-taskitem__addition.empty_addition{margin:0}:host([is-restyle]) .md-taskitem .avatar-badge::part(badge){height:2rem;width:2rem;background-color:var(--avatar-darkgray-bg-color)}:host([is-restyle]) .md-taskitem.selected .avatar-badge::part(badge){background-color:var(--avatar-white-bg-color)}:host([is-restyle]) .md-taskitem.selected .md-taskitem__content_popover_title,:host([is-restyle]) .md-taskitem.selected .md-taskitem__content_title{font-weight:700}:host([is-restyle]) .md-taskitem::after{margin:0}:host([is-restyle][disabled]) .md-taskitem{cursor:not-allowed;pointer-events:none}:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_chat,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_popover_title,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_queue,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_title{color:var(--taskitem-restyle-text-disabled-color)}:host([is-restyle][has-messages=true]) .md-taskitem__content_popover_title,:host([is-restyle][has-messages=true]) .md-taskitem__content_title{font-weight:700!important}:host([is-restyle][has-messages=true]) .md-taskitem__addition{margin-left:.75rem!important}@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}}`}}]);
59
+ `;default:return a.html` <slot name="task-type"></slot> `}},d=(e,t,i)=>{if(e<=0)return i.removeAttribute("has-messages"),o.nothing;i.setAttribute("has-messages","true");const m=e>99?"99+":e.toString();return t?a.html` <md-badge color="unreadcount"> ${m} </md-badge>`:a.html` <span class="new-chat-quantity">${m}</span> `}},31465:(e,t,i)=>{i.d(t,{j:()=>a,r:()=>o});const a={CONSULTING:"consulting",PLAY:"play",HOLD:"hold",CONFERENCE:"conference",TRANSFERED:"transfered",COURTESY_CALLBACK:"courtesy_callback",CAMPAIGN:"campaign"},o={TELEPHONY:"telephony",OUTBOUND_TELEPHONY:"outbound telephony",INBOUND_TELEPHONY:"inbound telephony",OUTBOUND_CAMPAIGN:"outbound-campaign",CALLBACK:"callback",CHAT:"chat",PROGRESSIVE_CAMPAIGN:"progressive_campaign",MIDCALL_TELEPHONY:"midcall telephony",APPLE_MESSAGES:"applemessages",ICON_SRC:"icon src",EMAIL:"email",SMS:"sms",FACEBOOK:"facebook",WHATSAPP:"whatsapp",MESSENGER:"messenger",OUTBOUND_EMAIL:"outboundemail",OUTBOUND_SMS:"outboundsms",SOCIAL_X:"socialx",VIBER:"viber",WECHAT:"wechat",WEBEX:"webex",GOOGLE_MESSAGES:"googlemessages"}},50182:(e,t,i)=>{i.d(t,{A:()=>a});const a=i(41488).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)}.md-taskitem.selected .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:hover{background-color:var(--taskitem-hover-bg-color)}.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)}.md-taskitem:hover .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:active{background-color:var(--taskitem-pressed-bg-color)}.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)}.md-taskitem:active .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color)}.md-taskitem:focus{background:var(--taskitem-focus-bg-color);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);border-radius:50%;bottom:-4px;color:var(--taskitem-status-text-color);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)}.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);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);font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif)}.md-taskitem__content_title.display-only-title{margin-bottom:0;width:6.25rem}.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);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);border-radius:9px;color:var(--taskitem-chat-quantity-text-color);display:inline-block;font-size:10px;line-height:.875rem;min-width:18px;padding:.125rem .25rem;text-align:center}:host([is-restyle]) .md-taskitem{padding:.5rem .75rem;justify-content:space-between}:host([is-restyle]) .md-taskitem__mediatype{margin-right:.75rem;white-space:nowrap;width:auto}:host([is-restyle]) .md-taskitem .md-taskitem__content{width:auto;min-width:0;flex:1}:host([is-restyle]) .md-taskitem .md-taskitem__content_popover_title,:host([is-restyle]) .md-taskitem .md-taskitem__content_title{font-size:1rem;font-weight:500;line-height:24px;margin:0;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);color:var(--taskitem-restyle-text-color)}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue{font-size:.875rem;line-height:20px;color:var(--taskitem-text-color);width:auto}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue_time{font-size:.875rem;line-height:20px;color:var(--taskitem-text-color);margin-left:4px;min-width:4.375rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue_time_dot{background-color:var(--taskitem-restyle-dot-color);border-radius:50%;height:.25rem;width:.25rem;display:inline-flex;margin:3px 0}:host([is-restyle]) .md-taskitem .md-taskitem__content_queue_time ::slotted(*){display:inline-flex}:host([is-restyle]) .md-taskitem .md-taskitem__content_chat{margin:0;font-size:.875rem;line-height:20px;color:var(--taskitem-text-color)}:host([is-restyle]) .md-taskitem .md-taskitem__content_chat .new-chat_massages{padding:0}:host([is-restyle]) .md-taskitem__addition{white-space:nowrap;margin-left:.75rem;width:auto}:host([is-restyle]) .md-taskitem__addition.empty_addition{margin:0}:host([is-restyle]) .md-taskitem .avatar-badge::part(badge){height:2rem;width:2rem;background-color:var(--avatar-darkgray-bg-color)}:host([is-restyle]) .md-taskitem.selected .avatar-badge::part(badge){background-color:var(--avatar-white-bg-color)}:host([is-restyle]) .md-taskitem.selected .md-taskitem__content_popover_title,:host([is-restyle]) .md-taskitem.selected .md-taskitem__content_title{font-weight:700}:host([is-restyle]) .md-taskitem::after{margin:0}:host([is-restyle][disabled]) .md-taskitem{cursor:not-allowed;pointer-events:none}:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_chat,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_popover_title,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_queue,:host([is-restyle][disabled]) .md-taskitem .md-taskitem__content_title{color:var(--taskitem-restyle-text-disabled-color)}:host([is-restyle][has-messages=true]) .md-taskitem__content_popover_title ::part(tooltip_reference),:host([is-restyle][has-messages=true]) .md-taskitem__content_title ::part(tooltip_reference){font-weight:700!important}:host([is-restyle][has-messages=true]) .md-taskitem__addition{margin-left:.75rem!important}@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}}`}}]);