@momentum-ui/web-components 2.7.55 → 2.8.0
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-16.js +1 -1
- package/dist/chunks/md-31.js +2 -2
- package/dist/chunks/md-32.js +2 -2
- package/dist/chunks/md-65.js +3 -3
- package/dist/chunks/md-71.js +1 -1
- package/dist/chunks/md-73.js +6 -4
- package/dist/chunks/md-80.js +1 -1
- package/dist/chunks/md-82.js +1 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/floating-modal/FloatingModal.d.ts +1 -0
- package/dist/types/components/phone-input/PhoneInput.d.ts +1 -0
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +1 -1
package/dist/chunks/md-16.js
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
${this.getStyles()}
|
|
10
10
|
<div aria-expanded=${this.isOpen} class="md-menu-overlay">
|
|
11
11
|
<slot name="menu-trigger"></slot>
|
|
12
|
-
<div part="overlay" class="overlay-container" role="
|
|
12
|
+
<div part="overlay" class="overlay-container" role="menu">
|
|
13
13
|
<div id="arrow" class="overlay-arrow" data-popper-arrow></div>
|
|
14
14
|
<div class="overlay-content" part="overlay-content">
|
|
15
15
|
<slot></slot>
|
package/dist/chunks/md-31.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{66:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,n=s(1),c=s(7),l=s(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{66:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,n=s(1),c=s(7),l=s(5),d=s(4),r=s(0),o=s(57),a=function(t,e,s,i){var n,c=arguments.length,l=c<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(n=t[d])&&(l=(c<3?n(l):c>3?n(e,s,l):n(e,s))||l);return c>3&&l&&Object.defineProperty(e,s,l),l};!function(t){let e=class extends(Object(c.d)(r.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.role="listbox",this.activated=-1}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated)}isListItemDisabled(t){return this.slotted[t].disabled}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case n.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case n.b.Home:this.switchListItemOnArrowPress(0);break;case n.b.ArrowUp:case n.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case n.b.ArrowDown:case n.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case n.b.Enter:case n.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,o.a]}render(){return r.html`
|
|
2
2
|
<ul class="md-list" part="list">
|
|
3
3
|
<slot name="list-item"></slot>
|
|
4
4
|
</ul>
|
|
5
|
-
`}};a([Object(r.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),a([Object(r.property)({type:String})],e.prototype,"label",void 0),a([Object(r.property)({type:String,reflect:!0})],e.prototype,"role",void 0),a([Object(r.property)({type:Number,reflect:!0})],e.prototype,"activated",void 0),a([Object(r.query)("slot[name='list-item']")],e.prototype,"listItemSlot",void 0),e=a([Object(
|
|
5
|
+
`}};a([Object(r.property)({type:String,reflect:!0})],e.prototype,"alignment",void 0),a([Object(r.property)({type:String})],e.prototype,"label",void 0),a([Object(r.property)({type:String,reflect:!0})],e.prototype,"role",void 0),a([Object(r.property)({type:Number,reflect:!0})],e.prototype,"activated",void 0),a([Object(r.query)("slot[name='list-item']")],e.prototype,"listItemSlot",void 0),e=a([Object(l.a)("md-list")],e),t.ELEMENT=e}(i||(i={}))}}]);
|
package/dist/chunks/md-32.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[32],{67:function(e,t,s){"use strict";s.r(t),s.d(t,"ListItem",(function(){return r}));var r,i=s(7),l=s(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[32],{67:function(e,t,s){"use strict";s.r(t),s.d(t,"ListItem",(function(){return r}));var r,i=s(7),l=s(5),o=s(4),d=s(0),n=s(57),c=function(e,t,s,r){var i,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(o=(l<3?i(o):l>3?i(t,s,o):i(t,s))||o);return l>3&&o&&Object.defineProperty(t,s,o),o};!function(e){let t=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this._disabled=!1,this._selected=!1}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 selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,this.requestUpdate("selected",t)}static get styles(){return[o.a,n.a]}render(){return d.html`
|
|
2
2
|
<li class="md-list-item" part="list-item">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</li>
|
|
5
|
-
`}};c([Object(d.property)({type:String,reflect:!0})],t.prototype,"role",void 0),c([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=c([Object(
|
|
5
|
+
`}};c([Object(d.property)({type:String,reflect:!0})],t.prototype,"role",void 0),c([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=c([Object(l.a)("md-list-item")],t),e.ELEMENT=t}(r||(r={}))}}]);
|
package/dist/chunks/md-65.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{93:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(15);var o,n=e(7),a=e(5),s=e(4),r=(e(44),e(45),e(46),e(20)),l=e.n(r),d=(e(47),e(0)),h=e(2),c=e(6),m=(e(74),e(61)),p=function(t,i,e,o){var n,a=arguments.length,s=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(i,e,s):n(i,e))||s);return a>3&&s&&Object.defineProperty(i,e,s),s},u=function(t,i,e,o){return new(e||(e=Promise))((function(n,a){function s(t){try{l(o.next(t))}catch(t){a(t)}}function r(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,r)}l((o=o.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(n.a)(Object(n.e)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",t.rect.width+"px","important"),i.style.setProperty("height",t.rect.height+"px","important");const{initialX:n,initialY:a}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+a,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.a,m.a]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>u(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l.a.modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l.a.modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(t){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&l.a.isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{93:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(15);var o,n=e(7),a=e(5),s=e(4),r=(e(44),e(45),e(46),e(20)),l=e.n(r),d=(e(47),e(0)),h=e(2),c=e(6),m=(e(74),e(61)),p=function(t,i,e,o){var n,a=arguments.length,s=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(i,e,s):n(i,e))||s);return a>3&&s&&Object.defineProperty(i,e,s),s},u=function(t,i,e,o){return new(e||(e=Promise))((function(n,a){function s(t){try{l(o.next(t))}catch(t){a(t)}}function r(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,r)}l((o=o.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(n.a)(Object(n.e)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",t.rect.width+"px","important"),i.style.setProperty("height",t.rect.height+"px","important");const{initialX:n,initialY:a}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+a,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.a,m.a]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>u(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l.a.modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l.a.modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(t){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&l.a.isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
2
2
|
${this.show?d.html`
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
${this.minimize?"":d.html` <md-button
|
|
32
32
|
color="color-none"
|
|
33
33
|
class="md-floating__resize"
|
|
34
|
-
aria-label="${this.resizeAriaLabel}"
|
|
34
|
+
aria-label="${this.full?this.resizeAriaLabel:this.maximizeScreenLabel}"
|
|
35
35
|
circle
|
|
36
36
|
@click=${this.handleToggleExpandCollapse}
|
|
37
37
|
>
|
|
@@ -69,4 +69,4 @@
|
|
|
69
69
|
</div>`:h.nothing}
|
|
70
70
|
|
|
71
71
|
`:h.nothing}
|
|
72
|
-
`}};p([Object(d.property)({type:String})],i.prototype,"heading",void 0),p([Object(d.property)({type:String})],i.prototype,"label",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"aspect-ratio"})],i.prototype,"aspectRatio",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"fixed-strategy"})],i.prototype,"fixed",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"full-screen"})],i.prototype,"full",void 0),p([Object(d.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),p([Object(d.property)({type:String,attribute:"resize-aria-label"})],i.prototype,"resizeAriaLabel",void 0),p([Object(d.property)({type:String,attribute:"minimize-aria-label"})],i.prototype,"minimizeAriaLabel",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),p([Object(d.property)({type:Object})],i.prototype,"position",void 0),p([Object(d.property)({type:Object})],i.prototype,"minPosition",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"minimizable",void 0),p([Object(d.property)({type:Object})],i.prototype,"containerRect",void 0),p([Object(d.internalProperty)()],i.prototype,"dragOccured",void 0),p([Object(d.query)(".md-floating")],i.prototype,"container",void 0),p([Object(d.query)(".md-floating__body")],i.prototype,"body",void 0),p([Object(d.query)(".md-floating__header")],i.prototype,"header",void 0),p([Object(d.query)(".md-floating-min-parent")],i.prototype,"minimizedHeader",void 0),p([Object(d.query)('slot[name="header"]')],i.prototype,"headerSlot",void 0),i=p([Object(a.a)("md-floating-modal")],i),t.ELEMENT=i}(o||(o={}))}}]);
|
|
72
|
+
`}};p([Object(d.property)({type:String})],i.prototype,"heading",void 0),p([Object(d.property)({type:String})],i.prototype,"label",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"aspect-ratio"})],i.prototype,"aspectRatio",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"fixed-strategy"})],i.prototype,"fixed",void 0),p([Object(d.property)({type:Boolean,reflect:!0,attribute:"full-screen"})],i.prototype,"full",void 0),p([Object(d.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),p([Object(d.property)({type:String,attribute:"resize-aria-label"})],i.prototype,"resizeAriaLabel",void 0),p([Object(d.property)({type:String,attribute:"maximize-aria-label"})],i.prototype,"maximizeScreenLabel",void 0),p([Object(d.property)({type:String,attribute:"minimize-aria-label"})],i.prototype,"minimizeAriaLabel",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),p([Object(d.property)({type:Object})],i.prototype,"position",void 0),p([Object(d.property)({type:Object})],i.prototype,"minPosition",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],i.prototype,"minimizable",void 0),p([Object(d.property)({type:Object})],i.prototype,"containerRect",void 0),p([Object(d.internalProperty)()],i.prototype,"dragOccured",void 0),p([Object(d.query)(".md-floating")],i.prototype,"container",void 0),p([Object(d.query)(".md-floating__body")],i.prototype,"body",void 0),p([Object(d.query)(".md-floating__header")],i.prototype,"header",void 0),p([Object(d.query)(".md-floating-min-parent")],i.prototype,"minimizedHeader",void 0),p([Object(d.query)('slot[name="header"]')],i.prototype,"headerSlot",void 0),i=p([Object(a.a)("md-floating-modal")],i),t.ELEMENT=i}(o||(o={}))}}]);
|
package/dist/chunks/md-71.js
CHANGED
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
aria-describedby="${this.ariaDescription}"
|
|
64
64
|
>
|
|
65
65
|
<div part="modal-content" class="md-modal__content">
|
|
66
|
-
<div class="md-modal__flex-container">
|
|
66
|
+
<div class="md-modal__flex-container" part="modal-flex-container">
|
|
67
67
|
${this.headerTemplate()}
|
|
68
68
|
<div part="modal-body" class="md-modal__body">
|
|
69
69
|
<slot></slot>
|
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,
|
|
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,r=o(5),n=o(4),a=o(79),l=o(80),d=o(63),p=o(0),s=o(2),c=o(36),h=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 r,n=arguments.length,a=n<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--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>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.clearAriaLabel="Clear Input",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>
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
padding-left: 0;
|
|
28
28
|
}
|
|
29
29
|
</style>
|
|
30
|
-
`}static get styles(){return[
|
|
30
|
+
`}static get styles(){return[n.a,h]}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`
|
|
@@ -43,8 +43,9 @@
|
|
|
43
43
|
@change-selected="${t=>this.handleCountryChange(t)}"
|
|
44
44
|
clear-icon-height="${this.clearIconHeight}"
|
|
45
45
|
with-custom-content
|
|
46
|
+
clear-aria-label="${this.clearAriaLabel}"
|
|
46
47
|
>
|
|
47
|
-
${Object(
|
|
48
|
+
${Object(c.repeat)(this.codeList,t=>t.name,(t,e)=>this.countryCodeOptionTemplate(t,e))}
|
|
48
49
|
</md-combobox>
|
|
49
50
|
<md-input
|
|
50
51
|
part="md-input"
|
|
@@ -56,9 +57,10 @@
|
|
|
56
57
|
@input-keydown="${t=>this.handleKeydown(t)}"
|
|
57
58
|
shape="${this.pill?"pill":"none"}"
|
|
58
59
|
clear
|
|
60
|
+
clearAriaLabel="${this.clearAriaLabel}"
|
|
59
61
|
type="tel"
|
|
60
62
|
value="${this.formattedValue}"
|
|
61
63
|
.messageArr="${!this.isValid||this.showErrorMessage?[{type:"error",message:this.errorMessage}]:[]}"
|
|
62
64
|
></md-input>
|
|
63
65
|
</div>
|
|
64
|
-
`}};u([Object(p.property)({type:String,reflect:!0})],e.prototype,"codePlaceholder",void 0),u([Object(p.property)({type:String})],e.prototype,"numberPlaceholder",void 0),u([Object(p.property)({type:String,attribute:"country-calling-code"})],e.prototype,"countryCallingCode",void 0),u([Object(p.property)({type:Boolean,attribute:"show-flags"})],e.prototype,"showFlags",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"pill",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"disabled",void 0),u([Object(p.property)({type:String})],e.prototype,"value",void 0),u([Object(p.property)({type:String})],e.prototype,"errorMessage",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"showErrorMessage",void 0),u([Object(p.property)({type:String,attribute:"clear-icon-height"})],e.prototype,"clearIconHeight",void 0),u([Object(p.property)({type:String})],e.prototype,"countryCodeAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"dialNumberAriaLabel",void 0),u([Object(p.internalProperty)()],e.prototype,"countryCode",void 0),u([Object(p.internalProperty)()],e.prototype,"codeList",void 0),u([Object(p.internalProperty)()],e.prototype,"formattedValue",void 0),u([Object(p.internalProperty)()],e.prototype,"isValid",void 0),u([Object(p.query)("md-combobox")],e.prototype,"combobox",void 0),e=u([Object(
|
|
66
|
+
`}};u([Object(p.property)({type:String,reflect:!0})],e.prototype,"codePlaceholder",void 0),u([Object(p.property)({type:String})],e.prototype,"numberPlaceholder",void 0),u([Object(p.property)({type:String,attribute:"country-calling-code"})],e.prototype,"countryCallingCode",void 0),u([Object(p.property)({type:Boolean,attribute:"show-flags"})],e.prototype,"showFlags",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"pill",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"disabled",void 0),u([Object(p.property)({type:String})],e.prototype,"value",void 0),u([Object(p.property)({type:String})],e.prototype,"errorMessage",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"showErrorMessage",void 0),u([Object(p.property)({type:String,attribute:"clear-icon-height"})],e.prototype,"clearIconHeight",void 0),u([Object(p.property)({type:String})],e.prototype,"countryCodeAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"dialNumberAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"clearAriaLabel",void 0),u([Object(p.internalProperty)()],e.prototype,"countryCode",void 0),u([Object(p.internalProperty)()],e.prototype,"codeList",void 0),u([Object(p.internalProperty)()],e.prototype,"formattedValue",void 0),u([Object(p.internalProperty)()],e.prototype,"isValid",void 0),u([Object(p.query)("md-combobox")],e.prototype,"combobox",void 0),e=u([Object(r.a)("md-phone-input")],e),t.ELEMENT=e}(i||(i={}))}}]);
|
package/dist/chunks/md-80.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[80],{99:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_TAB_COPY_ID_PREFIX",(function(){return f})),i.d(t,"Tabs",(function(){return y}));i(15),i(32);var s=i(1),a=i(7),d=i(4),n=i(0),l=i(3),r=i(14),o=i(9),b=i(65),h=i(22),c=i(30),p=i.n(c),u=i(37),m=i(41),v=function(e,t,i,s){var a,d=arguments.length,n=d<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 l=e.length-1;l>=0;l--)(a=e[l])&&(n=(d<3?a(n):d>3?a(t,i,n):a(t,i))||n);return d>3&&n&&Object.defineProperty(t,i,n),n},T=function(e,t,i,s){return new(i||(i=Promise))((function(a,d){function n(e){try{r(s.next(e))}catch(e){d(e)}}function l(e){try{r(s.throw(e))}catch(e){d(e)}}function r(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,l)}r((s=s.apply(e,t||[])).next())}))};const f="more-menu-copy-";var y;!function(e){let t=class extends(Object(a.c)(Object(a.d)(Object(a.e)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>T(this,void 0,void 0,(function*(){var t,i,s,a,d,n,l,r;e.stopPropagation();const o=e.oldIndex,b=e.newIndex,h=[...this.tabsFilteredAsVisibleList],c=[...this.tabsFilteredAsHiddenList],p=this.getDragDirection(e);if(void 0!==o&&void 0!==b){switch(p){case"visibleToHidden":{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=h[o],a=c.slice(-1)[0],d=b===this.tabsFilteredAsHiddenList.length?b-1:b;c.splice(d,0,s),c.pop();const n=h.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));n.push(a),this.tabsFilteredAsVisibleList=[...n],this.tabsFilteredAsHiddenList=[...c];break}case"visibleToVisible":{const e=h[o];h.splice(o,1),h.splice(b,0,e),this.tabsFilteredAsVisibleList=h,b===this.tabsFilteredAsVisibleList.length-1&&(null===(a=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===a||a.remove());break}case"hiddenToVisible":{null===(n=null===(d=this.visibleTabsContainerElement)||void 0===d?void 0:d.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=c[o],i=h.slice(-1)[0];c.splice(o,1),c.splice(0,0,i);const s=b===this.tabsFilteredAsVisibleList.length?b-1:b;h.splice(s,0,t),h.pop(),this.tabsFilteredAsVisibleList=h,this.tabsFilteredAsHiddenList=c;break}case"hiddenToHidden":{const e=c[o];c.splice(o,1),c.splice(b,0,e),this.tabsFilteredAsHiddenList=c,b===this.tabsFilteredAsHiddenList.length-1&&(null===(r=null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[this.hiddenTabsContainerElement.children.length-1])||void 0===r||r.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex(e=>e.selected);this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map(e=>e.name),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(f))?`${f}${e.id}`:e.id}getNormalizedTabId(e){return e.replace(f,"")}static get styles(){return[d.a,u.a]}ensureTabsUpdateComplete(e){return T(this,void 0,void 0,(function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e,t)=>{e.setAttribute("measuringrealwidth","");const i=e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),i}):this.tabs.map((e,t)=>e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth)}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e,t)=>e.offsetHeight)}manageOverflow(){var e,t;return T(this,void 0,void 0,(function*(){if("vertical"!==this.direction){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,a,d;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(a=null==e?void 0:e.querySelector("slot"))||void 0===a?void 0:a.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(d=null==e?void 0:e.children[0])||void 0===d||d.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const a=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const d=this.measureTabsOffsetWidth(),n=i.reduce((e,t,i)=>e+=d[i],0);if(n){yield this.setupMoreTab();let e=!0;a<n&&(e=!1);const t=[];let l=0;i.forEach((i,n)=>{l+=d[n];const r=!e&&l+(n<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:r,tabOffsetWidth:d[n]})}),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find(e=>e.isTabInViewportHidden),this.tabsFilteredAsVisibleList=i.filter((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsFilteredAsHiddenList=i.filter((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})}}this.updateIsMoreTabMenuSelected();const a=this.tabsFilteredAsHiddenList.find(e=>!e.disabled);this.updateHiddenIdPositiveTabIndex(a)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{const i=e.getAttribute("name")||"",s=t.getAttribute("name")||"";return this.tabsOrderPrefsArray.indexOf(i)-this.tabsOrderPrefsArray.indexOf(s)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return T(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`),e.forEach((e,i)=>{const s="tab_"+Object(h.nanoid)(10);e.setAttribute("id",s),e.setAttribute("aria-controls",s),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const a=t[i];a?(a.setAttribute("id",s),a.setAttribute("aria-labelledby",s),a.selected=this.selected===i,e.disabled&&(a.hidden=!0,a.selected=!1)):e.disabled=!0});let i=this.selected;for(;i<e.length&&e[i].disabled;)i++;i=i===e.length?0:i,e[i].selected=!0,t[i].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){const t=Object.create(null,{handleResize:{get:()=>super.handleResize}});return T(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow()}))}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"visibleToHidden":e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?"visibleToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?"hiddenToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"hiddenToHidden":void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){var t,i;const{id:s}=e.detail,a=this.tabsHash[this.getNormalizedTabId(s)];if(a&&!a.disabled&&"auto"===a.closable){const e=this.tabsFilteredAsVisibleList.findIndex(e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(s));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(s)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+s))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(e)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(t&&i&&[s,e].forEach(e=>{const s=t[e];s&&s.toggleAttribute("selected");const a=i[e];if(a&&a.toggleAttribute("selected"),s){const e=this.tabsCopyHash[this.getCopyTabId(s)];e?(e.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}),e>=0){this.dispatchSelectedChangedEvent(e);const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList].findIndex(i=>i.id===t[e].id);this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i=this.tabs[e].id,s=t.findIndex(e=>e.id===i),a=[];t.forEach(e=>{a.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:a},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var t,i,s,a;if(e<this.tabsFilteredAsVisibleList.length)null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected])||void 0===i||i.focus();else{const e=this.selected-this.tabsFilteredAsVisibleList.length;null===(a=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e])||void 0===a||a.focus();const t=this.tabsFilteredAsHiddenList[e];!(null==t?void 0:t.disabled)&&this.updateHiddenIdPositiveTabIndex(t)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,""+e)}handleOverlayClose(){this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){let t;if(e.target!=this)return!1;t=e.path?e.path[0].id:e.composedPath()?e.composedPath()[0].id:e.originalTarget.id;const i=this.getNormalizedTabId(t);this.dispatchKeydownEvent(e,i);const a=e.code,{shiftKey:d}=e,n=!!this.isMoreTabMenuVisible&&"tab-more"===i,l=n&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(i)],r=!this.isMoreTabMenuVisible||l&&this.tabsVisibleIdxHash[l.id]>-1,o=!!this.isMoreTabMenuVisible&&(l&&this.tabsHiddenIdxHash[l.id]>-1),b=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,h=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,c=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(a){case s.b.Tab:n&&!this.isMoreTabMenuOpen&&d&&(e.preventDefault(),this.changeSelectedTabIdx(b));break;case s.b.End:n||(r?this.changeSelectedTabIdx(b):o&&this.changeSelectedTabIdx(c));break;case s.b.Home:n||r?this.changeSelectedTabIdx(0):o&&this.changeSelectedTabIdx(h);break;case s.b.ArrowLeft:n||r&&(e.stopPropagation(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1));break;case s.b.ArrowRight:n||r&&(e.stopPropagation(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1));break;case s.b.ArrowUp:if(n);else if(r&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1);else if(o){e.preventDefault();const t=this.selected===h?c:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.b.ArrowDown:if(n);else if(r&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1);else if(o){e.preventDefault();const t=this.selected===c?h:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.b.Enter:case s.b.Space:if(n){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.find(e=>e.selected)||e.length?e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(l&&!l.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(l.id)];-1!==e&&this.updateSelectedTab(e)}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map(e=>e.name)}setupMoreTab(){return T(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=p.a.create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=p.a.create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList];i.length&&i[t].id?this.handleNewSelectedTab(i[t].id):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}updated(e){var t;if(super.updated(e),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce((e,t)=>(e[t.id]=t,e),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce((e,t)=>e+=t,0)+"px"):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage()}render(){return n.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[80],{99:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_TAB_COPY_ID_PREFIX",(function(){return f})),i.d(t,"Tabs",(function(){return y}));i(15),i(32);var s=i(1),a=i(7),d=i(4),n=i(0),l=i(3),r=i(14),o=i(9),b=i(65),h=i(22),c=i(30),p=i.n(c),u=i(37),m=i(41),v=function(e,t,i,s){var a,d=arguments.length,n=d<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 l=e.length-1;l>=0;l--)(a=e[l])&&(n=(d<3?a(n):d>3?a(t,i,n):a(t,i))||n);return d>3&&n&&Object.defineProperty(t,i,n),n},T=function(e,t,i,s){return new(i||(i=Promise))((function(a,d){function n(e){try{r(s.next(e))}catch(e){d(e)}}function l(e){try{r(s.throw(e))}catch(e){d(e)}}function r(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,l)}r((s=s.apply(e,t||[])).next())}))};const f="more-menu-copy-";var y;!function(e){let t=class extends(Object(a.c)(Object(a.d)(Object(a.e)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>T(this,void 0,void 0,(function*(){var t,i,s,a,d,n,l,r;e.stopPropagation();const o=e.oldIndex,b=e.newIndex,h=[...this.tabsFilteredAsVisibleList],c=[...this.tabsFilteredAsHiddenList],p=this.getDragDirection(e);if(void 0!==o&&void 0!==b){switch(p){case"visibleToHidden":{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=h[o],a=c.slice(-1)[0],d=b===this.tabsFilteredAsHiddenList.length?b-1:b;c.splice(d,0,s),c.pop();const n=h.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));n.push(a),this.tabsFilteredAsVisibleList=[...n],this.tabsFilteredAsHiddenList=[...c];break}case"visibleToVisible":{const e=h[o];h.splice(o,1),h.splice(b,0,e),this.tabsFilteredAsVisibleList=h,b===this.tabsFilteredAsVisibleList.length-1&&(null===(a=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===a||a.remove());break}case"hiddenToVisible":{null===(n=null===(d=this.visibleTabsContainerElement)||void 0===d?void 0:d.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=c[o],i=h.slice(-1)[0];c.splice(o,1),c.splice(0,0,i);const s=b===this.tabsFilteredAsVisibleList.length?b-1:b;h.splice(s,0,t),h.pop(),this.tabsFilteredAsVisibleList=h,this.tabsFilteredAsHiddenList=c;break}case"hiddenToHidden":{const e=c[o];c.splice(o,1),c.splice(b,0,e),this.tabsFilteredAsHiddenList=c,b===this.tabsFilteredAsHiddenList.length-1&&(null===(r=null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[this.hiddenTabsContainerElement.children.length-1])||void 0===r||r.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex(e=>e.selected);this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map(e=>e.name),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(f))?`${f}${e.id}`:e.id}getNormalizedTabId(e){return e.replace(f,"")}static get styles(){return[d.a,u.a]}ensureTabsUpdateComplete(e){return T(this,void 0,void 0,(function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e,t)=>{e.setAttribute("measuringrealwidth","");const i=e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),i}):this.tabs.map((e,t)=>e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth)}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e,t)=>e.offsetHeight)}manageOverflow(){var e,t;return T(this,void 0,void 0,(function*(){if("vertical"!==this.direction){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,a,d;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(a=null==e?void 0:e.querySelector("slot"))||void 0===a?void 0:a.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(d=null==e?void 0:e.children[0])||void 0===d||d.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const a=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const d=this.measureTabsOffsetWidth(),n=i.reduce((e,t,i)=>e+=d[i],0);if(n){yield this.setupMoreTab();let e=!0;a<n&&(e=!1);const t=[];let l=0;i.forEach((i,n)=>{l+=d[n];const r=!e&&l+(n<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:r,tabOffsetWidth:d[n]})}),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find(e=>e.isTabInViewportHidden),this.tabsFilteredAsVisibleList=i.filter((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsFilteredAsHiddenList=i.filter((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})}}this.updateIsMoreTabMenuSelected();const a=this.tabsFilteredAsHiddenList.find(e=>!e.disabled);this.updateHiddenIdPositiveTabIndex(a)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{const i=e.getAttribute("name")||"",s=t.getAttribute("name")||"";return this.tabsOrderPrefsArray.indexOf(i)-this.tabsOrderPrefsArray.indexOf(s)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return T(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`),e.forEach((e,i)=>{const s=Object(h.nanoid)(10),a="tab_"+s,d="tab_panel_"+s;e.setAttribute("id",a),e.setAttribute("aria-controls",d),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const n=t[i];n?(n.setAttribute("id",d),n.setAttribute("aria-labelledby",a),n.selected=this.selected===i,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0});let i=this.selected;for(;i<e.length&&e[i].disabled;)i++;i=i===e.length?0:i,e[i].selected=!0,t[i].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){const t=Object.create(null,{handleResize:{get:()=>super.handleResize}});return T(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow()}))}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"visibleToHidden":e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?"visibleToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?"hiddenToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"hiddenToHidden":void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){var t,i;const{id:s}=e.detail,a=this.tabsHash[this.getNormalizedTabId(s)];if(a&&!a.disabled&&"auto"===a.closable){const e=this.tabsFilteredAsVisibleList.findIndex(e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(s));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(s)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+s))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(e)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(t&&i&&[s,e].forEach(e=>{const s=t[e];s&&s.toggleAttribute("selected");const a=i[e];if(a&&a.toggleAttribute("selected"),s){const e=this.tabsCopyHash[this.getCopyTabId(s)];e?(e.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}),e>=0){this.dispatchSelectedChangedEvent(e);const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList].findIndex(i=>i.id===t[e].id);this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i=this.tabs[e].id,s=t.findIndex(e=>e.id===i),a=[];t.forEach(e=>{a.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:a},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var t,i,s,a;if(e<this.tabsFilteredAsVisibleList.length)null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected])||void 0===i||i.focus();else{const e=this.selected-this.tabsFilteredAsVisibleList.length;null===(a=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e])||void 0===a||a.focus();const t=this.tabsFilteredAsHiddenList[e];!(null==t?void 0:t.disabled)&&this.updateHiddenIdPositiveTabIndex(t)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,""+e)}handleOverlayClose(){this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){let t;if(e.target!=this)return!1;t=e.path?e.path[0].id:e.composedPath()?e.composedPath()[0].id:e.originalTarget.id;const i=this.getNormalizedTabId(t);this.dispatchKeydownEvent(e,i);const a=e.code,{shiftKey:d}=e,n=!!this.isMoreTabMenuVisible&&"tab-more"===i,l=n&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(i)],r=!this.isMoreTabMenuVisible||l&&this.tabsVisibleIdxHash[l.id]>-1,o=!!this.isMoreTabMenuVisible&&(l&&this.tabsHiddenIdxHash[l.id]>-1),b=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,h=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,c=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(a){case s.b.Tab:n&&!this.isMoreTabMenuOpen&&d&&(e.preventDefault(),this.changeSelectedTabIdx(b));break;case s.b.End:n||(r?this.changeSelectedTabIdx(b):o&&this.changeSelectedTabIdx(c));break;case s.b.Home:n||r?this.changeSelectedTabIdx(0):o&&this.changeSelectedTabIdx(h);break;case s.b.ArrowLeft:n||r&&(e.stopPropagation(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1));break;case s.b.ArrowRight:n||r&&(e.stopPropagation(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1));break;case s.b.ArrowUp:if(n);else if(r&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1);else if(o){e.preventDefault();const t=this.selected===h?c:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.b.ArrowDown:if(n);else if(r&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1);else if(o){e.preventDefault();const t=this.selected===c?h:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.b.Enter:case s.b.Space:if(n){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.find(e=>e.selected)||e.length?e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(l&&!l.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(l.id)];-1!==e&&this.updateSelectedTab(e)}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map(e=>e.name)}setupMoreTab(){return T(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=p.a.create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=p.a.create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList];i.length&&i[t].id?this.handleNewSelectedTab(i[t].id):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}updated(e){var t;if(super.updated(e),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce((e,t)=>(e[t.id]=t,e),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce((e,t)=>e+=t,0)+"px"):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage()}render(){return n.html`
|
|
2
2
|
<div
|
|
3
3
|
part="tabs-list"
|
|
4
4
|
class="md-tab__list ${Object(l.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"no-tabs-visible":this.noTabsVisible})}"
|
package/dist/chunks/md-82.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[82],{100:function(o,e,r){"use strict";r.r(e),r.d(e,"Theme",(function(){return t}));var t,l=r(59),d=r(38),c=r(21),a=r(5),b=r(0),n=b.css`:host,:root{--md-blue-10:#C9F4FF;--md-blue-20:#91EBFF;--md-blue-30:#52DCFF;--md-blue-40:#07C1F5;--md-blue-50:#00A0D1;--md-blue-60:#007AA3;--md-blue-70:#005E7D;--md-blue-80:#064157;--md-blue-90:#092D3B;--md-blue-95:#091E26;--md-blue-05:#EBFCFF;--md-red-10:#FFE8E3;--md-red-20:#FFD5CC;--md-red-30:#FFBBAD;--md-red-40:#FF9580;--md-red-50:#F7644A;--md-red-60:#D4371C;--md-red-70:#A12512;--md-red-80:#6E1D13;--md-red-90:#4A1812;--md-red-95:#301210;--md-red-05:#FFF5F2;--md-yellow-10:#FFECC2;--md-yellow-20:#FFD98C;--md-yellow-30:#FFC14F;--md-yellow-40:#FC9D03;--md-yellow-50:#D97F00;--md-yellow-60:#A85F00;--md-yellow-70:#7D4705;--md-yellow-80:#54330D;--md-yellow-90:#38240E;--md-yellow-95:#261A0D;--md-yellow-05:#FFF7E3;--md-green-10:#BEFADE;--md-green-20:#78F5B8;--md-green-30:#31E88C;--md-green-40:#00CF64;--md-green-50:#00AB50;--md-green-60:#00853C;--md-green-70:#03612C;--md-green-80:#08421F;--md-green-90:#092E16;--md-green-95:#081F10;--md-green-05:#EDFAF4;--md-gray-10:#EDEDED;--md-gray-20:#DEDEDE;--md-gray-30:#ccc;--md-gray-40:#B2B2B2;--md-gray-50:#949494;--md-gray-60:#707070;--md-gray-70:#545454;--md-gray-80:#3B3B3B;--md-gray-90:#292929;--md-gray-95:#1C1C1C;--md-gray-100:#121212;--md-gray-05:#F7F7F7;--md-white-60:#fff;--md-white-100:#fff;--md-white:#fff;--md-black-100:#000;--md-black:#000;--md-orange-10:#FAF4EB;--md-orange-20:#FCE4C7;--md-orange-30:#FFCA99;--md-orange-40:#FF9D52;--md-orange-50:#F26B1D;--md-orange-60:#C74F0E;--md-orange-70:#914017;--md-orange-80:#59311E;--md-orange-90:#33221B;--md-orange-100:#211916;--md-gold-10:#F7F6DC;--md-gold-20:#F5EAA2;--md-gold-30:#EBD460;--md-gold-40:#D6B220;--md-gold-50:#BA8C00;--md-gold-60:#996E00;--md-gold-70:#735107;--md-gold-80:#4D370C;--md-gold-90:#30240D;--md-gold-100:#21190B;--md-olive-10:#F3F5E4;--md-olive-20:#E7EDB7;--md-olive-30:#D3DB7B;--md-olive-40:#B4BA43;--md-olive-50:#999923;--md-olive-60:#7D7A18;--md-olive-70:#5C5813;--md-olive-80:#403D11;--md-olive-90:#29260D;--md-olive-100:#1C1A0A;--md-lime-10:#F3F7E9;--md-lime-20:#DDF2AE;--md-lime-30:#BCE36F;--md-lime-40:#93C437;--md-lime-50:#73A321;--md-lime-60:#588219;--md-lime-70:#416116;--md-lime-80:#2D4214;--md-lime-90:#1E2B10;--md-lime-100:#141C0C;--md-mint-10:#E9F7F3;--md-mint-20:#BAF5E7;--md-mint-30:#74E8D1;--md-mint-40:#30C9B0;--md-mint-50:#16A693;--md-mint-60:#148579;--md-mint-70:#12615A;--md-mint-80:#12423F;--md-mint-90:#102B2A;--md-mint-100:#0C1C1B;--md-cyan-10:#E6F9FA;--md-cyan-20:#B2F4F7;--md-cyan-30:#67E7F0;--md-cyan-40:#22C7D6;--md-cyan-50:#00A3B5;--md-cyan-60:#008094;--md-cyan-70:#066070;--md-cyan-80:#0A414D;--md-cyan-90:#0B2A30;--md-cyan-100:#091C21;--md-cobalt-10:#E6F8FF;--md-cobalt-20:#C7EEFF;--md-cobalt-30:#9df;--md-cobalt-40:#5EBFF6;--md-cobalt-50:#279BE7;--md-cobalt-60:#0A78CC;--md-cobalt-70:#08599C;--md-cobalt-80:#103C62;--md-cobalt-90:#12283D;--md-cobalt-100:#0F1A25;--md-slate-10:#F2F4FF;--md-slate-20:#E3E7FA;--md-slate-30:#CED2ED;--md-slate-40:#B0B4D9;--md-slate-50:#8C91BD;--md-slate-60:#6F739E;--md-slate-70:#535573;--md-slate-80:#393A47;--md-slate-90:#26262B;--md-slate-100:#1A1A1C;--md-violet-10:#F8F2FC;--md-violet-20:#F0E3FC;--md-violet-30:#E2CAFC;--md-violet-40:#C7A5FA;--md-violet-50:#A87FF1;--md-violet-60:#875AE1;--md-violet-70:#643ABD;--md-violet-80:#432C77;--md-violet-90:#29223D;--md-violet-100:#1B1823;--md-purple-10:#FCF2FC;--md-purple-20:#FCE1FC;--md-purple-30:#FAC3F8;--md-purple-40:#F294F1;--md-purple-50:#E060DE;--md-purple-60:#C233C4;--md-purple-70:#932099;--md-purple-80:#601E66;--md-purple-90:#3B1840;--md-purple-100:#251329;--md-pink-10:#FFF2F5;--md-pink-20:#FFE0E7;--md-pink-30:#FFC7D2;--md-pink-40:#FC97AA;--md-pink-50:#F0677E;--md-pink-60:#D43B52;--md-pink-70:#A12A3A;--md-pink-80:#66262D;--md-pink-90:#3B1E21;--md-pink-100:#241617;--md-theme-10:#C9F4FF;--md-theme-20:#91EBFF;--md-theme-30:#52DCFF;--md-theme-40:#07C1F5;--md-theme-50:#00A0D1;--md-theme-60:#007AA3;--md-theme-70:#005E7D;--md-theme-80:#064157;--md-theme-90:#092D3B;--md-theme-95:#091E26;--md-theme-05:#EBFCFF;--sandbox-bg-color:#3B3B3B;--sandbox-secondary-bg-color:#121212;--main-bg-color:#121212;--md-default-focus-outline-color:#07C1F5;--md-primary-bg-color:#121212;--md-primary-one-bg-color:#1C1C1C;--md-primary-two-bg-color:#292929;--md-secondary-bg-color:#121212;--md-secondary-one-bg-color:#1C1C1C;--md-secondary-two-bg-color:#292929;--md-secondary-three-bg-color:#3B3B3B;--md-tertiary-bg-color:#292929;--md-tertiary-one-bg-color:#1C1C1C;--md-tertiary-two-bg-color:#3B3B3B;--md-quaternary-bg-color:#3B3B3B;--md-quaternary-one-bg-color:#707070;--md-quaternary-two-bg-color:#292929;--md-conference-chat-bg-color:#26262B;--md-secondary-white-bg-color:#1C1C1C;--md-tertiary-white-bg-color:#292929;--md-primary-success-bg-color:#12615A;--md-primary-success-text-color:#BAF5E7;--md-primary-text-color:#F7F7F7;--md-secondary-text-color:#B2B2B2;--md-disabled-text-color:#545454;--md-highlight-text-color:#064157;--md-hyperlink-text-color:#07C1F5;--md-hyperlink-hover-text-color:#91EBFF;--md-hyperlink-focus-text-color:#07C1F5;--md-focus-border-color:#07C1F5;--md-primary-seperator-color:#545454;--md-secondary-seperator-color:#707070;--md-alert-error-bg-color:#6E1D13;--md-alert-error-text-color:#FF9580;--md-alert-warning-bg-color:#54330D;--md-alert-warning-text-color:#FC9D03;--md-alert-success-bg-color:#08421F;--md-alert-success-text-color:#00CF64;--md-alert-info-bg-color:#064157;--md-alert-info-text-color:#07C1F5;--md-presence-active-bg-color:#00AB50;--md-presence-do-not-disturb-bg-color:#D4371C;--md-presence-away-bg-color:#ccc;--md-presence-busy-bg-color:#FC9D03;--md-email-composer-bg-color:#1C1C1C;--md-email-composer-thread-bar-color:#C7A5FA;--md-email-composer-ccChip-bg-color:#292929;--md-interaction-history-bg-color:#1C1C1C;--md-auto-wrapup-bg-color:#092D3B;--md-menu-overlay-border-color:#3B3B3B;--md-dynamic-layout-button-border-color:#545454;--md-dynamic-layout-button-inverted-border-color:#EDEDED;--md-nav-tab-hover-bg-color:#3B3B3B;--md-nav-tab-active-bg-color:#545454;--md-input-bg-color:#1C1C1C;--md-input-chat-length-indicator-bg-color:#292929;--md-input-chat-length-indicator-color:#B2B2B2;--md-input-chat-bg-color:#292929;--md-input-chat-color:#F7F7F7;--md-input-chat-error-color:#F7644A;--md-webex-chat-disable-bg-color:#292929;--md-webex-chat-disable-color:#545454;--rem-base:14px;font-size:var(--rem-base);--md-button-primary-bg-color:#007AA3;--md-button-primary-hover-bg-color:#005E7D;--md-button-primary-pressed-bg-color:#064157;--md-button-primary-text-color:#F7F7F7;--md-button-primary-outline-color:#07C1F5;--md-button-primary-outline-text-color:#07C1F5;--md-button-secondary-bg-color:#707070;--md-button-secondary-hover-bg-color:#545454;--md-button-secondary-pressed-bg-color:#3B3B3B;--md-button-secondary-text-color:#F7F7F7;--md-button-secondary-outline-color:#B2B2B2;--md-button-secondary-outline-text-color:#B2B2B2;--md-button-tertiary-bg-color:#DEDEDE;--md-button-tertiary-hover-bg-color:#ccc;--md-button-tertiary-pressed-bg-color:#B2B2B2;--md-button-tertiary-text-color:#121212;--md-button-tertiary-outline-color:#545454;--md-button-tertiary-outline-text-color:#545454;--md-button-join-bg-color:#00853C;--md-button-join-hover-bg-color:#03612C;--md-button-join-pressed-bg-color:#08421F;--md-button-join-text-color:#F7F7F7;--md-button-join-outline-color:#00CF64;--md-button-join-outline-text-color:#00CF64;--md-button-cancel-bg-color:#D4371C;--md-button-cancel-hover-bg-color:#A12512;--md-button-cancel-pressed-bg-color:#6E1D13;--md-button-cancel-text-color:#F7F7F7;--md-button-cancel-outline-color:#FF9580;--md-button-cancel-outline-text-color:#FF9580;--md-button-ghost-bg-color:none;--md-button-ghost-hover-bg-color:#545454;--md-button-ghost-pressed-bg-color:#707070;--md-button-ghost-text-color:#F7F7F7;--md-button-focus-ring-color:#07C1F5;--md-button-disabled-bg-color:#292929;--md-button-disabled-text-color:#545454;--md-button-files-normal-bg-color:none;--md-button-files-normal-text-color:#F7F7F7;--md-button-files-hover-bg-color:#3B3B3B;--md-button-files-hover-text-color:#F7F7F7;--md-button-files-pressed-bg-color:#D97F00;--md-button-files-pressed-text-color:#F7F7F7;--md-button-whiteboards-normal-bg-color:none;--md-button-whiteboards-normal-text-color:#F7F7F7;--md-button-whiteboards-hover-bg-color:#3B3B3B;--md-button-whiteboards-hover-text-color:#F7F7F7;--md-button-whiteboards-pressed-bg-color:#E060DE;--md-button-whiteboards-pressed-text-color:#F7F7F7;--md-input-background-color:#121212;--md-input-background-hover:#3B3B3B;--md-input-background-pressed:#545454;--md-input-background-active:#3B3B3B;--md-input-background-theme-color:#07C1F5;--md-input-background-theme-hover:#00A0D1;--md-input-background-theme-pressed:#007AA3;--md-input-background-theme-active:#007AA3;--md-input-background-theme-disabled:#092D3B;--md-input-background-error:#4A1812;--md-input-disabled:#292929;--md-input-focusRing:#07C1F5;--md-input-outline-color:#545454;--md-input-outline-active:#707070;--md-input-outline-error:#F7644A;--md-input-text-primary:#F7F7F7;--md-input-text-secondary:#545454;--md-input-text-disabled:#B2B2B2;--md-input-text-error:#FF9580;--md-textColor-primary:#F7F7F7;--md-textColor-secondary:#B2B2B2;--md-textColor-disabled:#545454;--md-textColor-highlight:#3B3B3B;--md-textColor-hyperlink-color:#07C1F5;--md-textColor-hyperlink-hover:#91EBFF;--md-textColor-hyperlink-focus:#07C1F5;--md-background-primary:#121212;--md-background-secondary:#1C1C1C;--md-background-tertiary:#292929;--md-background-quaternary:#3B3B3B;--md-presence-busy:#FC9D03;--md-presence-doNotDisturb:#D4371C;--md-presence-active:#00AB50;--md-presence-away:#ccc;--md-alert-background-warning:#54330D;--md-alert-background-error:#6E1D13;--md-alert-background-theme:#064157;--md-alert-background-success:#08421F;--md-alert-text-warning:#FC9D03;--md-alert-text-error:#FF9580;--md-alert-text-theme:#07C1F5;--md-alert-text-success:#00CF64;--md-avatar-cobalt:#9df;--md-avatar-cyan:#67E7F0;--md-avatar-gold:#EBD460;--md-avatar-gray:#ccc;--md-avatar-lime:#BCE36F;--md-avatar-mint:#74E8D1;--md-avatar-orange:#FFCA99;--md-avatar-pink:#FFC7D2;--md-avatar-purple:#FAC3F8;--md-avatar-slate:#CED2ED;--md-avatar-violet:#E2CAFC;--md-separator-primary:#545454;--md-separator-secondary:#707070;--accordion-color-border:#292929;--accordion-bg-focus:#292929;--accordion-hover:#3B3B3B;--accordion-active:#00A0D1;--alert-default-bg-color:#292929;--alert-default-align-items:flex-start;--alert-default-text-color:#DEDEDE;--alert-default-icon-size:24px;--alert-title-text-color:#F7F7F7;--alert-title-font-size:1rem;--alert-close-bg-color:#292929;--alert-close-size:1rem;--alert-close-text-color:#F7F7F7;--alert-banner-default-bg-color:#005E7D;--alert-banner-default-text-color:#C9F4FF;--alert-banner-error-bg-color:#A12512;--alert-banner-error-text-color:#FFE8E3;--alert-banner-warning-bg-color:#7D4705;--alert-banner-warning-text-color:#FFECC2;--audio-player-background-body:#3B3B3B;--audio-player-background-progress-bar:#F7F7F7;--audio-player-background-buffer-bar:#ccc;--audio-player-background-timeline:#707070;--audio-player-background-speed-popup:#292929;--audio-player-background-speed-popup-hover:#545454;--audio-player-font-color:#F7F7F7;--audio-player-focus-ring-color:#07C1F5;--avatar-letter-bg-color:#3B3B3B;--avatar-letter-text-color:#EDEDED;--avatar-blue-bg-color:#103C62;--avatar-blue-text-color:#C7EEFF;--avatar-green-bg-color:#08421F;--avatar-green-text-color:#78F5B8;--avatar-purple-bg-color:#601E66;--avatar-purple-text-color:#FCE1FC;--avatar-violet-bg-color:#432C77;--avatar-violet-text-color:#F0E3FC;--avatar-mint-bg-color:#12423F;--avatar-mint-text-color:#BAF5E7;--avatar-darkmint-bg-color:#16A693;--avatar-darkmint-text-color:#F7F7F7;--avatar-yellow-bg-color:#54330D;--avatar-yellow-text-color:#FFD98C;--avatar-red-bg-color:#6E1D13;--avatar-red-text-color:#FFD5CC;--avatar-orange-bg-color:#59311E;--avatar-orange-text-color:#FCE4C7;--avatar-cyan-bg-color:#0A414D;--avatar-cyan-text-color:#B2F4F7;--avatar-slate-bg-color:#393A47;--avatar-slate-text-color:#E3E7FA;--avatar-pink-bg-color:#66262D;--avatar-pink-text-color:#FFE0E7;--avatar-cobalt-bg-color:#103C62;--avatar-cobalt-text-color:#C7EEFF;--avatar-gold-bg-color:#4D370C;--avatar-gold-text-color:#F5EAA2;--avatar-lime-bg-color:#2D4214;--avatar-lime-text-color:#DDF2AE;--badge-default-bg-color:#3B3B3B;--badge-default-text-color:#F7F7F7;--badge-blue-bg-color:#08599C;--badge-blue-text-color:#C7EEFF;--badge-blue-hover-bg-color:#0A78CC;--badge-blue-active-bg-color:#279BE7;--badge-gray-bg-color:#545454;--badge-gray-text-color:#F7F7F7;--badge-gray-hover-bg-color:#707070;--badge-gray-active-bg-color:#949494;--badge-green-bg-color:#08421F;--badge-green-text-color:#78F5B8;--badge-lime-bg-color:#416116;--badge-lime-text-color:#DDF2AE;--badge-lime-hover-bg-color:#588219;--badge-lime-active-bg-color:#73A321;--badge-pink-bg-color:#A12A3A;--badge-pink-text-color:#FFE0E7;--badge-pink-hover-bg-color:#D43B52;--badge-pink-active-bg-color:#F0677E;--badge-purple-bg-color:#601E66;--badge-purple-text-color:#FCE1FC;--badge-violet-bg-color:#643ABD;--badge-violet-text-color:#F0E3FC;--badge-violet-hover-bg-color:#875AE1;--badge-violet-active-bg-color:#A87FF1;--badge-mint-bg-color:#12615A;--badge-mint-text-color:#BAF5E7;--badge-mint-hover-bg-color:#148579;--badge-mint-active-bg-color:#16A693;--badge-darkmint-bg-color:#16A693;--badge-darkmint-text-color:#F7F7F7;--badge-yellow-bg-color:#54330D;--badge-yellow-text-color:#FFD98C;--badge-gold-bg-color:#735107;--badge-gold-text-color:#F5EAA2;--badge-gold-hover-bg-color:#996E00;--badge-gold-active-bg-color:#BA8C00;--badge-red-bg-color:#6E1D13;--badge-red-text-color:#FFD5CC;--badge-darkred-bg-color:#D4371C;--badge-darkred-text-color:#FFBBAD;--badge-orange-bg-color:#914017;--badge-orange-text-color:#FCE4C7;--badge-orange-hover-bg-color:#C74F0E;--badge-orange-active-bg-color:#F26B1D;--badge-cyan-bg-color:#0A414D;--badge-cyan-text-color:#B2F4F7;--badge-hold-bg-color:#54330D;--badge-hold-text-color:#F7F7F7;--badge-outline-color:#DEDEDE;--badge-outline-text-color:#F7F7F7;--badge-disabled-bg-color:#292929;--badge-disabled-text-color:#545454;--breadcrumb-color:#07C1F5;--breadcrumb-color-current:#949494;--breadcrumb-color-slash:#B2B2B2;--button-primary-bg-color:#007AA3;--button-primary-text-color:#F7F7F7;--button-primary-hover-bg-color:#005E7D;--button-primary-pressed-bg-color:#064157;--button-primary-outline-color:#07C1F5;--button-primary-outline-text-color:#07C1F5;--button-secondary-bg-color:#3B3B3B;--button-secondary-text-color:#F7F7F7;--button-secondary-hover-bg-color:#292929;--button-secondary-pressed-bg-color:#121212;--button-secondary-outline-color:#B2B2B2;--button-secondary-outline-text-color:#B2B2B2;--button-green-bg-color:#00853C;--button-green-hover-bg-color:#03612C;--button-green-pressed-bg-color:#08421F;--button-green-outline-color:#00CF64;--button-green-outline-text-color:#00CF64;--button-white-bg-color:#292929;--button-white-text-color:#B2B2B2;--button-white-hover-bg-color:#292929;--button-white-pressed-bg-color:#1C1C1C;--button-white-outline-color:#B2B2B2;--button-white-outline-text-color:#B2B2B2;--button-inverted-white-bg-color:#fff;--button-inverted-white-text-color:#121212;--button-inverted-white-hover-bg-color:#EDEDED;--button-inverted-white-pressed-bg-color:#DEDEDE;--button-inverted-white-outline-color:#ccc;--button-inverted-white-outline-text-color:#545454;--button-gray-bg-color:#3B3B3B;--button-gray-hover-bg-color:#545454;--button-gray-pressed-bg-color:#707070;--button-red-bg-color:#D4371C;--button-red-hover-bg-color:#A12512;--button-red-pressed-bg-color:#6E1D13;--button-red-outline-color:#FF9580;--button-red-outline-text-color:#FF9580;--button-available-bg-color:#092E16;--button-available-hover-bg-color:#08421F;--button-available-pressed-bg-color:#08421F;--button-engaged-bg-color:#38240E;--button-engaged-hover-bg-color:#54330D;--button-engaged-pressed-bg-color:#7D4705;--button-unavailable-bg-color:#4A1812;--button-unavailable-hover-bg-color:#6E1D13;--button-unavailable-pressed-bg-color:#6E1D13;--button-idle-bg-color:#292929;--button-idle-hover-bg-color:#3B3B3B;--button-idle-pressed-bg-color:#3B3B3B;--button-disabled-bg-color:#292929;--button-disabled-text-color:#545454;--button-favorite-hover-bg-color:#292929;--button-favorite-pressed-bg-color:#3B3B3B;--button-focus-ring-color:#07C1F5;--button-group-color:#B2B2B2;--button-group-color-active:#F7F7F7;--button-group-bg-color:#1C1C1C;--button-group-bg-color-hover:#292929;--button-group-bg-color-pressed:#3B3B3B;--button-group-bg-color-focus:#292929;--button-group-bg-color-active:#707070;--chat-message-color:#B2B2B2;--chat-message-color-heading:#ccc;--checkbox-bg-color:#121212;--checkbox-text-color:#F7F7F7;--checkbox-border-color:#545454;--checkbox-hover-bg-color:#292929;--checkbox-hover-border-color:#3B3B3B;--checkbox-pressed-bg-color:#3B3B3B;--checkbox-pressed-border-color:#545454;--checkbox-selected-bg-color:#07C1F5;--checkbox-selected-border-color:#07C1F5;--checkbox-selected-hover-bg-color:#00A0D1;--checkbox-selected-hover-border-color:#00A0D1;--checkbox-selected-pressed-bg-color:#007AA3;--checkbox-selected-pressed-border-color:#007AA3;--checkbox-focus-border-color:#005E7D;--checkbox-focus-shadow-color:0 0 4px 2px transparent;--coachmark-default-bg-color:#3B3B3B;--coachmark-default-text-color:#F7F7F7;--coachmark-blue-bg-color:#103C62;--coachmark-blue-text-color:#C7EEFF;--coachmark-green-bg-color:#08421F;--coachmark-green-text-color:#78F5B8;--coachmark-purple-bg-color:#601E66;--coachmark-purple-text-color:#FCE1FC;--coachmark-violet-bg-color:#432C77;--coachmark-violet-text-color:#F0E3FC;--coachmark-mint-bg-color:#12423F;--coachmark-mint-text-color:#BAF5E7;--coachmark-darkmint-bg-color:#16A693;--coachmark-darkmint-text-color:#F7F7F7;--coachmark-yellow-bg-color:#54330D;--coachmark-yellow-text-color:#FFD98C;--coachmark-red-bg-color:#6E1D13;--coachmark-red-text-color:#FFD5CC;--coachmark-darkred-bg-color:#D4371C;--coachmark-darkred-text-color:#FFBBAD;--coachmark-orange-bg-color:#59311E;--coachmark-orange-text-color:#FCE4C7;--coachmark-cyan-bg-color:#0A414D;--coachmark-cyan-text-color:#B2F4F7;--coachmark-outline-color:#DEDEDE;--coachmark-outline-text-color:#F7F7F7;--combobox-bg-color:#121212;--combobox-border-color:#3B3B3B;--combobox-text-color:#B2B2B2;--combobox-hover-bg-color:#292929;--combobox-pressed-bg-color:#3B3B3B;--combobox-focus-border-color:#00A0D1;--combobox-disabled-bg-color:#292929;--combobox-invalid-bg-color:#4A1812;--combobox-invalid-border-color:#F7644A;--combobox-dropdown-bg-color:#292929;--combobox-dropdown-item-hover-bg-color:#064157;--combobox-dropdown-item-focus-bg-color:#005E7D;--combobox-dropdown-item-select-bg-color:#121212;--combobox-dropdown-item-checked-bg-color:#00A0D1;--combobox-dropdown-item-checked-icon-color:#fff;--combobox-dropdown-item-icon-color:#B2B2B2;--combobox-group-button-bg-color:#B2B2B2;--combobox-group-radius:.25rem;--combobox-group-focus-shadow:0 0 4px 2px transparent;--combobox-group-focus-border:1px solid;--combobox-selected-bg-color:#3B3B3B;--combobox-selected-border-color:#545454;--combobox-selected-hover:#3B3B3B;--combobox-group-label-bg-color:#292929;--combobox-group-label-color:#B2B2B2;--combobox-group-label-border-color:#3B3B3B;--datepicker-default-hover-bg-color:#545454;--datepicker-selected-today-text-color:#F7F7F7;--datepicker-range-text-color:#F7F7F7;--datepicker-range-bg-color:#707070;--datepicker-range-hover-bg-color:#545454;--datepicker-range-edge-text-color:#121212;--datepicker-range-edge-bg-color:#F7F7F7;--dropdown-bg-color-hover:#292929;--dropdown-bg-color-active:#3B3B3B;--dropdown-border-color:#3B3B3B;--dropdown-border-color-focus:#00A0D1;--dropdown-label-radius:.25rem;--dropdown-list-bg-color:#292929;--dropdown-list-item-bg-color-hover:#005E7D;--dropdown-list-item-bg-color-focus:#064157;--editable-textfield-default-bg-color:#121212;--editable-textfield-default-text-color:#F7F7F7;--editable-textfield-default-hover-bg-color:#292929;--editable-textfield-default-read-only-bg-color:#292929;--editable-textfield-default-focus-border-color:#07C1F5;--editable-textfield-default-pressed-bg-color:#3B3B3B;--editable-textfield-default-pressed-border-color:#545454;--editable-textfield-disabled-bg-color:#1C1C1C;--editable-textfield-disabled-text-color:#545454;--editable-textfield-error-bg-color:#4A1812;--editable-textfield-error-border-color:#F7644A;--editable-textfield-error-text-color:#F7F7F7;--editable-textfield-error-message-text-color:#F7644A;--editable-textfield-error-hover-bg-color:#6E1D13;--editable-textfield-error-pressed-bg-color:#A12512;--editable-textfield-success-border-color:#07C1F5;--editable-textfield-success-hover-bg-color:#08421F;--editable-textfield-warning-border-color:#FC9D03;--editable-textfield-warning-hover-bg-color:#54330D;--editable-textfield-filled-bg-color:#292929;--editable-textfield-filled-disabled-bg-color:#292929;--editable-textfield-filled-hover-bg-color:#545454;--floating-modal-main-bg-color:#292929;--floating-modal-main-text-color:#F7F7F7;--floating-modal-main-border-color:#3B3B3B;--floating-modal-main-radius:.5rem;--floating-modal-main-box-shadow:0 4px 8px rgba(0,0,0,0.12),0 0 1px rgba(0,0,0,0.2);--floating-modal-main-bg-color-alternate:#ccc;--floating-modal-main-text-color-alternate:#121212;--floating-modal-outer-border-color:#292929;--help-text-default-color:#ccc;--input-default-bg-color:#121212;--input-default-text-color:#F7F7F7;--input-default-border-color:#3B3B3B;--input-default-hover-bg-color:#292929;--input-default-read-only-bg-color:#292929;--input-default-focus-border-color:#07C1F5;--input-default-pressed-bg-color:#3B3B3B;--input-default-pressed-border-color:#545454;--input-default-outline-color:#07C1F5;--input-default-outline-text-color:#07C1F5;--input-disabled-bg-color:#292929;--input-disabled-text-color:#545454;--input-error-bg-color:#4A1812;--input-error-border-color:#F7644A;--input-error-text-color:#F7F7F7;--input-error-message-text-color:#F7644A;--input-error-hover-bg-color:#6E1D13;--input-error-pressed-bg-color:#A12512;--input-succes-border-color:#07C1F5;--input-warning-border-color:#FC9D03;--input-filled-bg-color:#292929;--input-filled-disabled-bg-color:#292929;--input-filled-hover-bg-color:#545454;--input-focus-ring-color:#07C1F5;--label-color:#ccc;--label-secondary:#B2B2B2;--link-default:#07C1F5;--link-hover:#91EBFF;--link-pressed:#C9F4FF;--link-focus:#07C1F5;--link-focus-outline:#007AA3;--link-disabled:#545454;--link-inline:#F7644A;--link-inline-hover:#FF9580;--link-inline-pressed:#FFBBAD;--link-inline-focus:#F7644A;--link-inline-font-size:14px;--link-inline-font-size__inline:12px;--list-text-color:#F7F7F7;--list-hover-background:#064157;--list-disabled-text-color:#545454;--list-active-background:#005E7D;--list-focus-border-color:#07C1F5;--menu-default:#EDEDED;--menu-hover-bg:#064157;--menu-pressed-bg:#005E7D;--modal-main-bg-color:#292929;--modal-main-text-color:#B2B2B2;--modal-main-border-color:#3B3B3B;--modal-main-radius:.5rem;--modal-main-padding:1.5rem 1rem;--modal-title-text-color:#F7F7F7;--modal-backdrop-bg-color:#000;--pagination-color:#707070;--pagination-color-current:#fff;--pagination-bg-current:#007AA3;--pagination-bg-hover:#EDEDED;--pagination-nav-color:#B2B2B2;--pagination-nav-hover:#707070;--pagination-nav-disabled:#ccc;--pagination-dots-color:#ccc;--pagination-dots-color-current:#707070;--phone-input-default-bg-color:#121212;--phone-input-default-border-color:#3B3B3B;--phone-input-disabled-bg-color:#121212;--radio-input-bg-color:#121212;--radio-input-text-color:#F7F7F7;--radio-input-border-color:#545454;--radio-input-hover-bg-color:#292929;--radio-input-hover-border-color:#3B3B3B;--radio-input-pressed-bg-color:#3B3B3B;--radio-input-pressed-border-color:#545454;--radio-input-selected-bg-color:#07C1F5;--radio-input-selected-border-color:#07C1F5;--radio-input-selected-hover-bg-color:#00A0D1;--radio-input-selected-hover-border-color:#00A0D1;--radio-input-selected-pressed-bg-color:#007AA3;--radio-input-selected-pressed-border-color:#007AA3;--radio-input-focus-border-color:#005E7D;--radio-input-focus-shadow-color:0 0 4px 2px transparent;--slider-background-bar:#B2B2B2;--slider-background-disabled-selection:#fff;--slider-background-disabled-pointer:#B2B2B2;--slider-background-focus-pointer:#B2B2B2;--table-header-bg-color:#1C1C1C;--table-hover-bg-color:#292929;--table-pressed-bg-color:#3B3B3B;--table-border-color:#3B3B3B;--table-text-color:#B2B2B2;--table-stripped-bg-color:#3B3B3B;--table-advanced-header-bg-color:#1C1C1C;--table-advanced-filter-bg-color:#121212;--table-advanced-filter-border-color:#3B3B3B;--table-advanced-filter-hover-bg-color:#292929;--table-advanced-filter-pressed-bg-color:#3B3B3B;--table-advanced-hover-bg-color:#1C1C1C;--table-advanced-selected-bg-color:#292929;--table-advanced-border-color:#3B3B3B;--table-advanced-text-color:#B2B2B2;--table-advanced-stripped-bg-color:#3B3B3B;--tabs-default-bg-color:#121212;--tabs-default-text-color:#B2B2B2;--tabs-default-border-color:#292929;--tabs-default-active-border:#07C1F5;--tabs-default-focus-bg:#292929;--tabs-default-focus-border:#07C1F5;--tabs-default-focus-shadow:0 0 4px 2px Transparent;--tabs-default-hover-border:#DEDEDE;--tabs-default-hover:#3B3B3B;--tabs-default-pressed:#545454;--tabs-default-disabled:#545454;--tabs-default-active:#00A0D1;--tabs-left-arrow-bg-color:linear-gradient(to right, #121212 0%, #121212 50%, rgba(18,18,18,0.5) 75%, rgba(18,18,18,0) 100%);--tabs-right-arrow-bg-color:linear-gradient(to right, rgba(18,18,18,0) 0%, rgba(18,18,18,0.5) 25%, #121212 50%, #121212 100%);--taskitem-text-color:#B2B2B2;--taskitem-hover-bg-color:#292929;--taskitem-pressed-bg-color:#292929;--taskitem-focus-bg-color:#1C1C1C;--taskitem-focus-border-color:#07C1F5;--taskitem-status-bg-color:#3B3B3B;--taskitem-status-text-color:#EDEDED;--taskitem-status-pause-bg-color:#7D4705;--taskitem-selected-text-color:#F7F7F7;--taskitem-chat-text-color:#B2B2B2;--taskitem-chat-quantity-bg-color:#08599C;--taskitem-chat-quantity-text-color:#C7EEFF;--toggle-switch-bg-color:#545454;--toggle-switch-bg-color--hover:#B2B2B2;--toggle-switch-bg-color--checked:#00A0D1;--toggle-switch-bg-color--checked-hover:#007AA3;--toggle-switch-bg-color--disabled:#292929;--toggle-switch-bg-color--disabled--checked:#092D3B;--toggle-switch-slider-color:#fff;--toggle-switch-slider-color-disabled:#545454;--toggle-switch-slider-color-disabled--checked:#545454;--toggle-switch-focus:#007AA3;--tooltip-font-color:#F7F7F7;--tooltip-bg-color:#292929}`,i=b.css`:host,:root{--md-blue-10:#C9F4FF;--md-blue-20:#91EBFF;--md-blue-30:#52DCFF;--md-blue-40:#07C1F5;--md-blue-50:#00A0D1;--md-blue-60:#007AA3;--md-blue-70:#005E7D;--md-blue-80:#064157;--md-blue-90:#092D3B;--md-blue-95:#091E26;--md-blue-05:#EBFCFF;--md-red-10:#FFE8E3;--md-red-20:#FFD5CC;--md-red-30:#FFBBAD;--md-red-40:#FF9580;--md-red-50:#F7644A;--md-red-60:#D4371C;--md-red-70:#A12512;--md-red-80:#6E1D13;--md-red-90:#4A1812;--md-red-95:#301210;--md-red-05:#FFF5F2;--md-yellow-10:#FFECC2;--md-yellow-20:#FFD98C;--md-yellow-30:#FFC14F;--md-yellow-40:#FC9D03;--md-yellow-50:#D97F00;--md-yellow-60:#A85F00;--md-yellow-70:#7D4705;--md-yellow-80:#54330D;--md-yellow-90:#38240E;--md-yellow-95:#261A0D;--md-yellow-05:#FFF7E3;--md-green-10:#BEFADE;--md-green-20:#78F5B8;--md-green-30:#31E88C;--md-green-40:#00CF64;--md-green-50:#00AB50;--md-green-60:#00853C;--md-green-70:#03612C;--md-green-80:#08421F;--md-green-90:#092E16;--md-green-95:#081F10;--md-green-05:#EDFAF4;--md-gray-10:#EDEDED;--md-gray-20:#DEDEDE;--md-gray-30:#ccc;--md-gray-40:#B2B2B2;--md-gray-50:#949494;--md-gray-60:#707070;--md-gray-70:#545454;--md-gray-80:#3B3B3B;--md-gray-90:#292929;--md-gray-95:#1C1C1C;--md-gray-100:#121212;--md-gray-05:#F7F7F7;--md-white-60:#fff;--md-white-100:#fff;--md-white:#fff;--md-black-100:#000;--md-black:#000;--md-orange-10:#FAF4EB;--md-orange-20:#FCE4C7;--md-orange-30:#FFCA99;--md-orange-40:#FF9D52;--md-orange-50:#F26B1D;--md-orange-60:#C74F0E;--md-orange-70:#914017;--md-orange-80:#59311E;--md-orange-90:#33221B;--md-orange-100:#211916;--md-gold-10:#F7F6DC;--md-gold-20:#F5EAA2;--md-gold-30:#EBD460;--md-gold-40:#D6B220;--md-gold-50:#BA8C00;--md-gold-60:#996E00;--md-gold-70:#735107;--md-gold-80:#4D370C;--md-gold-90:#30240D;--md-gold-100:#21190B;--md-olive-10:#F3F5E4;--md-olive-20:#E7EDB7;--md-olive-30:#D3DB7B;--md-olive-40:#B4BA43;--md-olive-50:#999923;--md-olive-60:#7D7A18;--md-olive-70:#5C5813;--md-olive-80:#403D11;--md-olive-90:#29260D;--md-olive-100:#1C1A0A;--md-lime-10:#F3F7E9;--md-lime-20:#DDF2AE;--md-lime-30:#BCE36F;--md-lime-40:#93C437;--md-lime-50:#73A321;--md-lime-60:#588219;--md-lime-70:#416116;--md-lime-80:#2D4214;--md-lime-90:#1E2B10;--md-lime-100:#141C0C;--md-mint-10:#E9F7F3;--md-mint-20:#BAF5E7;--md-mint-30:#74E8D1;--md-mint-40:#30C9B0;--md-mint-50:#16A693;--md-mint-60:#148579;--md-mint-70:#12615A;--md-mint-80:#12423F;--md-mint-90:#102B2A;--md-mint-100:#0C1C1B;--md-cyan-10:#E6F9FA;--md-cyan-20:#B2F4F7;--md-cyan-30:#67E7F0;--md-cyan-40:#22C7D6;--md-cyan-50:#00A3B5;--md-cyan-60:#008094;--md-cyan-70:#066070;--md-cyan-80:#0A414D;--md-cyan-90:#0B2A30;--md-cyan-100:#091C21;--md-cobalt-10:#E6F8FF;--md-cobalt-20:#C7EEFF;--md-cobalt-30:#9df;--md-cobalt-40:#5EBFF6;--md-cobalt-50:#279BE7;--md-cobalt-60:#0A78CC;--md-cobalt-70:#08599C;--md-cobalt-80:#103C62;--md-cobalt-90:#12283D;--md-cobalt-100:#0F1A25;--md-slate-10:#F2F4FF;--md-slate-20:#E3E7FA;--md-slate-30:#CED2ED;--md-slate-40:#B0B4D9;--md-slate-50:#8C91BD;--md-slate-60:#6F739E;--md-slate-70:#535573;--md-slate-80:#393A47;--md-slate-90:#26262B;--md-slate-100:#1A1A1C;--md-violet-10:#F8F2FC;--md-violet-20:#F0E3FC;--md-violet-30:#E2CAFC;--md-violet-40:#C7A5FA;--md-violet-50:#A87FF1;--md-violet-60:#875AE1;--md-violet-70:#643ABD;--md-violet-80:#432C77;--md-violet-90:#29223D;--md-violet-100:#1B1823;--md-purple-10:#FCF2FC;--md-purple-20:#FCE1FC;--md-purple-30:#FAC3F8;--md-purple-40:#F294F1;--md-purple-50:#E060DE;--md-purple-60:#C233C4;--md-purple-70:#932099;--md-purple-80:#601E66;--md-purple-90:#3B1840;--md-purple-100:#251329;--md-pink-10:#FFF2F5;--md-pink-20:#FFE0E7;--md-pink-30:#FFC7D2;--md-pink-40:#FC97AA;--md-pink-50:#F0677E;--md-pink-60:#D43B52;--md-pink-70:#A12A3A;--md-pink-80:#66262D;--md-pink-90:#3B1E21;--md-pink-100:#241617;--md-theme-10:#C9F4FF;--md-theme-20:#91EBFF;--md-theme-30:#52DCFF;--md-theme-40:#07C1F5;--md-theme-50:#00A0D1;--md-theme-60:#007AA3;--md-theme-70:#005E7D;--md-theme-80:#064157;--md-theme-90:#092D3B;--md-theme-95:#091E26;--md-theme-05:#EBFCFF;--sandbox-bg-color:#DEDEDE;--sandbox-secondary-bg-color:#e5e5e5;--main-bg-color:#EDEDED;--md-default-focus-outline-color:#007AA3;--md-primary-bg-color:#fff;--md-primary-one-bg-color:#fff;--md-primary-two-bg-color:#fff;--md-secondary-bg-color:#F7F7F7;--md-secondary-one-bg-color:#F7F7F7;--md-secondary-two-bg-color:#F7F7F7;--md-secondary-three-bg-color:#F7F7F7;--md-tertiary-bg-color:#EDEDED;--md-tertiary-one-bg-color:#EDEDED;--md-tertiary-two-bg-color:#EDEDED;--md-quaternary-bg-color:#DEDEDE;--md-quaternary-one-bg-color:#DEDEDE;--md-quaternary-two-bg-color:#DEDEDE;--md-conference-chat-bg-color:#F2F4FF;--md-secondary-white-bg-color:#fff;--md-tertiary-white-bg-color:#fff;--md-primary-success-bg-color:#BEFADE;--md-primary-success-text-color:#03612C;--md-primary-text-color:#121212;--md-secondary-text-color:#545454;--md-disabled-text-color:#B2B2B2;--md-highlight-text-color:#91EBFF;--md-hyperlink-text-color:#005E7D;--md-hyperlink-hover-text-color:#092D3B;--md-hyperlink-focus-text-color:#005E7D;--md-focus-border-color:#005E7D;--md-primary-seperator-color:#ccc;--md-secondary-seperator-color:#B2B2B2;--md-alert-error-bg-color:#FFE8E3;--md-alert-error-text-color:#A12512;--md-alert-warning-bg-color:#FFECC2;--md-alert-warning-text-color:#7D4705;--md-alert-success-bg-color:#BEFADE;--md-alert-success-text-color:#03612C;--md-alert-info-bg-color:#C9F4FF;--md-alert-info-text-color:#005E7D;--md-presence-active-bg-color:#00AB50;--md-presence-do-not-disturb-bg-color:#D4371C;--md-presence-away-bg-color:#ccc;--md-presence-busy-bg-color:#FC9D03;--md-email-composer-bg-color:#fff;--md-email-composer-thread-bar-color:#643ABD;--md-email-composer-ccChip-bg-color:#F7F7F7;--md-interaction-history-bg-color:#F7F7F7;--md-auto-wrapup-bg-color:#EBFCFF;--md-menu-overlay-border-color:#DEDEDE;--md-dynamic-layout-button-border-color:#EDEDED;--md-dynamic-layout-button-inverted-border-color:#545454;--md-nav-tab-hover-bg-color:#EDEDED;--md-nav-tab-active-bg-color:#DEDEDE;--md-input-bg-color:#fff;--md-input-chat-length-indicator-bg-color:#fff;--md-input-chat-length-indicator-color:#545454;--md-input-chat-bg-color:#fff;--md-input-chat-color:#121212;--md-input-chat-error-color:#A12512;--md-webex-chat-disable-bg-color:#DEDEDE;--md-webex-chat-disable-color:#B2B2B2;--rem-base:14px;font-size:var(--rem-base);--md-button-primary-bg-color:#007AA3;--md-button-primary-hover-bg-color:#005E7D;--md-button-primary-pressed-bg-color:#064157;--md-button-primary-text-color:#F7F7F7;--md-button-primary-outline-color:#005E7D;--md-button-primary-outline-text-color:#005E7D;--md-button-secondary-bg-color:#DEDEDE;--md-button-secondary-hover-bg-color:#ccc;--md-button-secondary-pressed-bg-color:#B2B2B2;--md-button-secondary-text-color:#121212;--md-button-secondary-outline-color:#545454;--md-button-secondary-outline-text-color:#545454;--md-button-tertiary-bg-color:#3B3B3B;--md-button-tertiary-hover-bg-color:#292929;--md-button-tertiary-pressed-bg-color:#1C1C1C;--md-button-tertiary-text-color:#F7F7F7;--md-button-tertiary-outline-color:#B2B2B2;--md-button-tertiary-outline-text-color:#B2B2B2;--md-button-join-bg-color:#00853C;--md-button-join-hover-bg-color:#03612C;--md-button-join-pressed-bg-color:#08421F;--md-button-join-text-color:#F7F7F7;--md-button-join-outline-color:#03612C;--md-button-join-outline-text-color:#03612C;--md-button-cancel-bg-color:#D4371C;--md-button-cancel-hover-bg-color:#A12512;--md-button-cancel-pressed-bg-color:#6E1D13;--md-button-cancel-text-color:#F7F7F7;--md-button-cancel-outline-color:#A12512;--md-button-cancel-outline-text-color:#A12512;--md-button-ghost-bg-color:none;--md-button-ghost-hover-bg-color:#545454;--md-button-ghost-pressed-bg-color:#3B3B3B;--md-button-ghost-text-color:#121212;--md-button-focus-ring-color:#007AA3;--md-button-disabled-bg-color:#DEDEDE;--md-button-disabled-text-color:#B2B2B2;--md-button-files-normal-bg-color:none;--md-button-files-normal-text-color:#121212;--md-button-files-hover-bg-color:#7D4705;--md-button-files-hover-text-color:#fff;--md-button-files-pressed-bg-color:#54330D;--md-button-files-pressed-text-color:#F7F7F7;--md-button-whiteboards-normal-bg-color:none;--md-button-whiteboards-normal-text-color:#121212;--md-button-whiteboards-hover-bg-color:#932099;--md-button-whiteboards-hover-text-color:#fff;--md-button-whiteboards-pressed-bg-color:#601E66;--md-button-whiteboards-pressed-text-color:#F7F7F7;--md-input-background-color:#fff;--md-input-background-hover:#DEDEDE;--md-input-background-pressed:#ccc;--md-input-background-active:#DEDEDE;--md-input-background-theme-color:#007AA3;--md-input-background-theme-hover:#005E7D;--md-input-background-theme-pressed:#064157;--md-input-background-theme-active:#064157;--md-input-background-theme-disabled:#EBFCFF;--md-input-background-error:#FFF5F2;--md-input-disabled:#EDEDED;--md-input-focusRing:#007AA3;--md-input-outline-color:#ccc;--md-input-outline-active:#B2B2B2;--md-input-outline-error:#F7644A;--md-input-text-primary:#121212;--md-input-text-secondary:#545454;--md-input-text-disabled:#B2B2B2;--md-input-text-error:#A12512;--md-textColor-primary:#121212;--md-textColor-secondary:#545454;--md-textColor-disabled:#B2B2B2;--md-textColor-highlight:#DEDEDE;--md-textColor-hyperlink-color:#005E7D;--md-textColor-hyperlink-hover:#092D3B;--md-textColor-hyperlink-focus:#005E7D;--md-background-primary:#fff;--md-background-secondary:#F7F7F7;--md-background-tertiary:#EDEDED;--md-background-quaternary:#DEDEDE;--md-presence-busy:#FC9D03;--md-presence-doNotDisturb:#D4371C;--md-presence-active:#00AB50;--md-presence-away:#ccc;--md-alert-background-warning:#FFECC2;--md-alert-background-error:#FFE8E3;--md-alert-background-theme:#C9F4FF;--md-alert-background-success:#BEFADE;--md-alert-text-warning:#7D4705;--md-alert-text-error:#A12512;--md-alert-text-theme:#005E7D;--md-alert-text-success:#03612C;--md-avatar-cobalt:#9df;--md-avatar-cyan:#67E7F0;--md-avatar-gold:#EBD460;--md-avatar-gray:#ccc;--md-avatar-lime:#BCE36F;--md-avatar-mint:#74E8D1;--md-avatar-orange:#FFCA99;--md-avatar-pink:#FFC7D2;--md-avatar-purple:#FAC3F8;--md-avatar-slate:#CED2ED;--md-avatar-violet:#E2CAFC;--md-separator-primary:#ccc;--md-separator-secondary:#B2B2B2;--accordion-color-border:#EDEDED;--accordion-bg-focus:#fff;--accordion-hover:#EDEDED;--accordion-active:#007AA3;--alert-default-bg-color:#fff;--alert-default-align-items:flex-start;--alert-default-text-color:#545454;--alert-default-icon-size:24px;--alert-title-text-color:#121212;--alert-title-font-size:1rem;--alert-close-bg-color:#fff;--alert-close-size:1rem;--alert-close-text-color:#121212;--alert-banner-default-bg-color:#C9F4FF;--alert-banner-default-text-color:#005E7D;--alert-banner-error-bg-color:#FFE8E3;--alert-banner-error-text-color:#A12512;--alert-banner-warning-bg-color:#FFECC2;--alert-banner-warning-text-color:#7D4705;--audio-player-background-body:#EDEDED;--audio-player-background-progress-bar:#3B3B3B;--audio-player-background-buffer-bar:#B2B2B2;--audio-player-background-timeline:#ccc;--audio-player-background-speed-popup:#fff;--audio-player-background-speed-popup-hover:#F7F7F7;--audio-player-font-color:#121212;--audio-player-focus-ring-color:#007AA3;--avatar-letter-bg-color:#EDEDED;--avatar-letter-text-color:#292929;--avatar-blue-bg-color:#C7EEFF;--avatar-blue-text-color:#08599C;--avatar-green-bg-color:#78F5B8;--avatar-green-text-color:#03612C;--avatar-purple-bg-color:#FCE1FC;--avatar-purple-text-color:#932099;--avatar-violet-bg-color:#F0E3FC;--avatar-violet-text-color:#643ABD;--avatar-mint-bg-color:#BAF5E7;--avatar-mint-text-color:#12615A;--avatar-darkmint-bg-color:#16A693;--avatar-darkmint-text-color:#F7F7F7;--avatar-yellow-bg-color:#FFD98C;--avatar-yellow-text-color:#7D4705;--avatar-red-bg-color:#FFD5CC;--avatar-red-text-color:#A12512;--avatar-orange-bg-color:#FCE4C7;--avatar-orange-text-color:#914017;--avatar-cyan-bg-color:#B2F4F7;--avatar-cyan-text-color:#066070;--avatar-slate-bg-color:#E3E7FA;--avatar-slate-text-color:#535573;--avatar-pink-bg-color:#FFE0E7;--avatar-pink-text-color:#A12A3A;--avatar-cobalt-bg-color:#C7EEFF;--avatar-cobalt-text-color:#08599C;--avatar-gold-bg-color:#F5EAA2;--avatar-gold-text-color:#735107;--avatar-lime-bg-color:#DDF2AE;--avatar-lime-text-color:#416116;--badge-default-bg-color:#F7F7F7;--badge-default-text-color:#545454;--badge-blue-bg-color:#C7EEFF;--badge-blue-text-color:#08599C;--badge-blue-hover-bg-color:#9df;--badge-blue-active-bg-color:#5EBFF6;--badge-gray-bg-color:#DEDEDE;--badge-gray-text-color:#121212;--badge-gray-hover-bg-color:#ccc;--badge-gray-active-bg-color:#ccc;--badge-green-bg-color:#78F5B8;--badge-green-text-color:#03612C;--badge-lime-bg-color:#DDF2AE;--badge-lime-text-color:#416116;--badge-lime-hover-bg-color:#BCE36F;--badge-lime-active-bg-color:#93C437;--badge-pink-bg-color:#FFE0E7;--badge-pink-text-color:#A12A3A;--badge-pink-hover-bg-color:#FFC7D2;--badge-pink-active-bg-color:#FC97AA;--badge-purple-bg-color:#FCE1FC;--badge-purple-text-color:#932099;--badge-violet-bg-color:#F0E3FC;--badge-violet-text-color:#643ABD;--badge-violet-hover-bg-color:#E2CAFC;--badge-violet-active-bg-color:#C7A5FA;--badge-mint-bg-color:#BAF5E7;--badge-mint-text-color:#12615A;--badge-mint-hover-bg-color:#74E8D1;--badge-mint-active-bg-color:#30C9B0;--badge-darkmint-bg-color:#16A693;--badge-darkmint-text-color:#F7F7F7;--badge-yellow-bg-color:#FFD98C;--badge-yellow-text-color:#7D4705;--badge-gold-bg-color:#F5EAA2;--badge-gold-text-color:#735107;--badge-gold-hover-bg-color:#EBD460;--badge-gold-active-bg-color:#D6B220;--badge-red-bg-color:#FFD5CC;--badge-red-text-color:#A12512;--badge-darkred-bg-color:#D4371C;--badge-darkred-text-color:#4A1812;--badge-orange-bg-color:#FCE4C7;--badge-orange-text-color:#914017;--badge-orange-hover-bg-color:#FFCA99;--badge-orange-active-bg-color:#FF9D52;--badge-cyan-bg-color:#B2F4F7;--badge-cyan-text-color:#066070;--badge-hold-bg-color:#FFECC2;--badge-hold-text-color:#121212;--badge-outline-color:#B2B2B2;--badge-outline-text-color:#949494;--badge-disabled-bg-color:#DEDEDE;--badge-disabled-text-color:#B2B2B2;--breadcrumb-color:#00A0D1;--breadcrumb-color-current:#292929;--breadcrumb-color-slash:#949494;--button-primary-bg-color:#007AA3;--button-primary-text-color:#F7F7F7;--button-primary-hover-bg-color:#005E7D;--button-primary-pressed-bg-color:#064157;--button-primary-outline-color:#005E7D;--button-primary-outline-text-color:#005E7D;--button-secondary-bg-color:#DEDEDE;--button-secondary-text-color:#121212;--button-secondary-hover-bg-color:#ccc;--button-secondary-pressed-bg-color:#B2B2B2;--button-secondary-outline-color:#545454;--button-secondary-outline-text-color:#545454;--button-green-bg-color:#00853C;--button-green-hover-bg-color:#03612C;--button-green-pressed-bg-color:#08421F;--button-green-outline-color:#03612C;--button-green-outline-text-color:#03612C;--button-white-bg-color:#fff;--button-white-text-color:#545454;--button-white-hover-bg-color:#EDEDED;--button-white-pressed-bg-color:#DEDEDE;--button-white-outline-color:#ccc;--button-white-outline-text-color:#545454;--button-inverted-white-bg-color:#3B3B3B;--button-inverted-white-text-color:#fff;--button-inverted-white-hover-bg-color:#292929;--button-inverted-white-pressed-bg-color:#1C1C1C;--button-inverted-white-outline-color:#B2B2B2;--button-inverted-white-outline-text-color:#B2B2B2;--button-gray-bg-color:#707070;--button-gray-hover-bg-color:#545454;--button-gray-pressed-bg-color:#3B3B3B;--button-red-bg-color:#D4371C;--button-red-hover-bg-color:#A12512;--button-red-pressed-bg-color:#6E1D13;--button-red-outline-color:#A12512;--button-red-outline-text-color:#A12512;--button-available-bg-color:#EDFAF4;--button-available-hover-bg-color:#BEFADE;--button-available-pressed-bg-color:#BEFADE;--button-engaged-bg-color:#FFF7E3;--button-engaged-hover-bg-color:#FFECC2;--button-engaged-pressed-bg-color:#FFD98C;--button-unavailable-bg-color:#FFF5F2;--button-unavailable-hover-bg-color:#FFE8E3;--button-unavailable-pressed-bg-color:#FFE8E3;--button-idle-bg-color:#F7F7F7;--button-idle-hover-bg-color:#EDEDED;--button-idle-pressed-bg-color:#EDEDED;--button-disabled-bg-color:#DEDEDE;--button-disabled-text-color:#B2B2B2;--button-favorite-hover-bg-color:#EDEDED;--button-favorite-pressed-bg-color:#DEDEDE;--button-focus-ring-color:#007AA3;--button-group-color:#545454;--button-group-color-active:#121212;--button-group-bg-color:#DEDEDE;--button-group-bg-color-hover:#ccc;--button-group-bg-color-pressed:#B2B2B2;--button-group-bg-color-focus:#ccc;--button-group-bg-color-active:#fff;--chat-message-color:#121212;--chat-message-color-heading:#545454;--checkbox-bg-color:#fff;--checkbox-text-color:#121212;--checkbox-border-color:#DEDEDE;--checkbox-hover-bg-color:#EDEDED;--checkbox-hover-border-color:#DEDEDE;--checkbox-pressed-bg-color:#DEDEDE;--checkbox-pressed-border-color:#ccc;--checkbox-selected-bg-color:#00A0D1;--checkbox-selected-border-color:#00A0D1;--checkbox-selected-hover-bg-color:#007AA3;--checkbox-selected-hover-border-color:#007AA3;--checkbox-selected-pressed-bg-color:#005E7D;--checkbox-selected-pressed-border-color:#005E7D;--checkbox-focus-border-color:#005E7D;--checkbox-focus-shadow-color:0 0 4px 2px transparent;--coachmark-default-bg-color:#F7F7F7;--coachmark-default-text-color:#545454;--coachmark-blue-bg-color:#C7EEFF;--coachmark-blue-text-color:#08599C;--coachmark-green-bg-color:#78F5B8;--coachmark-green-text-color:#03612C;--coachmark-purple-bg-color:#FCE1FC;--coachmark-purple-text-color:#932099;--coachmark-violet-bg-color:#F0E3FC;--coachmark-violet-text-color:#643ABD;--coachmark-mint-bg-color:#BAF5E7;--coachmark-mint-text-color:#12615A;--coachmark-darkmint-bg-color:#16A693;--coachmark-darkmint-text-color:#F7F7F7;--coachmark-yellow-bg-color:#FFD98C;--coachmark-yellow-text-color:#7D4705;--coachmark-red-bg-color:#FFD5CC;--coachmark-red-text-color:#A12512;--coachmark-darkred-bg-color:#D4371C;--coachmark-darkred-text-color:#4A1812;--coachmark-orange-bg-color:#FCE4C7;--coachmark-orange-text-color:#914017;--coachmark-cyan-bg-color:#B2F4F7;--coachmark-cyan-text-color:#066070;--coachmark-outline-color:#B2B2B2;--coachmark-outline-text-color:#949494;--combobox-bg-color:#fff;--combobox-border-color:#B2B2B2;--combobox-text-color:#545454;--combobox-hover-bg-color:#DEDEDE;--combobox-pressed-bg-color:#ccc;--combobox-focus-border-color:#005E7D;--combobox-disabled-bg-color:#EDEDED;--combobox-invalid-bg-color:#FFE8E3;--combobox-invalid-border-color:#F7644A;--combobox-dropdown-bg-color:#fff;--combobox-dropdown-item-hover-bg-color:#C9F4FF;--combobox-dropdown-item-focus-bg-color:#91EBFF;--combobox-dropdown-item-select-bg-color:#fff;--combobox-dropdown-item-checked-bg-color:#00A0D1;--combobox-dropdown-item-checked-icon-color:#fff;--combobox-dropdown-item-icon-color:#121212;--combobox-group-button-bg-color:#707070;--combobox-group-radius:.25rem;--combobox-group-focus-shadow:0 0 4px 2px transparent;--combobox-group-focus-border:1px solid;--combobox-selected-bg-color:#DEDEDE;--combobox-selected-border-color:#ccc;--combobox-selected-hover:#B2B2B2;--combobox-group-label-bg-color:#fff;--combobox-group-label-color:#545454;--combobox-group-label-border-color:#DEDEDE;--datepicker-default-hover-bg-color:#DEDEDE;--datepicker-selected-today-text-color:#fff;--datepicker-range-text-color:#121212;--datepicker-range-bg-color:#DEDEDE;--datepicker-range-hover-bg-color:#ccc;--datepicker-range-edge-text-color:#F7F7F7;--datepicker-range-edge-bg-color:#121212;--dropdown-bg-color-hover:#DEDEDE;--dropdown-bg-color-active:#ccc;--dropdown-border-color:#ccc;--dropdown-border-color-focus:#005E7D;--dropdown-label-radius:.25rem;--dropdown-list-bg-color:#fff;--dropdown-list-item-bg-color-hover:#C9F4FF;--dropdown-list-item-bg-color-focus:#91EBFF;--editable-textfield-default-bg-color:#fff;--editable-textfield-default-text-color:#121212;--editable-textfield-default-hover-bg-color:#EDEDED;--editable-textfield-default-read-only-bg-color:#EDEDED;--editable-textfield-default-focus-border-color:#007AA3;--editable-textfield-default-pressed-bg-color:#DEDEDE;--editable-textfield-default-pressed-border-color:#B2B2B2;--editable-textfield-disabled-bg-color:#F7F7F7;--editable-textfield-disabled-text-color:#B2B2B2;--editable-textfield-error-bg-color:#FFE8E3;--editable-textfield-error-border-color:#F7644A;--editable-textfield-error-text-color:#121212;--editable-textfield-error-message-text-color:#A12512;--editable-textfield-error-hover-bg-color:#FFD5CC;--editable-textfield-error-pressed-bg-color:#FFBBAD;--editable-textfield-success-border-color:#00AB50;--editable-textfield-success-hover-bg-color:#78F5B8;--editable-textfield-warning-border-color:#D97F00;--editable-textfield-warning-hover-bg-color:#FFD98C;--editable-textfield-filled-bg-color:#EDEDED;--editable-textfield-filled-disabled-bg-color:#EDEDED;--editable-textfield-filled-hover-bg-color:#DEDEDE;--floating-modal-main-bg-color:#fff;--floating-modal-main-text-color:#121212;--floating-modal-main-border-color:#DEDEDE;--floating-modal-main-radius:.5rem;--floating-modal-main-box-shadow:0 4px 8px rgba(0,0,0,0.16),0 0 1px rgba(0,0,0,0.16);--floating-modal-main-bg-color-alternate:#545454;--floating-modal-main-text-color-alternate:#F7F7F7;--floating-modal-outer-border-color:#EDEDED;--help-text-default-color:#545454;--input-default-bg-color:#fff;--input-default-text-color:#121212;--input-default-border-color:#ccc;--input-default-hover-bg-color:#DEDEDE;--input-default-read-only-bg-color:#EDEDED;--input-default-focus-border-color:#007AA3;--input-default-pressed-bg-color:#ccc;--input-default-pressed-border-color:#B2B2B2;--input-default-outline-color:#005E7D;--input-default-outline-text-color:#005E7D;--input-disabled-bg-color:#DEDEDE;--input-disabled-text-color:#B2B2B2;--input-error-bg-color:#FFE8E3;--input-error-border-color:#F7644A;--input-error-text-color:#121212;--input-error-message-text-color:#A12512;--input-error-hover-bg-color:#FFD5CC;--input-error-pressed-bg-color:#FFBBAD;--input-succes-border-color:#00AB50;--input-warning-border-color:#D97F00;--input-filled-bg-color:#EDEDED;--input-filled-disabled-bg-color:#EDEDED;--input-filled-hover-bg-color:#DEDEDE;--input-focus-ring-color:#007AA3;--label-color:#000;--label-secondary:#545454;--link-default:#005E7D;--link-hover:#005E7D;--link-pressed:#064157;--link-focus:#005E7D;--link-focus-outline:#007AA3;--link-disabled:#B2B2B2;--link-inline:#A12512;--link-inline-hover:#6E1D13;--link-inline-pressed:#4A1812;--link-inline-focus:#A12512;--link-inline-font-size:14px;--link-inline-font-size__inline:12px;--list-text-color:#121212;--list-hover-background:#C9F4FF;--list-disabled-text-color:#B2B2B2;--list-active-background:#91EBFF;--list-focus-border-color:#007AA3;--menu-default:#121212;--menu-hover-bg:#C9F4FF;--menu-pressed-bg:#91EBFF;--modal-main-bg-color:#fff;--modal-main-text-color:#545454;--modal-main-border-color:#DEDEDE;--modal-main-radius:.5rem;--modal-main-padding:1.5rem 1rem;--modal-title-text-color:#000;--modal-backdrop-bg-color:#000;--pagination-color:#949494;--pagination-color-current:#fff;--pagination-bg-current:#00A0D1;--pagination-bg-hover:#DEDEDE;--pagination-nav-color:#292929;--pagination-nav-hover:#121212;--pagination-nav-disabled:#ccc;--pagination-dots-color:#ccc;--pagination-dots-color-current:#121212;--phone-input-default-bg-color:#EDEDED;--phone-input-default-border-color:#ccc;--phone-input-disabled-bg-color:#EDEDED;--radio-input-bg-color:#fff;--radio-input-text-color:#121212;--radio-input-border-color:#ccc;--radio-input-hover-bg-color:#EDEDED;--radio-input-hover-border-color:#DEDEDE;--radio-input-pressed-bg-color:#DEDEDE;--radio-input-pressed-border-color:#ccc;--radio-input-selected-bg-color:#00A0D1;--radio-input-selected-border-color:#00A0D1;--radio-input-selected-hover-bg-color:#007AA3;--radio-input-selected-hover-border-color:#007AA3;--radio-input-selected-pressed-bg-color:#005E7D;--radio-input-selected-pressed-border-color:#005E7D;--radio-input-focus-border-color:#005E7D;--radio-input-focus-shadow-color:0 0 4px 2px transparent;--slider-background-selection:#00A0D1;--slider-background-selection-red:#F7644A;--slider-background-selection-green:#00AB50;--slider-background-selection-blue:#00A0D1;--slider-background-pointer:#fff;--slider-background-bar:#EDEDED;--slider-background-hover-pointer:#C9F4FF;--slider-background-disabled-selection:#ccc;--slider-background-disabled-pointer:#EDEDED;--slider-background-focus-pointer:#B2B2B2;--slider-background-label:#545454;--spinner-bg-color:#B2B2B2;--spinner-color:#000;--table-header-bg-color:#F7F7F7;--table-hover-bg-color:#EDEDED;--table-pressed-bg-color:#DEDEDE;--table-border-color:#DEDEDE;--table-text-color:#545454;--table-stripped-bg-color:#EDEDED;--table-advanced-header-bg-color:#F7F7F7;--table-advanced-filter-bg-color:#fff;--table-advanced-filter-border-color:#ccc;--table-advanced-filter-hover-bg-color:#EDEDED;--table-advanced-filter-pressed-bg-color:#DEDEDE;--table-advanced-hover-bg-color:#F7F7F7;--table-advanced-selected-bg-color:#EDEDED;--table-advanced-border-color:#DEDEDE;--table-advanced-text-color:#545454;--table-advanced-stripped-bg-color:#EDEDED;--tabs-default-bg-color:#fff;--tabs-default-text-color:#545454;--tabs-default-border-color:#EDEDED;--tabs-default-active-border:#007AA3;--tabs-default-focus-bg:#fff;--tabs-default-focus-border:#007AA3;--tabs-default-focus-shadow:0 0 4px 2px transparent;--tabs-default-hover-border:#EDEDED;--tabs-default-hover:#EDEDED;--tabs-default-pressed:#DEDEDE;--tabs-default-disabled:#B2B2B2;--tabs-default-active:#005E7D;--tabs-left-arrow-bg-color:linear-gradient(to right, #fff 0%, #fff 58%, rgba(255,255,255,0.55) 77%, rgba(255,255,255,0.02) 99%, rgba(255,255,255,0) 100%);--tabs-right-arrow-bg-color:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.53) 24%, #fff 45%, #fff 100%);--taskitem-text-color:#545454;--taskitem-hover-bg-color:#fff;--taskitem-pressed-bg-color:#fff;--taskitem-focus-bg-color:#fff;--taskitem-focus-border-color:#007AA3;--taskitem-status-bg-color:#DEDEDE;--taskitem-status-text-color:#121212;--taskitem-status-pause-bg-color:#FFD98C;--taskitem-selected-text-color:#121212;--taskitem-chat-text-color:#545454;--taskitem-chat-quantity-bg-color:#9df;--taskitem-chat-quantity-text-color:#103C62;--toggle-switch-bg-color:#ccc;--toggle-switch-bg-color--hover:#B2B2B2;--toggle-switch-bg-color--checked:#007AA3;--toggle-switch-bg-color--checked-hover:#005E7D;--toggle-switch-bg-color--disabled:#EDEDED;--toggle-switch-bg-color--disabled--checked:#C9F4FF;--toggle-switch-slider-color:#fff;--toggle-switch-slider-color-disabled:#F7F7F7;--toggle-switch-slider-color-disabled--checked:#fff;--toggle-switch-focus:#00A0D1;--tooltip-font-color:#F7F7F7;--tooltip-bg-color:#292929}`,m=b.css`:host,:root{--md-blue-10:#C9F4FF;--md-blue-20:#91EBFF;--md-blue-30:#52DCFF;--md-blue-40:#07C1F5;--md-blue-50:#00A0D1;--md-blue-60:#007AA3;--md-blue-70:#005E7D;--md-blue-80:#064157;--md-blue-90:#092D3B;--md-blue-95:#091E26;--md-blue-05:#EBFCFF;--md-red-10:#FFE8E3;--md-red-20:#FFD5CC;--md-red-30:#FFBBAD;--md-red-40:#FF9580;--md-red-50:#F7644A;--md-red-60:#D4371C;--md-red-70:#A12512;--md-red-80:#6E1D13;--md-red-90:#4A1812;--md-red-95:#301210;--md-red-05:#FFF5F2;--md-yellow-10:#FFECC2;--md-yellow-20:#FFD98C;--md-yellow-30:#FFC14F;--md-yellow-40:#FC9D03;--md-yellow-50:#D97F00;--md-yellow-60:#A85F00;--md-yellow-70:#7D4705;--md-yellow-80:#54330D;--md-yellow-90:#38240E;--md-yellow-95:#261A0D;--md-yellow-05:#FFF7E3;--md-green-10:#BEFADE;--md-green-20:#78F5B8;--md-green-30:#31E88C;--md-green-40:#00CF64;--md-green-50:#00AB50;--md-green-60:#00853C;--md-green-70:#03612C;--md-green-80:#08421F;--md-green-90:#092E16;--md-green-95:#081F10;--md-green-05:#EDFAF4;--md-gray-10:#EDEDED;--md-gray-20:#DEDEDE;--md-gray-30:#ccc;--md-gray-40:#B2B2B2;--md-gray-50:#949494;--md-gray-60:#707070;--md-gray-70:#545454;--md-gray-80:#3B3B3B;--md-gray-90:#292929;--md-gray-95:#1C1C1C;--md-gray-100:#121212;--md-gray-05:#F7F7F7;--md-white-60:#fff;--md-white-100:#fff;--md-white:#fff;--md-black-100:#000;--md-black:#000;--md-orange-10:#FAF4EB;--md-orange-20:#FCE4C7;--md-orange-30:#FFCA99;--md-orange-40:#FF9D52;--md-orange-50:#F26B1D;--md-orange-60:#C74F0E;--md-orange-70:#914017;--md-orange-80:#59311E;--md-orange-90:#33221B;--md-orange-100:#211916;--md-gold-10:#F7F6DC;--md-gold-20:#F5EAA2;--md-gold-30:#EBD460;--md-gold-40:#D6B220;--md-gold-50:#BA8C00;--md-gold-60:#996E00;--md-gold-70:#735107;--md-gold-80:#4D370C;--md-gold-90:#30240D;--md-gold-100:#21190B;--md-olive-10:#F3F5E4;--md-olive-20:#E7EDB7;--md-olive-30:#D3DB7B;--md-olive-40:#B4BA43;--md-olive-50:#999923;--md-olive-60:#7D7A18;--md-olive-70:#5C5813;--md-olive-80:#403D11;--md-olive-90:#29260D;--md-olive-100:#1C1A0A;--md-lime-10:#F3F7E9;--md-lime-20:#DDF2AE;--md-lime-30:#BCE36F;--md-lime-40:#93C437;--md-lime-50:#73A321;--md-lime-60:#588219;--md-lime-70:#416116;--md-lime-80:#2D4214;--md-lime-90:#1E2B10;--md-lime-100:#141C0C;--md-mint-10:#E9F7F3;--md-mint-20:#BAF5E7;--md-mint-30:#74E8D1;--md-mint-40:#30C9B0;--md-mint-50:#16A693;--md-mint-60:#148579;--md-mint-70:#12615A;--md-mint-80:#12423F;--md-mint-90:#102B2A;--md-mint-100:#0C1C1B;--md-cyan-10:#E6F9FA;--md-cyan-20:#B2F4F7;--md-cyan-30:#67E7F0;--md-cyan-40:#22C7D6;--md-cyan-50:#00A3B5;--md-cyan-60:#008094;--md-cyan-70:#066070;--md-cyan-80:#0A414D;--md-cyan-90:#0B2A30;--md-cyan-100:#091C21;--md-cobalt-10:#E6F8FF;--md-cobalt-20:#C7EEFF;--md-cobalt-30:#9df;--md-cobalt-40:#5EBFF6;--md-cobalt-50:#279BE7;--md-cobalt-60:#0A78CC;--md-cobalt-70:#08599C;--md-cobalt-80:#103C62;--md-cobalt-90:#12283D;--md-cobalt-100:#0F1A25;--md-slate-10:#F2F4FF;--md-slate-20:#E3E7FA;--md-slate-30:#CED2ED;--md-slate-40:#B0B4D9;--md-slate-50:#8C91BD;--md-slate-60:#6F739E;--md-slate-70:#535573;--md-slate-80:#393A47;--md-slate-90:#26262B;--md-slate-100:#1A1A1C;--md-violet-10:#F8F2FC;--md-violet-20:#F0E3FC;--md-violet-30:#E2CAFC;--md-violet-40:#C7A5FA;--md-violet-50:#A87FF1;--md-violet-60:#875AE1;--md-violet-70:#643ABD;--md-violet-80:#432C77;--md-violet-90:#29223D;--md-violet-100:#1B1823;--md-purple-10:#FCF2FC;--md-purple-20:#FCE1FC;--md-purple-30:#FAC3F8;--md-purple-40:#F294F1;--md-purple-50:#E060DE;--md-purple-60:#C233C4;--md-purple-70:#932099;--md-purple-80:#601E66;--md-purple-90:#3B1840;--md-purple-100:#251329;--md-pink-10:#FFF2F5;--md-pink-20:#FFE0E7;--md-pink-30:#FFC7D2;--md-pink-40:#FC97AA;--md-pink-50:#F0677E;--md-pink-60:#D43B52;--md-pink-70:#A12A3A;--md-pink-80:#66262D;--md-pink-90:#3B1E21;--md-pink-100:#241617;--md-theme-10:#C9F4FF;--md-theme-20:#91EBFF;--md-theme-30:#52DCFF;--md-theme-40:#07C1F5;--md-theme-50:#00A0D1;--md-theme-60:#007AA3;--md-theme-70:#005E7D;--md-theme-80:#064157;--md-theme-90:#092D3B;--md-theme-95:#091E26;--md-theme-05:#EBFCFF;--sandbox-bg-color:#3B3B3B;--sandbox-secondary-bg-color:#121212;--main-bg-color:#121212;--md-default-focus-outline-color:#07C1F5;--md-primary-bg-color:#121212;--md-primary-one-bg-color:#1C1C1C;--md-primary-two-bg-color:#292929;--md-secondary-bg-color:#121212;--md-secondary-one-bg-color:#1C1C1C;--md-secondary-two-bg-color:#292929;--md-secondary-three-bg-color:#3B3B3B;--md-tertiary-bg-color:#292929;--md-tertiary-one-bg-color:#1C1C1C;--md-tertiary-two-bg-color:#3B3B3B;--md-quaternary-bg-color:#3B3B3B;--md-quaternary-one-bg-color:#707070;--md-quaternary-two-bg-color:#292929;--md-conference-chat-bg-color:#26262B;--md-secondary-white-bg-color:#1C1C1C;--md-tertiary-white-bg-color:#292929;--md-primary-success-bg-color:#12615A;--md-primary-success-text-color:#BAF5E7;--md-primary-text-color:#F7F7F7;--md-secondary-text-color:#B2B2B2;--md-disabled-text-color:#545454;--md-highlight-text-color:#064157;--md-hyperlink-text-color:#07C1F5;--md-hyperlink-hover-text-color:#91EBFF;--md-hyperlink-focus-text-color:#07C1F5;--md-focus-border-color:#07C1F5;--md-primary-seperator-color:#545454;--md-secondary-seperator-color:#707070;--md-alert-error-bg-color:#6E1D13;--md-alert-error-text-color:#FF9580;--md-alert-warning-bg-color:#54330D;--md-alert-warning-text-color:#FC9D03;--md-alert-success-bg-color:#08421F;--md-alert-success-text-color:#00CF64;--md-alert-info-bg-color:#064157;--md-alert-info-text-color:#07C1F5;--md-presence-active-bg-color:#00AB50;--md-presence-do-not-disturb-bg-color:#D4371C;--md-presence-away-bg-color:#ccc;--md-presence-busy-bg-color:#FC9D03;--md-email-composer-bg-color:#1C1C1C;--md-email-composer-thread-bar-color:#C7A5FA;--md-email-composer-ccChip-bg-color:#292929;--md-interaction-history-bg-color:#1C1C1C;--md-auto-wrapup-bg-color:#092D3B;--md-menu-overlay-border-color:#3B3B3B;--md-dynamic-layout-button-border-color:#545454;--md-dynamic-layout-button-inverted-border-color:#EDEDED;--md-nav-tab-hover-bg-color:#3B3B3B;--md-nav-tab-active-bg-color:#545454;--md-input-bg-color:#1C1C1C;--md-input-chat-length-indicator-bg-color:#292929;--md-input-chat-length-indicator-color:#B2B2B2;--md-input-chat-bg-color:#292929;--md-input-chat-color:#F7F7F7;--md-input-chat-error-color:#F7644A;--md-webex-chat-disable-bg-color:#292929;--md-webex-chat-disable-color:#545454;--rem-base:16px;font-size:var(--rem-base);--md-button-primary-bg-color:#007AA3;--md-button-primary-hover-bg-color:#005E7D;--md-button-primary-pressed-bg-color:#064157;--md-button-primary-text-color:#F7F7F7;--md-button-primary-outline-color:#07C1F5;--md-button-primary-outline-text-color:#07C1F5;--md-button-secondary-bg-color:#707070;--md-button-secondary-hover-bg-color:#545454;--md-button-secondary-pressed-bg-color:#3B3B3B;--md-button-secondary-text-color:#F7F7F7;--md-button-secondary-outline-color:#B2B2B2;--md-button-secondary-outline-text-color:#B2B2B2;--md-button-tertiary-bg-color:#DEDEDE;--md-button-tertiary-hover-bg-color:#ccc;--md-button-tertiary-pressed-bg-color:#B2B2B2;--md-button-tertiary-text-color:#121212;--md-button-tertiary-outline-color:#545454;--md-button-tertiary-outline-text-color:#545454;--md-button-join-bg-color:#00853C;--md-button-join-hover-bg-color:#03612C;--md-button-join-pressed-bg-color:#08421F;--md-button-join-text-color:#F7F7F7;--md-button-join-outline-color:#00CF64;--md-button-join-outline-text-color:#00CF64;--md-button-cancel-bg-color:#D4371C;--md-button-cancel-hover-bg-color:#A12512;--md-button-cancel-pressed-bg-color:#6E1D13;--md-button-cancel-text-color:#F7F7F7;--md-button-cancel-outline-color:#FF9580;--md-button-cancel-outline-text-color:#FF9580;--md-button-ghost-bg-color:none;--md-button-ghost-hover-bg-color:#545454;--md-button-ghost-pressed-bg-color:#707070;--md-button-ghost-text-color:#F7F7F7;--md-button-focus-ring-color:#07C1F5;--md-button-disabled-bg-color:#292929;--md-button-disabled-text-color:#545454;--md-button-files-normal-bg-color:none;--md-button-files-normal-text-color:#F7F7F7;--md-button-files-hover-bg-color:#3B3B3B;--md-button-files-hover-text-color:#F7F7F7;--md-button-files-pressed-bg-color:#D97F00;--md-button-files-pressed-text-color:#F7F7F7;--md-button-whiteboards-normal-bg-color:none;--md-button-whiteboards-normal-text-color:#F7F7F7;--md-button-whiteboards-hover-bg-color:#3B3B3B;--md-button-whiteboards-hover-text-color:#F7F7F7;--md-button-whiteboards-pressed-bg-color:#E060DE;--md-button-whiteboards-pressed-text-color:#F7F7F7;--md-input-background-color:#121212;--md-input-background-hover:#3B3B3B;--md-input-background-pressed:#545454;--md-input-background-active:#3B3B3B;--md-input-background-theme-color:#07C1F5;--md-input-background-theme-hover:#00A0D1;--md-input-background-theme-pressed:#007AA3;--md-input-background-theme-active:#007AA3;--md-input-background-theme-disabled:#092D3B;--md-input-background-error:#4A1812;--md-input-disabled:#292929;--md-input-focusRing:#07C1F5;--md-input-outline-color:#545454;--md-input-outline-active:#707070;--md-input-outline-error:#F7644A;--md-input-text-primary:#F7F7F7;--md-input-text-secondary:#545454;--md-input-text-disabled:#B2B2B2;--md-input-text-error:#FF9580;--md-textColor-primary:#F7F7F7;--md-textColor-secondary:#B2B2B2;--md-textColor-disabled:#545454;--md-textColor-highlight:#3B3B3B;--md-textColor-hyperlink-color:#07C1F5;--md-textColor-hyperlink-hover:#91EBFF;--md-textColor-hyperlink-focus:#07C1F5;--md-background-primary:#121212;--md-background-secondary:#1C1C1C;--md-background-tertiary:#292929;--md-background-quaternary:#3B3B3B;--md-presence-busy:#FC9D03;--md-presence-doNotDisturb:#D4371C;--md-presence-active:#00AB50;--md-presence-away:#ccc;--md-alert-background-warning:#54330D;--md-alert-background-error:#6E1D13;--md-alert-background-theme:#064157;--md-alert-background-success:#08421F;--md-alert-text-warning:#FC9D03;--md-alert-text-error:#FF9580;--md-alert-text-theme:#07C1F5;--md-alert-text-success:#00CF64;--md-avatar-cobalt:#9df;--md-avatar-cyan:#67E7F0;--md-avatar-gold:#EBD460;--md-avatar-gray:#ccc;--md-avatar-lime:#BCE36F;--md-avatar-mint:#74E8D1;--md-avatar-orange:#FFCA99;--md-avatar-pink:#FFC7D2;--md-avatar-purple:#FAC3F8;--md-avatar-slate:#CED2ED;--md-avatar-violet:#E2CAFC;--md-separator-primary:#545454;--md-separator-secondary:#707070;--accordion-color-border:#3B3B3B;--accordion-bg-focus:#292929;--accordion-hover:#064157;--accordion-active:#07C1F5;--alert-default-bg-color:#3B3B3B;--alert-default-align-items:center;--alert-default-text-color:#EDEDED;--alert-default-icon-size:40px;--alert-title-text-color:#007AA3;--alert-title-font-size:1rem;--alert-close-bg-color:#292929;--alert-close-size:2.75rem;--alert-close-text-color:#F7F7F7;--alert-banner-default-bg-color:#005E7D;--alert-banner-default-text-color:#C9F4FF;--alert-banner-error-bg-color:#A12512;--alert-banner-error-text-color:#FFE8E3;--alert-banner-warning-bg-color:#7D4705;--alert-banner-warning-text-color:#FFECC2;--audio-player-background-body:#3B3B3B;--audio-player-background-progress-bar:#F7F7F7;--audio-player-background-buffer-bar:#ccc;--audio-player-background-timeline:#707070;--audio-player-background-speed-popup:#292929;--audio-player-background-speed-popup-hover:#545454;--audio-player-font-color:#F7F7F7;--audio-player-focus-ring-color:#07C1F5;--avatar-letter-bg-color:#3B3B3B;--avatar-letter-text-color:#F7F7F7;--avatar-blue-bg-color:#279BE7;--avatar-blue-text-color:#C7EEFF;--avatar-green-bg-color:#00AB50;--avatar-green-text-color:#78F5B8;--avatar-purple-bg-color:#E060DE;--avatar-purple-text-color:#FCE1FC;--avatar-violet-bg-color:#A87FF1;--avatar-violet-text-color:#F0E3FC;--avatar-mint-bg-color:#16A693;--avatar-mint-text-color:#BAF5E7;--avatar-yellow-bg-color:#D97F00;--avatar-yellow-text-color:#FFD98C;--avatar-red-bg-color:#F7644A;--avatar-red-text-color:#FFD5CC;--avatar-orange-bg-color:#F26B1D;--avatar-orange-text-color:#FCE4C7;--avatar-cyan-bg-color:#00A3B5;--avatar-cyan-text-color:#B2F4F7;--avatar-slate-bg-color:#8C91BD;--avatar-slate-text-color:#E3E7FA;--avatar-pink-bg-color:#66262D;--avatar-pink-text-color:#FFE0E7;--avatar-cobalt-bg-color:#279BE7;--avatar-cobalt-text-color:#C7EEFF;--avatar-gold-bg-color:#BA8C00;--avatar-gold-text-color:#F5EAA2;--avatar-lime-bg-color:#73A321;--avatar-lime-text-color:#DDF2AE;--badge-default-bg-color:#949494;--badge-default-text-color:#F7F7F7;--badge-blue-bg-color:#279BE7;--badge-blue-text-color:#C7EEFF;--badge-blue-hover-bg-color:#0A78CC;--badge-blue-active-bg-color:#08599C;--badge-gray-bg-color:#949494;--badge-gray-text-color:#F7F7F7;--badge-gray-hover-bg-color:#707070;--badge-gray-active-bg-color:#545454;--badge-green-bg-color:#00AB50;--badge-green-text-color:#78F5B8;--badge-lime-bg-color:#73A321;--badge-lime-text-color:#DDF2AE;--badge-lime-hover-bg-color:#588219;--badge-lime-active-bg-color:#416116;--badge-pink-bg-color:#F0677E;--badge-pink-text-color:#FFE0E7;--badge-pink-hover-bg-color:#D43B52;--badge-pink-active-bg-color:#A12A3A;--badge-purple-bg-color:#E060DE;--badge-purple-text-color:#FCE1FC;--badge-violet-bg-color:#A87FF1;--badge-violet-text-color:#F0E3FC;--badge-violet-hover-bg-color:#875AE1;--badge-violet-active-bg-color:#643ABD;--badge-mint-bg-color:#16A693;--badge-mint-text-color:#BAF5E7;--badge-mint-hover-bg-color:#148579;--badge-mint-active-bg-color:#12615A;--badge-yellow-bg-color:#D97F00;--badge-yellow-text-color:#FFD98C;--badge-gold-bg-color:#BA8C00;--badge-gold-text-color:#F5EAA2;--badge-gold-hover-bg-color:#996E00;--badge-gold-active-bg-color:#735107;--badge-red-bg-color:#F7644A;--badge-red-text-color:#FFD5CC;--badge-darkred-bg-color:#A12512;--badge-darkred-text-color:#EDEDED;--badge-orange-bg-color:#F26B1D;--badge-orange-text-color:#FCE4C7;--badge-orange-hover-bg-color:#C74F0E;--badge-orange-active-bg-color:#914017;--badge-cyan-bg-color:#00A3B5;--badge-cyan-text-color:#B2F4F7;--badge-hold-bg-color:#54330D;--badge-hold-text-color:#F7F7F7;--badge-outline-color:#949494;--badge-outline-text-color:#F7F7F7;--badge-disabled-bg-color:#292929;--badge-disabled-text-color:#545454;--breadcrumb-color:#07C1F5;--breadcrumb-color-current:#949494;--breadcrumb-color-slash:#B2B2B2;--button-primary-bg-color:#007AA3;--button-primary-hover-bg-color:#005E7D;--button-primary-pressed-bg-color:#064157;--button-primary-text-color:#F7F7F7;--button-primary-outline-color:#07C1F5;--button-primary-outline-text-color:#07C1F5;--button-secondary-bg-color:#707070;--button-secondary-hover-bg-color:#545454;--button-secondary-pressed-bg-color:#3B3B3B;--button-secondary-text-color:#F7F7F7;--button-secondary-outline-color:#B2B2B2;--button-secondary-outline-text-color:#B2B2B2;--button-tertiary-bg-color:#DEDEDE;--button-tertiary-hover-bg-color:#ccc;--button-tertiary-pressed-bg-color:#B2B2B2;--button-tertiary-text-color:#121212;--button-tertiary-outline-color:#545454;--button-tertiary-outline-text-color:#545454;--button-join-bg-color:#00853C;--button-join-hover-bg-color:#03612C;--button-join-pressed-bg-color:#08421F;--button-join-text-color:#F7F7F7;--button-join-outline-color:#00CF64;--button-join-outline-text-color:#00CF64;--button-cancel-bg-color:#D4371C;--button-cancel-hover-bg-color:#A12512;--button-cancel-pressed-bg-color:#6E1D13;--button-cancel-text-color:#F7F7F7;--button-cancel-outline-color:#FF9580;--button-cancel-outline-text-color:#FF9580;--button-ghost-bg-color:none;--button-ghost-hover-bg-color:#545454;--button-ghost-pressed-bg-color:#707070;--button-ghost-text-color:#F7F7F7;--button-focus-ring-color:#07C1F5;--button-disabled-bg-color:#292929;--button-disabled-text-color:#545454;--button-files-normal-bg-color:none;--button-files-normal-text-color:#F7F7F7;--button-files-hover-bg-color:#3B3B3B;--button-files-hover-text-color:#F7F7F7;--button-files-pressed-bg-color:#D97F00;--button-files-pressed-text-color:#F7F7F7;--button-whiteboards-normal-bg-color:none;--button-whiteboards-normal-text-color:#F7F7F7;--button-whiteboards-hover-bg-color:#3B3B3B;--button-whiteboards-hover-text-color:#F7F7F7;--button-whiteboards-pressed-bg-color:#E060DE;--button-whiteboards-pressed-text-color:#F7F7F7;--button-group-color:#949494;--button-group-color-active:#EDEDED;--button-group-bg-color:#292929;--button-group-bg-color-hover:#121212;--button-group-bg-color-pressed:#292929;--button-group-bg-color-focus:#121212;--button-group-bg-color-active:#545454;--chat-message-color:#ccc;--chat-message-color-heading:#DEDEDE;--checkbox-bg-color:#1C1C1C;--checkbox-text-color:#EDEDED;--checkbox-border-color:#3B3B3B;--checkbox-hover-bg-color:#292929;--checkbox-hover-border-color:#3B3B3B;--checkbox-pressed-bg-color:#3B3B3B;--checkbox-pressed-border-color:#545454;--checkbox-selected-bg-color:#00A0D1;--checkbox-selected-border-color:#00A0D1;--checkbox-selected-hover-bg-color:#007AA3;--checkbox-selected-hover-border-color:#007AA3;--checkbox-selected-pressed-bg-color:#005E7D;--checkbox-selected-pressed-border-color:#005E7D;--checkbox-focus-border-color:rgba(0,0,0,0);--checkbox-focus-shadow-color:0 0 4px 2px #00A0D1;--coachmark-default-bg-color:#949494;--coachmark-default-text-color:#F7F7F7;--coachmark-blue-bg-color:#279BE7;--coachmark-blue-text-color:#C7EEFF;--coachmark-green-bg-color:#00AB50;--coachmark-green-text-color:#78F5B8;--coachmark-purple-bg-color:#E060DE;--coachmark-purple-text-color:#FCE1FC;--coachmark-violet-bg-color:#A87FF1;--coachmark-violet-text-color:#F0E3FC;--coachmark-mint-bg-color:#16A693;--coachmark-mint-text-color:#BAF5E7;--coachmark-yellow-bg-color:#D97F00;--coachmark-yellow-text-color:#FFD98C;--coachmark-red-bg-color:#F7644A;--coachmark-red-text-color:#FFD5CC;--coachmark-darkred-bg-color:#A12512;--coachmark-darkred-text-color:#EDEDED;--coachmark-orange-bg-color:#F26B1D;--coachmark-orange-text-color:#FCE4C7;--coachmark-cyan-bg-color:#00A3B5;--coachmark-cyan-text-color:#B2F4F7;--coachmark-outline-color:#949494;--coachmark-outline-text-color:#F7F7F7;--combobox-bg-color:#121212;--combobox-border-color:#545454;--combobox-text-color:#ccc;--combobox-hover-bg-color:#3B3B3B;--combobox-pressed-bg-color:#3B3B3B;--combobox-focus-border-color:#007AA3;--combobox-disabled-bg-color:#3B3B3B;--combobox-invalid-bg-color:#4A1812;--combobox-invalid-border-color:#F7644A;--combobox-dropdown-bg-color:#292929;--combobox-dropdown-item-hover-bg-color:#092D3B;--combobox-dropdown-item-focus-bg-color:#007AA3;--combobox-dropdown-item-select-bg-color:#292929;--combobox-dropdown-item-checked-bg-color:#007AA3;--combobox-dropdown-item-checked-icon-color:#fff;--combobox-dropdown-item-icon-color:#B2B2B2;--combobox-group-button-bg-color:#B2B2B2;--combobox-group-radius:.25rem;--combobox-group-focus-shadow:0 0 4px 2px #00a0d1;--combobox-group-focus-border:0px solid;--combobox-selected-bg-color:#3B3B3B;--combobox-selected-border-color:#545454;--combobox-selected-hover:#3B3B3B;--combobox-group-label-bg-color:#292929;--combobox-group-label-color:#B2B2B2;--combobox-group-label-border-color:#3B3B3B;--datepicker-default-hover-bg-color:#545454;--datepicker-selected-today-text-color:#F7F7F7;--datepicker-range-text-color:#F7F7F7;--datepicker-range-bg-color:#707070;--datepicker-range-hover-bg-color:#545454;--datepicker-range-edge-text-color:#121212;--datepicker-range-edge-bg-color:#F7F7F7;--dropdown-bg-color-hover:#3B3B3B;--dropdown-bg-color-active:#3B3B3B;--dropdown-border-color:#545454;--dropdown-border-color-focus:#007AA3;--dropdown-label-radius:.25rem;--dropdown-list-bg-color:#292929;--dropdown-list-item-bg-color-hover:#092D3B;--dropdown-list-item-bg-color-focus:#007AA3;--editable-textfield-default-bg-color:#121212;--editable-textfield-default-text-color:#F7F7F7;--editable-textfield-default-hover-bg-color:#292929;--editable-textfield-default-read-only-bg-color:#292929;--editable-textfield-default-focus-border-color:#07C1F5;--editable-textfield-default-pressed-bg-color:#3B3B3B;--editable-textfield-default-pressed-border-color:#545454;--editable-textfield-disabled-bg-color:#1C1C1C;--editable-textfield-disabled-text-color:#545454;--editable-textfield-error-bg-color:#4A1812;--editable-textfield-error-border-color:#F7644A;--editable-textfield-error-text-color:#F7F7F7;--editable-textfield-error-message-text-color:#F7644A;--editable-textfield-error-hover-bg-color:#6E1D13;--editable-textfield-error-pressed-bg-color:#A12512;--editable-textfield-succes-border-color:#07C1F5;--editable-textfield-warning-border-color:#FC9D03;--editable-textfield-filled-bg-color:#292929;--editable-textfield-filled-disabled-bg-color:#292929;--editable-textfield-filled-hover-bg-color:#545454;--floating-modal-main-bg-color:#292929;--floating-modal-main-text-color:#F7F7F7;--floating-modal-main-border-color:#545454;--floating-modal-main-radius:.5rem;--floating-modal-main-box-shadow:0 4px 8px rgba(0,0,0,0.12),0 0 1px rgba(0,0,0,0.2);--floating-modal-main-bg-color-alternate:#ccc;--floating-modal-main-text-color-alternate:#121212;--floating-modal-outer-border-color:#3B3B3B;--help-text-default-color:#ccc;--input-default-bg-color:#121212;--input-default-text-color:#F7F7F7;--input-default-border-color:#3B3B3B;--input-default-hover-bg-color:#292929;--input-default-read-only-bg-color:#292929;--input-default-focus-border-color:#07C1F5;--input-default-pressed-bg-color:#545454;--input-default-pressed-border-color:#545454;--input-disabled-bg-color:#292929;--input-disabled-text-color:#545454;--input-error-bg-color:#4A1812;--input-error-border-color:#F7644A;--input-error-text-color:#F7F7F7;--input-error-message-text-color:#F7644A;--input-error-hover-bg-color:#6E1D13;--input-error-pressed-bg-color:#A12512;--input-succes-border-color:#07C1F5;--input-warning-border-color:#FC9D03;--input-filled-bg-color:#292929;--input-filled-disabled-bg-color:#292929;--input-filled-hover-bg-color:#545454;--input-focus-ring-color:#07C1F5;--label-color:#ccc;--label-secondary:#B2B2B2;--link-default:#07C1F5;--link-hover:#91EBFF;--link-pressed:#C9F4FF;--link-focus:#07C1F5;--link-focus-outline:#007AA3;--link-disabled:#545454;--link-inline:#F7644A;--link-inline-hover:#FF9580;--link-inline-pressed:#FFBBAD;--link-inline-focus:#F7644A;--link-font-size:16px;--link-blue:#00A0D1;--link-blue-hover:#007AA3;--link-blue-active:#005E7D;--link-red:#F7644A;--link-red-hover:#D4371C;--link-red-active:#A12512;--link-green:#00AB50;--link-green-hover:#00853C;--link-green-active:#03612C;--link-yellow:#D97F00;--link-yellow-hover:#A85F00;--link-yellow-active:#7D4705;--link-orange:#F26B1D;--link-orange-hover:#C74F0E;--link-orange-active:#914017;--list-text-color:#F7F7F7;--list-hover-background:#064157;--list-disabled-text-color:#545454;--list-active-background:#005E7D;--list-focus-border-color:#07C1F5;--menu-default:#DEDEDE;--menu-hover-bg:#064157;--menu-pressed-bg:#005E7D;--modal-main-bg-color:#292929;--modal-main-text-color:#ccc;--modal-main-radius:.25rem;--modal-main-padding:1rem 0.5rem;--modal-main-border-color:#3B3B3B;--modal-title-text-color:#EDEDED;--modal-backdrop-bg-color:#000;--pagination-color:#707070;--pagination-color-current:#fff;--pagination-bg-current:#007AA3;--pagination-bg-hover:#005E7D;--pagination-nav-color:#545454;--pagination-nav-hover:#005E7D;--pagination-nav-disabled:#ccc;--pagination-dots-color:#B2B2B2;--pagination-dots-color-current:#007AA3;--phone-input-default-bg-color:#121212;--phone-input-default-border-color:#3B3B3B;--phone-input-disabled-bg-color:#121212;--radio-input-bg-color:#1C1C1C;--radio-input-text-color:#EDEDED;--radio-input-border-color:#3B3B3B;--radio-input-hover-bg-color:#292929;--radio-input-hover-border-color:#3B3B3B;--radio-input-pressed-bg-color:#3B3B3B;--radio-input-pressed-border-color:#545454;--radio-input-selected-bg-color:#00A0D1;--radio-input-selected-border-color:#00A0D1;--radio-input-selected-hover-bg-color:#007AA3;--radio-input-selected-hover-border-color:#007AA3;--radio-input-selected-pressed-bg-color:#005E7D;--radio-input-selected-pressed-border-color:#005E7D;--radio-input-focus-border-color:#005E7D;--radio-input-focus-shadow-color:0 0 4px 2px transparent;--slider-background-selection:#00A0D1;--slider-background-bar:#707070;--slider-background-hover-pointer:#C9F4FF;--slider-background-disabled-selection:#949494;--slider-background-disabled-pointer:#707070;--slider-background-focus-pointer:#DEDEDE;--slider-background-focus-selection:#91EBFF;--slider-focus-shadow:#00A0D1;--slider-label:#B2B2B2;--spinner-bg-color:#949494;--spinner-color:#fff;--table-header-bg-color:#3B3B3B;--table-hover-bg-color:#092D3B;--table-pressed-bg-color:#292929;--table-border-color:#3B3B3B;--table-text-color:#B2B2B2;--table-stripped-bg-color:#545454;--table-advanced-header-bg-color:#1C1C1C;--table-advanced-filter-bg-color:#121212;--table-advanced-filter-border-color:#3B3B3B;--table-advanced-filter-hover-bg-color:#292929;--table-advanced-filter-pressed-bg-color:#3B3B3B;--table-advanced-hover-bg-color:#1C1C1C;--table-advanced-selected-bg-color:#292929;--table-advanced-border-color:#3B3B3B;--table-advanced-text-color:#B2B2B2;--table-advanced-stripped-bg-color:#545454;--tabs-default-bg-color:#292929;--tabs-default-text-color:#ccc;--tabs-default-border-color:#3B3B3B;--tabs-default-active-border:#00A0D1;--tabs-default-focus-bg:#292929;--tabs-default-focus-border:#07C1F5;--tabs-default-hover-border:#ccc;--tabs-default-hover:#3B3B3B;--tabs-default-pressed:#292929;--tabs-default-disabled:#707070;--tabs-default-active:#07C1F5;--tabs-left-arrow-bg-color:#292929;--tabs-right-arrow-bg-color:#292929;--taskitem-text-color:#EDEDED;--taskitem-hover-bg-color:#092D3B;--taskitem-pressed-bg-color:#064157;--taskitem-focus-bg-color:rgba(0,0,0,0);--taskitem-focus-border-color:#00A0D1;--taskitem-status-bg-color:#292929;--taskitem-status-text-color:#DEDEDE;--taskitem-status-pause-bg-color:#7D4705;--taskitem-selected-text-color:#EDEDED;--taskitem-chat-text-color:#949494;--taskitem-chat-quantity-bg-color:#08599C;--taskitem-chat-quantity-text-color:#C7EEFF;--toggle-switch-bg-color:#545454;--toggle-switch-bg-color--hover:#B2B2B2;--toggle-switch-bg-color--checked:#00A0D1;--toggle-switch-bg-color--checked-hover:#007AA3;--toggle-switch-bg-color--disabled:#292929;--toggle-switch-bg-color--disabled--checked:#092D3B;--toggle-switch-slider-color:#fff;--toggle-switch-slider-color-disabled:#545454;--toggle-switch-slider-color-disabled--checked:#545454;--toggle-switch-focus:#007AA3;--tooltip-font-color:#F7F7F7;--tooltip-bg-color:#292929}`,g=b.css`:host,:root{--md-blue-10:#C9F4FF;--md-blue-20:#91EBFF;--md-blue-30:#52DCFF;--md-blue-40:#07C1F5;--md-blue-50:#00A0D1;--md-blue-60:#007AA3;--md-blue-70:#005E7D;--md-blue-80:#064157;--md-blue-90:#092D3B;--md-blue-95:#091E26;--md-blue-05:#EBFCFF;--md-red-10:#FFE8E3;--md-red-20:#FFD5CC;--md-red-30:#FFBBAD;--md-red-40:#FF9580;--md-red-50:#F7644A;--md-red-60:#D4371C;--md-red-70:#A12512;--md-red-80:#6E1D13;--md-red-90:#4A1812;--md-red-95:#301210;--md-red-05:#FFF5F2;--md-yellow-10:#FFECC2;--md-yellow-20:#FFD98C;--md-yellow-30:#FFC14F;--md-yellow-40:#FC9D03;--md-yellow-50:#D97F00;--md-yellow-60:#A85F00;--md-yellow-70:#7D4705;--md-yellow-80:#54330D;--md-yellow-90:#38240E;--md-yellow-95:#261A0D;--md-yellow-05:#FFF7E3;--md-green-10:#BEFADE;--md-green-20:#78F5B8;--md-green-30:#31E88C;--md-green-40:#00CF64;--md-green-50:#00AB50;--md-green-60:#00853C;--md-green-70:#03612C;--md-green-80:#08421F;--md-green-90:#092E16;--md-green-95:#081F10;--md-green-05:#EDFAF4;--md-gray-10:#EDEDED;--md-gray-20:#DEDEDE;--md-gray-30:#ccc;--md-gray-40:#B2B2B2;--md-gray-50:#949494;--md-gray-60:#707070;--md-gray-70:#545454;--md-gray-80:#3B3B3B;--md-gray-90:#292929;--md-gray-95:#1C1C1C;--md-gray-100:#121212;--md-gray-05:#F7F7F7;--md-white-60:#fff;--md-white-100:#fff;--md-white:#fff;--md-black-100:#000;--md-black:#000;--md-orange-10:#FAF4EB;--md-orange-20:#FCE4C7;--md-orange-30:#FFCA99;--md-orange-40:#FF9D52;--md-orange-50:#F26B1D;--md-orange-60:#C74F0E;--md-orange-70:#914017;--md-orange-80:#59311E;--md-orange-90:#33221B;--md-orange-100:#211916;--md-gold-10:#F7F6DC;--md-gold-20:#F5EAA2;--md-gold-30:#EBD460;--md-gold-40:#D6B220;--md-gold-50:#BA8C00;--md-gold-60:#996E00;--md-gold-70:#735107;--md-gold-80:#4D370C;--md-gold-90:#30240D;--md-gold-100:#21190B;--md-olive-10:#F3F5E4;--md-olive-20:#E7EDB7;--md-olive-30:#D3DB7B;--md-olive-40:#B4BA43;--md-olive-50:#999923;--md-olive-60:#7D7A18;--md-olive-70:#5C5813;--md-olive-80:#403D11;--md-olive-90:#29260D;--md-olive-100:#1C1A0A;--md-lime-10:#F3F7E9;--md-lime-20:#DDF2AE;--md-lime-30:#BCE36F;--md-lime-40:#93C437;--md-lime-50:#73A321;--md-lime-60:#588219;--md-lime-70:#416116;--md-lime-80:#2D4214;--md-lime-90:#1E2B10;--md-lime-100:#141C0C;--md-mint-10:#E9F7F3;--md-mint-20:#BAF5E7;--md-mint-30:#74E8D1;--md-mint-40:#30C9B0;--md-mint-50:#16A693;--md-mint-60:#148579;--md-mint-70:#12615A;--md-mint-80:#12423F;--md-mint-90:#102B2A;--md-mint-100:#0C1C1B;--md-cyan-10:#E6F9FA;--md-cyan-20:#B2F4F7;--md-cyan-30:#67E7F0;--md-cyan-40:#22C7D6;--md-cyan-50:#00A3B5;--md-cyan-60:#008094;--md-cyan-70:#066070;--md-cyan-80:#0A414D;--md-cyan-90:#0B2A30;--md-cyan-100:#091C21;--md-cobalt-10:#E6F8FF;--md-cobalt-20:#C7EEFF;--md-cobalt-30:#9df;--md-cobalt-40:#5EBFF6;--md-cobalt-50:#279BE7;--md-cobalt-60:#0A78CC;--md-cobalt-70:#08599C;--md-cobalt-80:#103C62;--md-cobalt-90:#12283D;--md-cobalt-100:#0F1A25;--md-slate-10:#F2F4FF;--md-slate-20:#E3E7FA;--md-slate-30:#CED2ED;--md-slate-40:#B0B4D9;--md-slate-50:#8C91BD;--md-slate-60:#6F739E;--md-slate-70:#535573;--md-slate-80:#393A47;--md-slate-90:#26262B;--md-slate-100:#1A1A1C;--md-violet-10:#F8F2FC;--md-violet-20:#F0E3FC;--md-violet-30:#E2CAFC;--md-violet-40:#C7A5FA;--md-violet-50:#A87FF1;--md-violet-60:#875AE1;--md-violet-70:#643ABD;--md-violet-80:#432C77;--md-violet-90:#29223D;--md-violet-100:#1B1823;--md-purple-10:#FCF2FC;--md-purple-20:#FCE1FC;--md-purple-30:#FAC3F8;--md-purple-40:#F294F1;--md-purple-50:#E060DE;--md-purple-60:#C233C4;--md-purple-70:#932099;--md-purple-80:#601E66;--md-purple-90:#3B1840;--md-purple-100:#251329;--md-pink-10:#FFF2F5;--md-pink-20:#FFE0E7;--md-pink-30:#FFC7D2;--md-pink-40:#FC97AA;--md-pink-50:#F0677E;--md-pink-60:#D43B52;--md-pink-70:#A12A3A;--md-pink-80:#66262D;--md-pink-90:#3B1E21;--md-pink-100:#241617;--md-theme-10:#C9F4FF;--md-theme-20:#91EBFF;--md-theme-30:#52DCFF;--md-theme-40:#07C1F5;--md-theme-50:#00A0D1;--md-theme-60:#007AA3;--md-theme-70:#005E7D;--md-theme-80:#064157;--md-theme-90:#092D3B;--md-theme-95:#091E26;--md-theme-05:#EBFCFF;--sandbox-bg-color:#DEDEDE;--sandbox-secondary-bg-color:#e5e5e5;--main-bg-color:#EDEDED;--md-default-focus-outline-color:#007AA3;--md-primary-bg-color:#fff;--md-primary-one-bg-color:#fff;--md-primary-two-bg-color:#fff;--md-secondary-bg-color:#F7F7F7;--md-secondary-one-bg-color:#F7F7F7;--md-secondary-two-bg-color:#F7F7F7;--md-secondary-three-bg-color:#F7F7F7;--md-tertiary-bg-color:#EDEDED;--md-tertiary-one-bg-color:#EDEDED;--md-tertiary-two-bg-color:#EDEDED;--md-quaternary-bg-color:#DEDEDE;--md-quaternary-one-bg-color:#DEDEDE;--md-quaternary-two-bg-color:#DEDEDE;--md-conference-chat-bg-color:#F2F4FF;--md-secondary-white-bg-color:#fff;--md-tertiary-white-bg-color:#fff;--md-primary-success-bg-color:#BEFADE;--md-primary-success-text-color:#03612C;--md-primary-text-color:#121212;--md-secondary-text-color:#545454;--md-disabled-text-color:#B2B2B2;--md-highlight-text-color:#91EBFF;--md-hyperlink-text-color:#005E7D;--md-hyperlink-hover-text-color:#092D3B;--md-hyperlink-focus-text-color:#005E7D;--md-focus-border-color:#005E7D;--md-primary-seperator-color:#ccc;--md-secondary-seperator-color:#B2B2B2;--md-alert-error-bg-color:#FFE8E3;--md-alert-error-text-color:#A12512;--md-alert-warning-bg-color:#FFECC2;--md-alert-warning-text-color:#7D4705;--md-alert-success-bg-color:#BEFADE;--md-alert-success-text-color:#03612C;--md-alert-info-bg-color:#C9F4FF;--md-alert-info-text-color:#005E7D;--md-presence-active-bg-color:#00AB50;--md-presence-do-not-disturb-bg-color:#D4371C;--md-presence-away-bg-color:#ccc;--md-presence-busy-bg-color:#FC9D03;--md-email-composer-bg-color:#fff;--md-email-composer-thread-bar-color:#643ABD;--md-email-composer-ccChip-bg-color:#F7F7F7;--md-interaction-history-bg-color:#F7F7F7;--md-auto-wrapup-bg-color:#EBFCFF;--md-menu-overlay-border-color:#DEDEDE;--md-dynamic-layout-button-border-color:#EDEDED;--md-dynamic-layout-button-inverted-border-color:#545454;--md-nav-tab-hover-bg-color:#EDEDED;--md-nav-tab-active-bg-color:#DEDEDE;--md-input-bg-color:#fff;--md-input-chat-length-indicator-bg-color:#fff;--md-input-chat-length-indicator-color:#545454;--md-input-chat-bg-color:#fff;--md-input-chat-color:#121212;--md-input-chat-error-color:#A12512;--md-webex-chat-disable-bg-color:#DEDEDE;--md-webex-chat-disable-color:#B2B2B2;--rem-base:16px;font-size:var(--rem-base);--md-button-primary-bg-color:#007AA3;--md-button-primary-hover-bg-color:#005E7D;--md-button-primary-pressed-bg-color:#064157;--md-button-primary-text-color:#F7F7F7;--md-button-primary-outline-color:#005E7D;--md-button-primary-outline-text-color:#005E7D;--md-button-secondary-bg-color:#DEDEDE;--md-button-secondary-hover-bg-color:#ccc;--md-button-secondary-pressed-bg-color:#B2B2B2;--md-button-secondary-text-color:#121212;--md-button-secondary-outline-color:#545454;--md-button-secondary-outline-text-color:#545454;--md-button-tertiary-bg-color:#3B3B3B;--md-button-tertiary-hover-bg-color:#292929;--md-button-tertiary-pressed-bg-color:#1C1C1C;--md-button-tertiary-text-color:#F7F7F7;--md-button-tertiary-outline-color:#B2B2B2;--md-button-tertiary-outline-text-color:#B2B2B2;--md-button-join-bg-color:#00853C;--md-button-join-hover-bg-color:#03612C;--md-button-join-pressed-bg-color:#08421F;--md-button-join-text-color:#F7F7F7;--md-button-join-outline-color:#03612C;--md-button-join-outline-text-color:#03612C;--md-button-cancel-bg-color:#D4371C;--md-button-cancel-hover-bg-color:#A12512;--md-button-cancel-pressed-bg-color:#6E1D13;--md-button-cancel-text-color:#F7F7F7;--md-button-cancel-outline-color:#A12512;--md-button-cancel-outline-text-color:#A12512;--md-button-ghost-bg-color:none;--md-button-ghost-hover-bg-color:#545454;--md-button-ghost-pressed-bg-color:#3B3B3B;--md-button-ghost-text-color:#121212;--md-button-focus-ring-color:#007AA3;--md-button-disabled-bg-color:#DEDEDE;--md-button-disabled-text-color:#B2B2B2;--md-button-files-normal-bg-color:none;--md-button-files-normal-text-color:#121212;--md-button-files-hover-bg-color:#7D4705;--md-button-files-hover-text-color:#fff;--md-button-files-pressed-bg-color:#54330D;--md-button-files-pressed-text-color:#F7F7F7;--md-button-whiteboards-normal-bg-color:none;--md-button-whiteboards-normal-text-color:#121212;--md-button-whiteboards-hover-bg-color:#932099;--md-button-whiteboards-hover-text-color:#fff;--md-button-whiteboards-pressed-bg-color:#601E66;--md-button-whiteboards-pressed-text-color:#F7F7F7;--md-input-background-color:#fff;--md-input-background-hover:#DEDEDE;--md-input-background-pressed:#ccc;--md-input-background-active:#DEDEDE;--md-input-background-theme-color:#007AA3;--md-input-background-theme-hover:#005E7D;--md-input-background-theme-pressed:#064157;--md-input-background-theme-active:#064157;--md-input-background-theme-disabled:#EBFCFF;--md-input-background-error:#FFF5F2;--md-input-disabled:#EDEDED;--md-input-focusRing:#007AA3;--md-input-outline-color:#ccc;--md-input-outline-active:#B2B2B2;--md-input-outline-error:#F7644A;--md-input-text-primary:#121212;--md-input-text-secondary:#545454;--md-input-text-disabled:#B2B2B2;--md-input-text-error:#A12512;--md-textColor-primary:#121212;--md-textColor-secondary:#545454;--md-textColor-disabled:#B2B2B2;--md-textColor-highlight:#DEDEDE;--md-textColor-hyperlink-color:#005E7D;--md-textColor-hyperlink-hover:#092D3B;--md-textColor-hyperlink-focus:#005E7D;--md-background-primary:#fff;--md-background-secondary:#F7F7F7;--md-background-tertiary:#EDEDED;--md-background-quaternary:#DEDEDE;--md-presence-busy:#FC9D03;--md-presence-doNotDisturb:#D4371C;--md-presence-active:#00AB50;--md-presence-away:#ccc;--md-alert-background-warning:#FFECC2;--md-alert-background-error:#FFE8E3;--md-alert-background-theme:#C9F4FF;--md-alert-background-success:#BEFADE;--md-alert-text-warning:#7D4705;--md-alert-text-error:#A12512;--md-alert-text-theme:#005E7D;--md-alert-text-success:#03612C;--md-avatar-cobalt:#9df;--md-avatar-cyan:#67E7F0;--md-avatar-gold:#EBD460;--md-avatar-gray:#ccc;--md-avatar-lime:#BCE36F;--md-avatar-mint:#74E8D1;--md-avatar-orange:#FFCA99;--md-avatar-pink:#FFC7D2;--md-avatar-purple:#FAC3F8;--md-avatar-slate:#CED2ED;--md-avatar-violet:#E2CAFC;--md-separator-primary:#ccc;--md-separator-secondary:#B2B2B2;--accordion-color-border:#DEDEDE;--accordion-bg-focus:#fff;--accordion-hover:#C9F4FF;--accordion-active:#00A0D1;--alert-default-bg-color:#fff;--alert-default-align-items:center;--alert-default-text-color:#292929;--alert-default-icon-size:40px;--alert-title-text-color:#00A0D1;--alert-title-font-size:1rem;--alert-close-bg-color:#e6e8e8;--alert-close-size:2.75rem;--alert-close-text-color:#292929;--alert-banner-default-bg-color:#C9F4FF;--alert-banner-default-text-color:#005E7D;--alert-banner-error-bg-color:#FFE8E3;--alert-banner-error-text-color:#A12512;--alert-banner-warning-bg-color:#FFECC2;--alert-banner-warning-text-color:#7D4705;--audio-player-background-body:#EDEDED;--audio-player-background-progress-bar:#3B3B3B;--audio-player-background-buffer-bar:#949494;--audio-player-background-timeline:#ccc;--audio-player-background-speed-popup:#fff;--audio-player-background-speed-popup-hover:#F7F7F7;--audio-player-font-color:#121212;--audio-player-focus-ring-color:#007AA3;--avatar-letter-bg-color:#EDEDED;--avatar-letter-text-color:#3B3B3B;--avatar-blue-bg-color:#279BE7;--avatar-blue-text-color:#F7F7F7;--avatar-green-bg-color:#00AB50;--avatar-green-text-color:#F7F7F7;--avatar-purple-bg-color:#E060DE;--avatar-purple-text-color:#F7F7F7;--avatar-violet-bg-color:#A87FF1;--avatar-violet-text-color:#F7F7F7;--avatar-mint-bg-color:#16A693;--avatar-mint-text-color:#F7F7F7;--avatar-yellow-bg-color:#D97F00;--avatar-yellow-text-color:#F7F7F7;--avatar-red-bg-color:#F7644A;--avatar-red-text-color:#F7F7F7;--avatar-orange-bg-color:#F26B1D;--avatar-orange-text-color:#F7F7F7;--avatar-cyan-bg-color:#00A3B5;--avatar-cyan-text-color:#F7F7F7;--avatar-slate-bg-color:#8C91BD;--avatar-slate-text-color:#F7F7F7;--avatar-pink-bg-color:#F0677E;--avatar-pink-text-color:#F7F7F7;--avatar-cobalt-bg-color:#279BE7;--avatar-cobalt-text-color:#F7F7F7;--avatar-gold-bg-color:#BA8C00;--avatar-gold-text-color:#F7F7F7;--avatar-lime-bg-color:#73A321;--avatar-lime-text-color:#F7F7F7;--badge-default-bg-color:#949494;--badge-default-text-color:#F7F7F7;--badge-blue-bg-color:#279BE7;--badge-blue-text-color:#F7F7F7;--badge-blue-hover-bg-color:#5EBFF6;--badge-blue-active-bg-color:#9df;--badge-gray-bg-color:#949494;--badge-gray-text-color:#121212;--badge-gray-hover-bg-color:#B2B2B2;--badge-gray-active-bg-color:#ccc;--badge-green-bg-color:#00AB50;--badge-green-text-color:#F7F7F7;--badge-lime-bg-color:#73A321;--badge-lime-text-color:#F7F7F7;--badge-lime-hover-bg-color:#93C437;--badge-lime-active-bg-color:#BCE36F;--badge-pink-bg-color:#F0677E;--badge-pink-text-color:#F7F7F7;--badge-pink-hover-bg-color:#FC97AA;--badge-pink-active-bg-color:#FFC7D2;--badge-purple-bg-color:#E060DE;--badge-purple-text-color:#F7F7F7;--badge-violet-bg-color:#A87FF1;--badge-violet-text-color:#F7F7F7;--badge-violet-hover-bg-color:#C7A5FA;--badge-violet-active-bg-color:#E2CAFC;--badge-mint-bg-color:#16A693;--badge-mint-text-color:#F7F7F7;--badge-mint-hover-bg-color:#30C9B0;--badge-mint-active-bg-color:#74E8D1;--badge-yellow-bg-color:#D97F00;--badge-yellow-text-color:#F7F7F7;--badge-gold-bg-color:#BA8C00;--badge-gold-text-color:#F7F7F7;--badge-gold-hover-bg-color:#D6B220;--badge-gold-active-bg-color:#EBD460;--badge-red-bg-color:#F7644A;--badge-red-text-color:#F7F7F7;--badge-darkred-bg-color:#D4371C;--badge-darkred-text-color:#F7F7F7;--badge-orange-bg-color:#F26B1D;--badge-orange-text-color:#F7F7F7;--badge-orange-hover-bg-color:#FF9D52;--badge-orange-active-bg-color:#FFCA99;--badge-cyan-bg-color:#00A3B5;--badge-cyan-text-color:#F7F7F7;--badge-hold-bg-color:#FFECC2;--badge-hold-text-color:#121212;--badge-outline-color:#949494;--badge-outline-text-color:#F7F7F7;--badge-disabled-bg-color:#DEDEDE;--badge-disabled-text-color:#B2B2B2;--breadcrumb-color:#00A0D1;--breadcrumb-color-current:#292929;--breadcrumb-color-slash:#949494;--button-primary-bg-color:#007AA3;--button-primary-hover-bg-color:#005E7D;--button-primary-pressed-bg-color:#064157;--button-primary-text-color:#F7F7F7;--button-primary-outline-color:#005E7D;--button-primary-outline-text-color:#005E7D;--button-secondary-bg-color:#DEDEDE;--button-secondary-hover-bg-color:#ccc;--button-secondary-pressed-bg-color:#B2B2B2;--button-secondary-text-color:#121212;--button-secondary-outline-color:#545454;--button-secondary-outline-text-color:#545454;--button-tertiary-bg-color:#3B3B3B;--button-tertiary-hover-bg-color:#292929;--button-tertiary-pressed-bg-color:#1C1C1C;--button-tertiary-text-color:#F7F7F7;--button-tertiary-outline-color:#B2B2B2;--button-tertiary-outline-text-color:#B2B2B2;--button-join-bg-color:#00853C;--button-join-hover-bg-color:#03612C;--button-join-pressed-bg-color:#08421F;--button-join-text-color:#F7F7F7;--button-join-outline-color:#03612C;--button-join-outline-text-color:#03612C;--button-cancel-bg-color:#D4371C;--button-cancel-hover-bg-color:#A12512;--button-cancel-pressed-bg-color:#6E1D13;--button-cancel-text-color:#F7F7F7;--button-cancel-outline-color:#A12512;--button-cancel-outline-text-color:#A12512;--button-ghost-bg-color:none;--button-ghost-hover-bg-color:#545454;--button-ghost-pressed-bg-color:#3B3B3B;--button-ghost-text-color:#121212;--button-focus-ring-color:#007AA3;--button-disabled-bg-color:#DEDEDE;--button-disabled-text-color:#B2B2B2;--button-files-normal-bg-color:none;--button-files-normal-text-color:#121212;--button-files-hover-bg-color:#7D4705;--button-files-hover-text-color:#fff;--button-files-pressed-bg-color:#54330D;--button-files-pressed-text-color:#F7F7F7;--button-whiteboards-normal-bg-color:none;--button-whiteboards-normal-text-color:#121212;--button-whiteboards-hover-bg-color:#932099;--button-whiteboards-hover-text-color:#fff;--button-whiteboards-pressed-bg-color:#601E66;--button-whiteboards-pressed-text-color:#F7F7F7;--button-group-color:#3B3B3B;--button-group-color-active:#121212;--button-group-bg-color:#ccc;--button-group-bg-color-hover:#B2B2B2;--button-group-bg-color-pressed:#949494;--button-group-bg-color-focus:#B2B2B2;--button-group-bg-color-active:#fff;--chat-message-color:#1C1C1C;--chat-message-color-heading:#3B3B3B;--checkbox-bg-color:#fff;--checkbox-text-color:#292929;--checkbox-border-color:#DEDEDE;--checkbox-hover-bg-color:#DEDEDE;--checkbox-hover-border-color:#ccc;--checkbox-pressed-bg-color:#ccc;--checkbox-pressed-border-color:#B2B2B2;--checkbox-selected-bg-color:#00A0D1;--checkbox-selected-border-color:#00A0D1;--checkbox-selected-hover-bg-color:#007AA3;--checkbox-selected-hover-border-color:#007AA3;--checkbox-selected-pressed-bg-color:#005E7D;--checkbox-selected-pressed-border-color:#005E7D;--checkbox-focus-border-color:rgba(0,0,0,0);--checkbox-focus-shadow-color:0 0 4px 2px #00A0D1;--coachmark-default-bg-color:#949494;--coachmark-default-text-color:#F7F7F7;--coachmark-blue-bg-color:#279BE7;--coachmark-blue-text-color:#F7F7F7;--coachmark-green-bg-color:#00AB50;--coachmark-green-text-color:#F7F7F7;--coachmark-purple-bg-color:#E060DE;--coachmark-purple-text-color:#F7F7F7;--coachmark-violet-bg-color:#A87FF1;--coachmark-violet-text-color:#F7F7F7;--coachmark-mint-bg-color:#16A693;--coachmark-mint-text-color:#F7F7F7;--coachmark-yellow-bg-color:#D97F00;--coachmark-yellow-text-color:#F7F7F7;--coachmark-red-bg-color:#F7644A;--coachmark-red-text-color:#F7F7F7;--coachmark-darkred-bg-color:#D4371C;--coachmark-darkred-text-color:#F7F7F7;--coachmark-orange-bg-color:#F26B1D;--coachmark-orange-text-color:#F7F7F7;--coachmark-cyan-bg-color:#00A3B5;--coachmark-cyan-text-color:#F7F7F7;--coachmark-outline-color:#949494;--coachmark-outline-text-color:#F7F7F7;--combobox-bg-color:#fff;--combobox-border-color:#ccc;--combobox-text-color:#3B3B3B;--combobox-hover-bg-color:#EDEDED;--combobox-pressed-bg-color:#DEDEDE;--combobox-focus-border-color:#00A0D1;--combobox-disabled-bg-color:#EDEDED;--combobox-invalid-bg-color:#FFE8E3;--combobox-invalid-border-color:#F7644A;--combobox-dropdown-bg-color:#fff;--combobox-dropdown-item-hover-bg-color:#e6f9fc;--combobox-dropdown-item-focus-bg-color:#b8f2ff;--combobox-dropdown-item-select-bg-color:#fff;--combobox-dropdown-item-checked-bg-color:#00A0D1;--combobox-dropdown-item-checked-icon-color:#fff;--combobox-dropdown-item-icon-color:#121212;--combobox-group-button-bg-color:#707070;--combobox-group-radius:.25rem;--combobox-group-focus-shadow:0 0 4px 2px #00a0d1;--combobox-group-focus-border:0px solid;--combobox-selected-bg-color:#DEDEDE;--combobox-selected-border-color:#ccc;--combobox-selected-hover:#B2B2B2;--combobox-group-label-bg-color:#fff;--combobox-group-label-color:#545454;--combobox-group-label-border-color:#DEDEDE;--datepicker-default-hover-bg-color:#DEDEDE;--datepicker-selected-today-text-color:#fff;--datepicker-range-text-color:#121212;--datepicker-range-bg-color:#DEDEDE;--datepicker-range-hover-bg-color:#ccc;--datepicker-range-edge-text-color:#F7F7F7;--datepicker-range-edge-bg-color:#121212;--dropdown-bg-color-hover:#EDEDED;--dropdown-bg-color-active:#DEDEDE;--dropdown-border-color:#B2B2B2;--dropdown-border-color-focus:#00A0D1;--dropdown-label-radius:.25rem;--dropdown-list-bg-color:#fff;--dropdown-list-item-bg-color-hover:#C9F4FF;--dropdown-list-item-bg-color-focus:#91EBFF;--editable-textfield-default-bg-color:#fff;--editable-textfield-default-text-color:#121212;--editable-textfield-default-hover-bg-color:#EDEDED;--editable-textfield-default-read-only-bg-color:#EDEDED;--editable-textfield-default-focus-border-color:#007AA3;--editable-textfield-default-pressed-bg-color:#DEDEDE;--editable-textfield-default-pressed-border-color:#B2B2B2;--editable-textfield-disabled-bg-color:#F7F7F7;--editable-textfield-disabled-text-color:#B2B2B2;--editable-textfield-error-bg-color:#FFE8E3;--editable-textfield-error-border-color:#F7644A;--editable-textfield-error-text-color:#121212;--editable-textfield-error-message-text-color:#A12512;--editable-textfield-error-hover-bg-color:#FFD5CC;--editable-textfield-error-pressed-bg-color:#FFBBAD;--editable-textfield-succes-border-color:#00AB50;--editable-textfield-warning-border-color:#D97F00;--editable-textfield-filled-bg-color:#EDEDED;--editable-textfield-filled-disabled-bg-color:#EDEDED;--editable-textfield-filled-hover-bg-color:#DEDEDE;--floating-modal-main-bg-color:#fff;--floating-modal-main-text-color:#121212;--floating-modal-main-border-color:#ccc;--floating-modal-main-radius:.5rem;--floating-modal-main-box-shadow:0 4px 8px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.2);--floating-modal-main-bg-color-alternate:#545454;--floating-modal-main-text-color-alternate:#F7F7F7;--floating-modal-outer-border-color:#DEDEDE;--help-text-default-color:#545454;--input-default-bg-color:#fff;--input-default-text-color:#545454;--input-default-border-color:#ccc;--input-default-hover-bg-color:#ccc;--input-default-read-only-bg-color:#EDEDED;--input-default-focus-border-color:#007AA3;--input-default-pressed-bg-color:#ccc;--input-default-pressed-border-color:#ccc;--input-disabled-bg-color:#EDEDED;--input-disabled-text-color:#B2B2B2;--input-error-bg-color:#FFE8E3;--input-error-border-color:#F7644A;--input-error-text-color:#121212;--input-error-message-text-color:#F7644A;--input-error-hover-bg-color:#FFD5CC;--input-error-pressed-bg-color:#FFBBAD;--input-succes-border-color:#00AB50;--input-warning-border-color:#FC9D03;--input-filled-bg-color:#EDEDED;--input-filled-disabled-bg-color:#EDEDED;--input-filled-hover-bg-color:#DEDEDE;--input-focus-ring-color:#007AA3;--label-color:#000;--label-secondary:#545454;--link-default:#005E7D;--link-hover:#005E7D;--link-pressed:#064157;--link-focus:#005E7D;--link-focus-outline:#007AA3;--link-disabled:#B2B2B2;--link-inline:#A12512;--link-inline-hover:#6E1D13;--link-inline-pressed:#4A1812;--link-inline-focus:#A12512;--link-font-size:16px;--link-blue:#00A0D1;--link-blue-hover:#007AA3;--link-blue-active:#005E7D;--link-red:#F7644A;--link-red-hover:#D4371C;--link-red-active:#A12512;--link-green:#00AB50;--link-green-hover:#00853C;--link-green-active:#03612C;--link-yellow:#D97F00;--link-yellow-hover:#A85F00;--link-yellow-active:#7D4705;--link-orange:#F26B1D;--link-orange-hover:#C74F0E;--link-orange-active:#914017;--list-text-color:#121212;--list-hover-background:#C9F4FF;--list-disabled-text-color:#B2B2B2;--list-active-background:#91EBFF;--list-focus-border-color:#007AA3;--menu-default:#121212;--menu-hover-bg:#91EBFF;--menu-pressed-bg:#52DCFF;--modal-main-bg-color:#fff;--modal-main-text-color:#3B3B3B;--modal-main-radius:.25rem;--modal-main-padding:1rem 0.5rem;--modal-main-border-color:#F7F7F7;--modal-title-text-color:#000;--modal-backdrop-bg-color:#000;--pagination-color:#949494;--pagination-color-current:#fff;--pagination-bg-current:#00A0D1;--pagination-bg-hover:#007AA3;--pagination-nav-color:#545454;--pagination-nav-hover:#007AA3;--pagination-nav-disabled:#ccc;--pagination-dots-color:#ccc;--pagination-dots-color-current:#00A0D1;--phone-input-default-bg-color:#EDEDED;--phone-input-default-border-color:#ccc;--phone-input-disabled-bg-color:#EDEDED;--radio-input-bg-color:#fff;--radio-input-text-color:#292929;--radio-input-border-color:#DEDEDE;--radio-input-hover-bg-color:#DEDEDE;--radio-input-hover-border-color:#ccc;--radio-input-pressed-bg-color:#ccc;--radio-input-pressed-border-color:#B2B2B2;--radio-input-selected-bg-color:#00A0D1;--radio-input-selected-border-color:#00A0D1;--radio-input-selected-hover-bg-color:#007AA3;--radio-input-selected-hover-border-color:#007AA3;--radio-input-selected-pressed-bg-color:#005E7D;--radio-input-selected-pressed-border-color:#005E7D;--radio-input-focus-border-color:#005E7D;--radio-input-focus-shadow-color:0 0 4px 2px transparent;--slider-background-selection:#00A0D1;--slider-background-pointer:#fff;--slider-background-bar:#ccc;--slider-background-hover-pointer:#C9F4FF;--slider-background-disabled-selection:#949494;--slider-background-disabled-pointer:#ccc;--slider-background-focus-pointer:#91EBFF;--slider-background-focus-selection:#007AA3;--slider-focus-shadow:#00A0D1;--slider-label:#545454;--spinner-bg-color:#B2B2B2;--spinner-color:#000;--table-header-bg-color:#EDEDED;--table-hover-bg-color:#91EBFF;--table-pressed-bg-color:#DEDEDE;--table-border-color:#EDEDED;--table-text-color:#3B3B3B;--table-stripped-bg-color:#DEDEDE;--table-advanced-header-bg-color:#F7F7F7;--table-advanced-filter-bg-color:#fff;--table-advanced-filter-border-color:#ccc;--table-advanced-filter-hover-bg-color:#EDEDED;--table-advanced-filter-pressed-bg-color:#DEDEDE;--table-advanced-hover-bg-color:#F7F7F7;--table-advanced-selected-bg-color:#EDEDED;--table-advanced-border-color:#DEDEDE;--table-advanced-text-color:#3B3B3B;--table-advanced-stripped-bg-color:#DEDEDE;--tabs-default-bg-color:#fff;--tabs-default-text-color:#3B3B3B;--tabs-default-border-color:#DEDEDE;--tabs-default-active-border:#00A0D1;--tabs-default-focus-bg:#fff;--tabs-default-focus-border:#007AA3;--tabs-default-hover-border:#DEDEDE;--tabs-default-hover:#EDEDED;--tabs-default-pressed:#DEDEDE;--tabs-default-disabled:#949494;--tabs-default-active:#005E7D;--tabs-left-arrow-bg-color:#fff;--tabs-right-arrow-bg-color:#fff;--taskitem-text-color:#121212;--taskitem-hover-bg-color:#C9F4FF;--taskitem-pressed-bg-color:#91EBFF;--taskitem-focus-bg-color:rgba(0,0,0,0);--taskitem-focus-border-color:#00A0D1;--taskitem-status-bg-color:#ccc;--taskitem-status-text-color:#292929;--taskitem-status-pause-bg-color:#FFC14F;--taskitem-selected-text-color:#121212;--taskitem-chat-text-color:#3B3B3B;--taskitem-chat-quantity-bg-color:#9df;--taskitem-chat-quantity-text-color:#103C62;--toggle-switch-bg-color:#ccc;--toggle-switch-bg-color--hover:#B2B2B2;--toggle-switch-bg-color--checked:#007AA3;--toggle-switch-bg-color--checked-hover:#005E7D;--toggle-switch-bg-color--disabled:#EDEDED;--toggle-switch-bg-color--disabled--checked:#C9F4FF;--toggle-switch-slider-color:#fff;--toggle-switch-slider-color-disabled:#F7F7F7;--toggle-switch-slider-color-disabled--checked:#fff;--toggle-switch-focus:#007AA3;--tooltip-font-color:#F7F7F7;--tooltip-bg-color:#292929}`,u=function(o,e,r,t){var l,d=arguments.length,c=d<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(o,e,r,t);else for(var a=o.length-1;a>=0;a--)(l=o[a])&&(c=(d<3?l(c):d>3?l(e,r,c):l(e,r))||c);return d>3&&c&&Object.defineProperty(e,r,c),c},s=function(o,e,r,t){return new(r||(r=Promise))((function(l,d){function c(o){try{b(t.next(o))}catch(o){d(o)}}function a(o){try{b(t.throw(o))}catch(o){d(o)}}function b(o){var e;o.done?l(o.value):(e=o.value,e instanceof r?e:new r((function(o){o(e)}))).then(c,a)}b((t=t.apply(o,e||[])).next())}))};!function(o){let e=class extends b.LitElement{constructor(){super(...arguments),this.darkTheme=!1,this.lumos=!1,this.activeTheme=g,this.placement="bottom",this.popperInstance=null,this.handleTooltipRemoved=()=>{this.hideVirtualTooltip()}}setTheme(){return this.lumos?this.darkTheme?n:i:this.darkTheme?m:g}getStyleElement(){return document.createElement("style")}applyStyle(){const o=this.shadowRoot;if("adoptedStyleSheets"in document){const e=new CSSStyleSheet;e.replaceSync(this.activeTheme),o.adoptedStyleSheets=[e]}else{const e=this.getStyleElement();e.textContent=this.activeTheme.cssText,o.appendChild(e)}}removeChildFromVirtualPopper(){for(;this.virtualWrapper.firstElementChild;)this.virtualWrapper.firstElementChild.remove()}setInitStyleToVirtualReference(){const{style:o}=this.virtualReference;o.top="0",o.bottom="0",o.left="0",o.right="0",o.width="0",o.height="0",o.zIndex="-1"}setStyleToVirtualReference(o){const{style:e}=this.virtualReference,{top:r,bottom:t,left:l,right:d,width:c,height:a}=o;e.position="fixed",e.top=r+"px",e.bottom=t+"px",e.left=l+"px",e.right=d+"px",e.width=c+"px",e.height=a+"px",e.zIndex="-1"}setVirtualReferencePosition(o){const e=o.getBoundingClientRect();this.setStyleToVirtualReference(e)}initVirtualElements(o,e,r){const t=o.cloneNode(!0);this.virtualWrapper.hasChildNodes()&&this.removeChildFromVirtualPopper(),this.virtualWrapper.append(t),r&&this.setVirtualSlotContent(r),this.setVirtualReferencePosition(e)}setVirtualSlotContent(o){if(this.virtualTooltipContent){for(;this.virtualTooltipContent.firstElementChild;)this.virtualTooltipContent.firstElementChild.remove();o.forEach(o=>this.virtualTooltipContent.append(o))}}updated(o){super.updated(o),(o.has("lumos")||o.has("darkTheme"))&&this.dispatchEvent(new CustomEvent("theme-changed",{composed:!0,bubbles:!0,detail:{darkTheme:this.darkTheme,lumos:this.lumos}})),this.activeTheme=this.setTheme(),this.applyStyle()}handleVirtualTooltipCreate(o){o.stopPropagation();const{popper:e,placement:r,reference:t,slotContent:l}=o.detail;this.placement=r,this.initVirtualElements(e,t,l),this.showVirtualTooltip()}handleVirtualTooltipDestroy(o){o.stopPropagation(),this.hideVirtualTooltip()}handleVirtualTooltipChangeMessage(o){const{popper:e}=o.detail,r=e.querySelector(".md-tooltip__content"),t=this.virtualWrapper.querySelector(".md-tooltip__content");if(r&&t){const o=r.textContent,e=t.textContent;o&&e&&(t.textContent=o)}}handleVirtualTooltipSlotChange(o){const{slotContent:e}=o.detail;e&&this.setVirtualSlotContent(e)}destroyPopperInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}createPopperInstance(o){this.virtualPopper&&(this.popperInstance=Object(d.createPopper)(this.virtualReference,this.virtualPopper,{placement:o,modifiers:[...c.defaultModifiers,d.flip,d.offset,d.arrow,{name:"offset",options:{offset:[8,8]}},...this.virtualArrow?[{name:"arrow",options:{element:this.virtualArrow,padding:5}}]:[]]}))}get virtualPopper(){return this.shadowRoot.querySelector(".md-tooltip__popper")}get virtualArrow(){return this.shadowRoot.querySelector(".md-tooltip__arrow")}get virtualTooltipContent(){return this.shadowRoot.querySelector(".md-tooltip__content")}showVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!0),this.createPopperInstance(this.placement))}hideVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!1),this.destroyPopperInstance(),this.setInitStyleToVirtualReference())}setupEvents(){this.addEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.addEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.addEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.addEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.addEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}teardownEvents(){this.removeEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.removeEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.removeEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.removeEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.removeEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(o){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return s(this,void 0,void 0,(function*(){e.firstUpdated.call(this,o),yield new Promise(o=>setTimeout(o,0)),this.setupEvents()}))}static get styles(){return[g]}render(){return b.html`
|
|
2
|
-
<div class="theme-wrapper">
|
|
2
|
+
<div class="theme-wrapper" part="theme-wrapper">
|
|
3
3
|
<style>
|
|
4
4
|
${l.a} .theme-wrapper {
|
|
5
5
|
width: 100%;
|
|
@@ -160,7 +160,7 @@ export declare namespace ComboBox {
|
|
|
160
160
|
checkForVirtualScroll(): boolean;
|
|
161
161
|
rangeChanged(): void;
|
|
162
162
|
getCustomErrorContent(): DocumentFragment;
|
|
163
|
-
getCustomContent(option: string | OptionMember):
|
|
163
|
+
getCustomContent(option: string | OptionMember): import("lit-element").TemplateResult | DocumentFragment;
|
|
164
164
|
renderGroupLabelHeader(option: OptionMember, optionIndex: number): import("lit-element").TemplateResult;
|
|
165
165
|
renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
|
|
166
166
|
highlightingSearchedText(option: OptionMember | string): import("lit-element").TemplateResult[];
|
|
@@ -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;
|