@momentum-ui/web-components 2.17.10 → 2.17.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/assets/styles/fonts.css +1 -1
  2. package/dist/chunks/md-4.js +1 -1
  3. package/dist/chunks/md-56.js +4 -4
  4. package/dist/chunks/md-6.js +3 -3
  5. package/dist/chunks/md-88.js +2 -2
  6. package/dist/types/components/grabber/Grabber.d.ts +1 -1
  7. package/dist/types/components/popover/Popover.d.ts +1 -1
  8. package/dist/types/components/tabs/Tabs.d.ts +5 -1
  9. package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
  10. package/dist/types/components/tooltip/Tooltip.d.ts +3 -3
  11. package/package.json +1 -1
package/dist/assets/styles/fonts.css CHANGED
@@ -42,7 +42,7 @@
42
42
  @font-face {
43
43
  font-display: fallback;
44
44
  font-family: "Inter Thin Oblique";
45
- font-style: 200;
45
+ font-style: oblique;
46
46
  font-weight: 400;
47
47
  src: url("../../fonts/Inter.var.woff2") format("woff2");
48
48
  }
package/dist/chunks/md-4.js CHANGED
@@ -1 +1 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[4],{33:function(e,t,o){"use strict";o.d(t,"a",(function(){return c}));var s=o(0),n=o(19),u=function(e,t,o,s){var n,u=arguments.length,c=u<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,s);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(c=(u<3?n(c):u>3?n(t,o,c):n(t,o))||c);return u>3&&c&&Object.defineProperty(t,o,c),c};s.LitElement;const c=e=>{if(Object(n.b)(c,e))return e;class t extends e{constructor(){super(...arguments),this.autofocus=!1}setFocus(e){this.toggleAttribute("focus-visible",e)}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.setFocus(!0),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.setFocus(!1),this.dispatchEvent(new CustomEvent("focus-not-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}manageAutoFocus(e=this){e.focus()}firstUpdated(e){super.firstUpdated(e),this.addEventListener("focus",this.handleFocusIn),this.addEventListener("blur",this.handleFocusOut),this.autofocus&&requestAnimationFrame(()=>{this.manageAutoFocus()})}getActiveElement(){return this.getRootNode().activeElement}getDeepActiveElement(){let e=document.activeElement||document.body;for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e}isElementFocused(e){return this.getDeepActiveElement()!==e}disconnectedCallback(){this.removeEventListener("focus",this.handleFocusIn),this.removeEventListener("blur",this.handleFocusOut)}}return u([Object(s.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),Object(n.a)(c,t),t}}}]);
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[4],{33:function(e,t,o){"use strict";o.d(t,"a",(function(){return c}));var s=o(0),n=o(19),u=function(e,t,o,s){var n,u=arguments.length,c=u<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,s);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(c=(u<3?n(c):u>3?n(t,o,c):n(t,o))||c);return u>3&&c&&Object.defineProperty(t,o,c),c};s.LitElement;const c=e=>{if(Object(n.b)(c,e))return e;class t extends e{constructor(){super(...arguments),this.autofocus=!1}setFocus(e){this.toggleAttribute("focus-visible",e)}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.setFocus(!0),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.setFocus(!1),this.dispatchEvent(new CustomEvent("focus-not-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}manageAutoFocus(e=this){e.focus()}firstUpdated(e){super.firstUpdated(e),this.addEventListener("focus",this.handleFocusIn),this.addEventListener("blur",this.handleFocusOut),this.autofocus&&requestAnimationFrame(()=>{this.manageAutoFocus()})}getActiveElement(){return this.getRootNode().activeElement}getDeepActiveElement(){var e;let t=document.activeElement||document.body;for(;null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement;)t=t.shadowRoot.activeElement;return t}isElementFocused(e){return this.getDeepActiveElement()!==e}disconnectedCallback(){this.removeEventListener("focus",this.handleFocusIn),this.removeEventListener("blur",this.handleFocusOut)}}return u([Object(s.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),Object(n.a)(c,t),t}}}]);
package/dist/chunks/md-56.js CHANGED
@@ -1,11 +1,11 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[56],{115:function(e,r,t){"use strict";t.r(r),t.d(r,"Breadcrumb",(function(){return a}));var a,n=t(6),s=t(5),o=t(0),c=o.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-breadcrumb) .md-breadcrumb ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:.5625rem .875rem .5625rem;list-style:none}:host(md-breadcrumb) .md-breadcrumb li{display:flex;text-transform:capitalize;font-size:.875rem}:host(md-breadcrumb) .md-breadcrumb li:not(:first-child)::before{display:flex;margin:0 .75rem;color:var(--breadcrumb-color-slash);content:"/"}:host(md-breadcrumb) .md-breadcrumb a{color:var(--breadcrumb-color)}:host(md-breadcrumb) .md-breadcrumb a[aria-current=page]{pointer-events:none;cursor:default;color:var(--breadcrumb-color-current)}`,i=t(13),l=t(3),b=function(e,r,t,a){var n,s=arguments.length,o=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,r,t,a);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(o=(s<3?n(o):s>3?n(r,t,o):n(r,t))||o);return s>3&&o&&Object.defineProperty(r,t,o),o};!function(e){let r=class extends o.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[n.a,c]}setLastAnchorCurrent(){this.anchors&&this.anchors.length&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(e){super.firstUpdated(e),this.setLastAnchorCurrent()}update(e){super.update(e),e.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(e){const r=e.target;if(this.anchors&&this.anchors.length){const e=Array.from(this.anchors).indexOf(r);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return o.html`
2
- <nav aria-label="${Object(l.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[56],{115:function(e,r,t){"use strict";t.r(r),t.d(r,"Breadcrumb",(function(){return a}));var a,n=t(5),o=t(6),s=t(0),c=t(3),i=t(13),l=s.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-breadcrumb) .md-breadcrumb ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:.5625rem .875rem .5625rem;list-style:none}:host(md-breadcrumb) .md-breadcrumb li{display:flex;text-transform:capitalize;font-size:.875rem}:host(md-breadcrumb) .md-breadcrumb li:not(:first-child)::before{display:flex;margin:0 .75rem;color:var(--breadcrumb-color-slash);content:"/"}:host(md-breadcrumb) .md-breadcrumb a{color:var(--breadcrumb-color)}:host(md-breadcrumb) .md-breadcrumb a[aria-current=page]{pointer-events:none;cursor:default;color:var(--breadcrumb-color-current)}`,d=function(e,r,t,a){var n,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,r,t,a);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(s=(o<3?n(s):o>3?n(r,t,s):n(r,t))||s);return o>3&&s&&Object.defineProperty(r,t,s),s};!function(e){let r=class extends s.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[o.a,l]}setLastAnchorCurrent(){var e;(null===(e=this.anchors)||void 0===e?void 0:e.length)&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(e){super.firstUpdated(e),this.setLastAnchorCurrent()}update(e){super.update(e),e.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(e){var r;const t=e.target;if(null===(r=this.anchors)||void 0===r?void 0:r.length){const e=Array.from(this.anchors).indexOf(t);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return s.html`
2
+ <nav aria-label="${Object(c.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
3
3
  <ul @click=${e=>this.handleClick(e)}>
4
- ${Object(i.repeat)(this.navCrumbs,e=>e.link,e=>o.html`
4
+ ${Object(i.repeat)(this.navCrumbs,e=>e.link,e=>s.html`
5
5
  <li>
6
6
  <a href="${e.link}"> ${e.label} </a>
7
7
  </li>
8
8
  `)}
9
9
  </ul>
10
10
  </nav>
11
- `}};b([Object(o.property)({type:String,attribute:"aria-label"})],r.prototype,"label",void 0),b([Object(o.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],r.prototype,"navCrumbs",void 0),b([Object(o.queryAll)("a[href]")],r.prototype,"anchors",void 0),r=b([Object(s.a)("md-breadcrumb")],r),e.ELEMENT=r}(a||(a={}))}}]);
11
+ `}};d([Object(s.property)({type:String,attribute:"aria-label"})],r.prototype,"label",void 0),d([Object(s.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],r.prototype,"navCrumbs",void 0),d([Object(s.queryAll)("a[href]")],r.prototype,"anchors",void 0),r=d([Object(n.a)("md-breadcrumb")],r),e.ELEMENT=r}(a||(a={}))}}]);
package/dist/chunks/md-6.js CHANGED
@@ -1,11 +1,11 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[6],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return l})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var r=d(63),a=(d(55),d(5)),n=d(28),e=d(6),b=d(0),i=d(2),c=d(4),u=d(3),m=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-flex;font-family:var(--brand-font-medium, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:500;font-size:1rem;line-height:normal;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;align-items:center;justify-content:center}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;max-width:100%;flex:1}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button{font-size:1rem;line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button .md-append{margin-left:calc(2.25rem/4)}:host .md-button{border-radius:1.125rem}:host .md-button::after{border-radius:calc(1.125rem + 2px)}:host .md-button{background-color:#dedede;border-color:transparent;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button{background-color:var(--button-secondary-bg-color);box-sizing:border-box;color:var(--button-secondary-text-color)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{box-shadow:none;min-width:0}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--none .md-prepend{margin-right:calc(100%/4)}:host .md-button--none .md-append{margin-left:calc(100%/4)}:host .md-button--none{border-radius:0}:host .md-button--none::after{border-radius:0}:host .md-button--size-none{min-width:0}:host .md-button--size-none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--size-none .md-prepend{margin-right:calc(100%/4)}:host .md-button--size-none .md-append{margin-left:calc(100%/4)}:host .md-button--size-none{border-radius:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--24{font-size:var(--button-font-size-extra-small,.625rem);line-height:normal;padding:var(--button-padding-24,.25rem .75rem .3125rem .75rem);height:1.5rem}:host .md-button--24 .md-prepend{margin-right:calc(1.5rem/4)}:host .md-button--24 .md-append{margin-left:calc(1.5rem/4)}:host .md-button--24{border-radius:.75rem}:host .md-button--24::after{border-radius:calc(.75rem + 2px)}:host .md-button--28{font-size:var(--button-font-size-small,.75rem);line-height:normal;padding:var(--button-padding-28,.375rem .875rem .4375rem .875rem);height:1.75rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem/4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem/4)}:host .md-button--28{border-radius:.875rem}:host .md-button--28::after{border-radius:calc(.875rem + 2px)}:host .md-button--32{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-32,.5rem 1rem .5625rem 1rem);height:2rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem/4)}:host .md-button--32 .md-append{margin-left:calc(2rem/4)}:host .md-button--32{border-radius:1rem}:host .md-button--32::after{border-radius:calc(1rem + 2px)}:host .md-button--36{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem/4)}:host .md-button--40{font-size:1rem;line-height:normal;padding:var(--button-padding-40,.6875rem 1.25rem .75rem 1.25rem);height:2.5rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem/4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem/4)}:host .md-button--40{border-radius:1.25rem}:host .md-button--40::after{border-radius:calc(1.25rem + 2px)}:host .md-button--52{font-size:1rem;line-height:normal;padding:var(--button-padding-52,.875rem 1.625rem .9375rem 1.625rem);height:3.25rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem/4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem/4)}:host .md-button--52{border-radius:1.625rem}:host .md-button--52::after{border-radius:calc(1.625rem + 2px)}:host .md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle{border-radius:100%}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.5rem);line-height:var(--button-font-size-extra-small,.5rem)}:host .md-button--circle[class*="--24"]{width:1.5rem;height:1.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.625rem);line-height:var(--button-font-size-extra-small,.625rem)}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-small,.75rem);line-height:var(--button-font-size-small,.75rem)}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button--rounded{border-radius:.5rem}:host .md-button--rounded::after{border-radius:.5rem}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:var(--button-accent-bg-color,#007aa3);border-color:transparent;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color);box-shadow:0 0 0 1px var(--button-primary-outline-color)}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color);border-color:transparent;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color)}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--link{color:#007aa3}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{min-width:0}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon{color:#545454;fill:#545454}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100%/4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100%/4)}:host .md-button.md-button--icon{border-radius:0}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.md-button--icon-white.disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.disabled:hover,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:hover,:host .md-button.md-button--icon.md-button--icon-white[disabled]:focus,:host .md-button.md-button--icon.md-button--icon-white[disabled]:hover{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2)}:host .md-button.md-button--icon.md-button--icon-white.hover-state,:host .md-button.md-button--icon.md-button--icon-white:hover{color:hsla(0,0%,100%,.92);fill:hsla(0,0%,100%,.92)}:host .md-button.md-button--icon.md-button--icon-white.active-state,:host .md-button.md-button--icon.md-button--icon-white:active{color:hsla(0,0%,100%,.84);fill:hsla(0,0%,100%,.84)}:host .md-button.md-button--onlyicon.disabled,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-primary]) .md-button{background-color:var(--button-inverted-primary-bg-color);color:var(--button-inverted-primary-text-color)}:host([variant=inverted-primary]) .md-button:hover{background-color:var(--button-inverted-primary-hover-bg-color)}:host([variant=inverted-primary]) .md-button:active{background-color:var(--button-inverted-primary-pressed-bg-color)}:host([variant=inverted-primary]) .md-button.disabled,:host([variant=inverted-primary]) .md-button:disabled{background-color:var(--button-inverted-primary-disabled-bg-color);color:var(--button-inverted-primary-disabled-text-color)}:host([variant=dropdown]) .md-button{font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400;font-size:.875rem;background-color:var(--button-dropdown-bg-color);color:var(--button-dropdown-text-color);border:1px solid var(--button-dropdown-border-color)}:host([variant=dropdown]) .md-button--placeholder-text{color:var(--button-dropdown-text-color-placeholder)}:host([variant=dropdown]) .md-button:hover{background-color:var(--button-dropdown-hover)}:host([variant=dropdown]) .md-button:active{background-color:var(--button-dropdown-active)}:host([variant=dropdown]) .md-button.disabled,:host([variant=dropdown]) .md-button:disabled{background-color:var(--button-dropdown-disabled-bg-color);color:var(--button-dropdown-disabled-text-color);border:1px solid var(--button-dropdown-disabled-border-color)}:host([variant=inverted-secondary]) .md-button{background-color:var(--button-inverted-secondary-bg-color);color:var(--button-inverted-secondary-text-color);border:1px solid var(--button-inverted-secondary-border-color)}:host([variant=inverted-secondary]) .md-button:hover{background-color:var(--button-inverted-secondary-hover-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button:active{background-color:var(--button-inverted-secondary-pressed-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button.disabled,:host([variant=inverted-secondary]) .md-button:disabled{background-color:var(--button-inverted-secondary-disabled-bg-color);border:1px solid var(--button-inverted-secondary-disabled-border-color);color:var(--button-inverted-secondary-disabled-text-color)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color);color:var(--button-promotional-text-color,var(--button-primary-text-color))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color);border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color)}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color)}:host([variant=ghost]) .md-button.disabled,:host([variant=ghost]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=ghostInheritTextColor]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:inherit;border:unset}:host([variant=ghostInheritTextColor]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghostInheritTextColor]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghostInheritTextColor]) .md-button.disabled,:host([variant=ghostInheritTextColor]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:inherit}:host([variant=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive).disabled,:host([variant=secondary]) .md-button:not(.isActive):disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive.disabled,:host([variant=secondary]) .md-button.isActive:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary-negative]) .md-button{background-color:var(--button-secondary-negative-bg-color);color:var(--button-secondary-negative-text-color);border:1px solid var(--button-secondary-negative-border-color)}:host([variant=secondary-negative]) .md-button:hover{background-color:var(--button-secondary-negative-hover-bg-color)}:host([variant=secondary-negative]) .md-button:active{background-color:var(--button-secondary-negative-pressed-bg-color)}:host([variant=secondary-negative]) .md-button.disabled,:host([variant=secondary-negative]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=secondary-positive]) .md-button{background-color:var(--button-secondary-positive-bg-color);color:var(--button-secondary-positive-text-color);border:1px solid var(--button-secondary-positive-border-color)}:host([variant=secondary-positive]) .md-button:hover{background-color:var(--button-secondary-positive-hover-bg-color)}:host([variant=secondary-positive]) .md-button:active{background-color:var(--button-secondary-positive-pressed-bg-color)}:host([variant=secondary-positive]) .md-button.disabled,:host([variant=secondary-positive]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=secondary-accent]) .md-button{background-color:var(--button-secondary-accent-bg-color);color:var(--button-secondary-accent-text-color);border:1px solid var(--button-secondary-accent-border-color)}:host([variant=secondary-accent]) .md-button:hover{background-color:var(--button-secondary-accent-hover-bg-color)}:host([variant=secondary-accent]) .md-button:active{background-color:var(--button-secondary-accent-pressed-bg-color)}:host([variant=secondary-accent]) .md-button.disabled,:host([variant=secondary-accent]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color);color:var(--button-red-text-color,var(--button-primary-text-color))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color);color:var(--button-green-text-color,var(--button-primary-text-color))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-available-border-color);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=available]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=available]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=unavailable]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=unavailable]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=idle]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=idle]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color);color:var(--button-white-text-color)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color);color:var(--button-white-outline-text-color)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color);color:var(--button-inverted-white-text-color)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color);color:var(--button-inverted-white-outline-text-color)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=engaged]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=engaged]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=engaged]) .md-button:hover{background-color:var(--button-engaged-hover-bg-color)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color)}:host([variant=tab]) .md-button:not(.isActive){background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color))}:host([variant=tab]) .md-button:not(.isActive):hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=tab]) .md-button:not(.isActive):active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=tab]) .md-button:not(.isActive).disabled,:host([variant=tab]) .md-button:not(.isActive):disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=tab]) .md-button.isActive{background-color:var(--button-ghost-active-bg-color);color:var(--button-ghost-active-text-color)}:host([variant=tab]) .md-button.isActive:hover{background-color:var(--button-ghost-active-hover-bg-color)}:host([variant=tab]) .md-button.isActive:active{background-color:var(--button-ghost-active-pressed-bg-color)}:host([variant=tab]) .md-button.isActive.disabled,:host([variant=tab]) .md-button.isActive:disabled{background-color:var(--button-ghost-active-disabled-bg-color);color:var(--button-ghost-active-disabled-text-color)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}@media(forced-colors:active){:host .md-button:focus{outline:2px solid Highlight}:host .md-button:active{color:Highlight;outline:2px solid Highlight}:host .md-button.disabled,:host .md-button[disabled]{color:GrayText!important}:host .md-button--outline.disabled{color:GrayText!important}:host .md-button--outline:active:disabled,:host .md-button--outline:focus:disabled{outline:2px solid Highlight}}`,s=function(t,o,d,r){var a,n=arguments.length,e=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,r);else for(var b=t.length-1;b>=0;b--)(a=t[b])&&(e=(n<3?a(e):n>3?a(o,d,e):a(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};const l=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","dropdown","secondary-negative","secondary-positive","secondary-accent"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return b.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[6],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return l})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var r=d(63),a=(d(55),d(5)),n=d(28),e=d(6),b=d(0),i=d(2),c=d(4),u=d(3),s=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-flex;font-family:var(--brand-font-medium, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:500;font-size:1rem;line-height:normal;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;align-items:center;justify-content:center}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;max-width:100%;flex:1}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button{font-size:1rem;line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button .md-append{margin-left:calc(2.25rem/4)}:host .md-button{border-radius:1.125rem}:host .md-button::after{border-radius:calc(1.125rem + 2px)}:host .md-button{background-color:#dedede;border-color:transparent;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button{background-color:var(--button-secondary-bg-color);box-sizing:border-box;color:var(--button-secondary-text-color)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{box-shadow:none;min-width:0}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--none .md-prepend{margin-right:calc(100%/4)}:host .md-button--none .md-append{margin-left:calc(100%/4)}:host .md-button--none{border-radius:0}:host .md-button--none::after{border-radius:0}:host .md-button--size-none{min-width:0}:host .md-button--size-none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--size-none .md-prepend{margin-right:calc(100%/4)}:host .md-button--size-none .md-append{margin-left:calc(100%/4)}:host .md-button--size-none{border-radius:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--24{font-size:var(--button-font-size-extra-small,.625rem);line-height:normal;padding:var(--button-padding-24,.25rem .75rem .3125rem .75rem);height:1.5rem}:host .md-button--24 .md-prepend{margin-right:calc(1.5rem/4)}:host .md-button--24 .md-append{margin-left:calc(1.5rem/4)}:host .md-button--24{border-radius:.75rem}:host .md-button--24::after{border-radius:calc(.75rem + 2px)}:host .md-button--28{font-size:var(--button-font-size-small,.75rem);line-height:normal;padding:var(--button-padding-28,.375rem .875rem .4375rem .875rem);height:1.75rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem/4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem/4)}:host .md-button--28{border-radius:.875rem}:host .md-button--28::after{border-radius:calc(.875rem + 2px)}:host .md-button--32{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-32,.5rem 1rem .5625rem 1rem);height:2rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem/4)}:host .md-button--32 .md-append{margin-left:calc(2rem/4)}:host .md-button--32{border-radius:1rem}:host .md-button--32::after{border-radius:calc(1rem + 2px)}:host .md-button--36{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem/4)}:host .md-button--40{font-size:1rem;line-height:normal;padding:var(--button-padding-40,.6875rem 1.25rem .75rem 1.25rem);height:2.5rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem/4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem/4)}:host .md-button--40{border-radius:1.25rem}:host .md-button--40::after{border-radius:calc(1.25rem + 2px)}:host .md-button--52{font-size:1rem;line-height:normal;padding:var(--button-padding-52,.875rem 1.625rem .9375rem 1.625rem);height:3.25rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem/4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem/4)}:host .md-button--52{border-radius:1.625rem}:host .md-button--52::after{border-radius:calc(1.625rem + 2px)}:host .md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle{border-radius:100%}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.5rem);line-height:var(--button-font-size-extra-small,.5rem)}:host .md-button--circle[class*="--24"]{width:1.5rem;height:1.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.625rem);line-height:var(--button-font-size-extra-small,.625rem)}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-small,.75rem);line-height:var(--button-font-size-small,.75rem)}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button--rounded{border-radius:.5rem}:host .md-button--rounded::after{border-radius:.5rem}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:var(--button-accent-bg-color,#007aa3);border-color:transparent;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color);box-shadow:0 0 0 1px var(--button-primary-outline-color)}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color);border-color:transparent;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color)}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--link{color:#007aa3}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{min-width:0}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon{color:#545454;fill:#545454}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100%/4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100%/4)}:host .md-button.md-button--icon{border-radius:0}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.md-button--icon-white.disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.disabled:hover,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:hover,:host .md-button.md-button--icon.md-button--icon-white[disabled]:focus,:host .md-button.md-button--icon.md-button--icon-white[disabled]:hover{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2)}:host .md-button.md-button--icon.md-button--icon-white.hover-state,:host .md-button.md-button--icon.md-button--icon-white:hover{color:hsla(0,0%,100%,.92);fill:hsla(0,0%,100%,.92)}:host .md-button.md-button--icon.md-button--icon-white.active-state,:host .md-button.md-button--icon.md-button--icon-white:active{color:hsla(0,0%,100%,.84);fill:hsla(0,0%,100%,.84)}:host .md-button.md-button--onlyicon.disabled,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-primary]) .md-button{background-color:var(--button-inverted-primary-bg-color);color:var(--button-inverted-primary-text-color)}:host([variant=inverted-primary]) .md-button:hover{background-color:var(--button-inverted-primary-hover-bg-color)}:host([variant=inverted-primary]) .md-button:active{background-color:var(--button-inverted-primary-pressed-bg-color)}:host([variant=inverted-primary]) .md-button.disabled,:host([variant=inverted-primary]) .md-button:disabled{background-color:var(--button-inverted-primary-disabled-bg-color);color:var(--button-inverted-primary-disabled-text-color)}:host([variant=dropdown]) .md-button{font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400;font-size:.875rem;background-color:var(--button-dropdown-bg-color);color:var(--button-dropdown-text-color);border:1px solid var(--button-dropdown-border-color)}:host([variant=dropdown]) .md-button--placeholder-text{color:var(--button-dropdown-text-color-placeholder)}:host([variant=dropdown]) .md-button:hover{background-color:var(--button-dropdown-hover)}:host([variant=dropdown]) .md-button:active{background-color:var(--button-dropdown-active)}:host([variant=dropdown]) .md-button.disabled,:host([variant=dropdown]) .md-button:disabled{background-color:var(--button-dropdown-disabled-bg-color);color:var(--button-dropdown-disabled-text-color);border:1px solid var(--button-dropdown-disabled-border-color)}:host([variant=inverted-secondary]) .md-button{background-color:var(--button-inverted-secondary-bg-color);color:var(--button-inverted-secondary-text-color);border:1px solid var(--button-inverted-secondary-border-color)}:host([variant=inverted-secondary]) .md-button:hover{background-color:var(--button-inverted-secondary-hover-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button:active{background-color:var(--button-inverted-secondary-pressed-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button.disabled,:host([variant=inverted-secondary]) .md-button:disabled{background-color:var(--button-inverted-secondary-disabled-bg-color);border:1px solid var(--button-inverted-secondary-disabled-border-color);color:var(--button-inverted-secondary-disabled-text-color)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color);color:var(--button-promotional-text-color,var(--button-primary-text-color))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color);border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color)}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color)}:host([variant=ghost]) .md-button.disabled,:host([variant=ghost]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=ghostInheritTextColor]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:inherit;border:unset}:host([variant=ghostInheritTextColor]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghostInheritTextColor]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghostInheritTextColor]) .md-button.disabled,:host([variant=ghostInheritTextColor]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:inherit}:host([variant=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive).disabled,:host([variant=secondary]) .md-button:not(.isActive):disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive.disabled,:host([variant=secondary]) .md-button.isActive:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary-negative]) .md-button{background-color:var(--button-secondary-negative-bg-color);color:var(--button-secondary-negative-text-color);border:1px solid var(--button-secondary-negative-border-color)}:host([variant=secondary-negative]) .md-button:hover{background-color:var(--button-secondary-negative-hover-bg-color)}:host([variant=secondary-negative]) .md-button:active{background-color:var(--button-secondary-negative-pressed-bg-color)}:host([variant=secondary-negative]) .md-button.disabled,:host([variant=secondary-negative]) .md-button:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary-positive]) .md-button{background-color:var(--button-secondary-positive-bg-color);color:var(--button-secondary-positive-text-color);border:1px solid var(--button-secondary-positive-border-color)}:host([variant=secondary-positive]) .md-button:hover{background-color:var(--button-secondary-positive-hover-bg-color)}:host([variant=secondary-positive]) .md-button:active{background-color:var(--button-secondary-positive-pressed-bg-color)}:host([variant=secondary-positive]) .md-button.disabled,:host([variant=secondary-positive]) .md-button:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary-accent]) .md-button{background-color:var(--button-secondary-accent-bg-color);color:var(--button-secondary-accent-text-color);border:1px solid var(--button-secondary-accent-border-color)}:host([variant=secondary-accent]) .md-button:hover{background-color:var(--button-secondary-accent-hover-bg-color)}:host([variant=secondary-accent]) .md-button:active{background-color:var(--button-secondary-accent-pressed-bg-color)}:host([variant=secondary-accent]) .md-button.disabled,:host([variant=secondary-accent]) .md-button:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color);color:var(--button-red-text-color,var(--button-primary-text-color))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color);color:var(--button-green-text-color,var(--button-primary-text-color))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-available-border-color);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=available]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=available]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=unavailable]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=unavailable]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=idle]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=idle]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color);color:var(--button-white-text-color)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color);color:var(--button-white-outline-text-color)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color);color:var(--button-inverted-white-text-color)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color);color:var(--button-inverted-white-outline-text-color)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=engaged]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=engaged]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=engaged]) .md-button:hover{background-color:var(--button-engaged-hover-bg-color)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color)}:host([variant=tab]) .md-button:not(.isActive){background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color))}:host([variant=tab]) .md-button:not(.isActive):hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=tab]) .md-button:not(.isActive):active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=tab]) .md-button:not(.isActive).disabled,:host([variant=tab]) .md-button:not(.isActive):disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=tab]) .md-button.isActive{background-color:var(--button-ghost-active-bg-color);color:var(--button-ghost-active-text-color)}:host([variant=tab]) .md-button.isActive:hover{background-color:var(--button-ghost-active-hover-bg-color)}:host([variant=tab]) .md-button.isActive:active{background-color:var(--button-ghost-active-pressed-bg-color)}:host([variant=tab]) .md-button.isActive.disabled,:host([variant=tab]) .md-button.isActive:disabled{background-color:var(--button-ghost-active-disabled-bg-color);color:var(--button-ghost-active-disabled-text-color)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}@media(forced-colors:active){:host .md-button:focus{outline:2px solid Highlight}:host .md-button:active{color:Highlight;outline:2px solid Highlight}:host .md-button.disabled,:host .md-button[disabled]{color:GrayText!important}:host .md-button--outline.disabled{color:GrayText!important}:host .md-button--outline:active:disabled,:host .md-button--outline:focus:disabled{outline:2px solid Highlight}}`,m=function(t,o,d,r){var a,n=arguments.length,e=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,r);else for(var b=t.length-1;b>=0;b--)(a=t[b])&&(e=(n<3?a(e):n>3?a(o,d,e):a(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};const l=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","dropdown","secondary-negative","secondary-positive","secondary-accent"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return b.html`
2
2
  <style>
3
3
  :host .md-button--${this.size} {
4
4
  ${this.renderWidth()};
5
5
  ${this.renderMaxWidth()};
6
6
  }
7
7
  </style>
8
- `},this.iconTemplate=()=>this.loading?b.html` <md-spinner size="16"></md-spinner> `:b.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?i.nothing:b.html` <slot name="text"></slot> `}get active(){return this._active}set active(t){const o=this._active;this._active=t,this.requestUpdate("active",o)}get tabIndex(){return this._tabIndex}set tabIndex(t){const o=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",o)}handleKeyDown(t){if(this.disabled)return;const{code:o}=t;Object(n.a)(o)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.disabled||(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[e.a,m,r.a]}get buttonClassMap(){return{"md-button--circle":this.circle,"md-button--rounded":this.rounded,"md-button--none":this.hasRemoveStyle,"md-button--outline":this.outline,active:this.active&&!this.disabled,disabled:this.disabled&&!this.active,isActive:this.isActive,["md-button--"+this.size]:!this.hasRemoveStyle,["md-button--"+this.color]:!this.hasRemoveStyle&&!!this.color,["md-activity__"+this.activityType]:!!this.activityType,"md-activity":!!this.activityType,"md-button--icon":this.iconActive,"md-button--onlyicon":this.hasIcon&&!this.slottedText,"md-button--placeholder-text":!0===this.isPlaceholderText}}get slottedText(){var t;return null===(t=this.querySelector("[slot=text]"))||void 0===t?void 0:t.textContent}get hasIcon(){return null!==this.querySelector("[slot=icon]")||this.loading}childrenTemplate(){return b.html`
8
+ `},this.iconTemplate=()=>this.loading?b.html` <md-spinner size="16"></md-spinner> `:b.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?i.nothing:b.html` <slot name="text"></slot> `}get active(){return this._active}set active(t){const o=this._active;this._active=t,this.requestUpdate("active",o)}get tabIndex(){return this._tabIndex}set tabIndex(t){const o=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",o)}handleKeyDown(t){if(this.disabled)return;const{code:o}=t;Object(n.a)(o)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.disabled||(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[e.a,s,r.a]}get buttonClassMap(){return{"md-button--circle":this.circle,"md-button--rounded":this.rounded,"md-button--none":this.hasRemoveStyle,"md-button--outline":this.outline,active:this.active&&!this.disabled,disabled:this.disabled&&!this.active,isActive:this.isActive,["md-button--"+this.size]:!this.hasRemoveStyle,["md-button--"+this.color]:!this.hasRemoveStyle&&!!this.color,["md-activity__"+this.activityType]:!!this.activityType,"md-activity":!!this.activityType,"md-button--icon":this.iconActive,"md-button--onlyicon":this.hasIcon&&!this.slottedText,"md-button--placeholder-text":!0===this.isPlaceholderText}}get slottedText(){var t;return null===(t=this.querySelector("[slot=text]"))||void 0===t?void 0:t.textContent}get hasIcon(){return null!==this.querySelector("[slot=icon]")||this.loading}childrenTemplate(){return b.html`
9
9
  <span part="button-children" class="md-button__children">
10
10
  ${this.iconTemplate()} ${this.textTemplate()}
11
11
  <slot></slot>
@@ -74,4 +74,4 @@
74
74
  <div part="button-label" class="md-button__label">${this.label}</div>
75
75
  </div>
76
76
  `:b.html` ${this.buttonTemplate(this.tag)} `}
77
- `}};s([Object(b.property)({type:Boolean,reflect:!0})],o.prototype,"active",null),s([Object(b.property)({type:Number,attribute:"tab-index",reflect:!0})],o.prototype,"tabIndex",null),s([Object(b.property)({type:String})],o.prototype,"ariaLabel",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaLabelledBy",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaLive",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaExpanded",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaHaspopup",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaPressed",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"circle",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"rounded",void 0),s([Object(b.property)({type:String})],o.prototype,"color",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"containerLarge",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"disabled",void 0),s([Object(b.property)({type:String})],o.prototype,"href",void 0),s([Object(b.property)({type:String})],o.prototype,"id",void 0),s([Object(b.property)({type:String})],o.prototype,"value",void 0),s([Object(b.property)({type:String})],o.prototype,"keyboardKey",void 0),s([Object(b.property)({type:String})],o.prototype,"label",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"loading",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"outline",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"hasRemoveStyle",void 0),s([Object(b.property)({type:String})],o.prototype,"size",void 0),s([Object(b.property)({type:String})],o.prototype,"tag",void 0),s([Object(b.property)({type:String})],o.prototype,"type",void 0),s([Object(b.property)({type:String})],o.prototype,"role",void 0),s([Object(b.property)({type:String})],o.prototype,"variant",void 0),s([Object(b.property)({type:String})],o.prototype,"width",void 0),s([Object(b.property)({type:String})],o.prototype,"maxWidth",void 0),s([Object(b.property)({type:String})],o.prototype,"activityType",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"iconActive",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"isActive",void 0),s([Object(b.property)({attribute:!1})],o.prototype,"clickFunction",void 0),s([Object(b.property)({type:Boolean,attribute:"is-placeholder-text"})],o.prototype,"isPlaceholderText",void 0),s([Object(b.query)(".md-button")],o.prototype,"button",void 0),o=s([Object(a.a)("md-button")],o),t.ELEMENT=o}(p||(p={}))},28:function(t,o,d){"use strict";d.d(o,"a",(function(){return a}));var r=d(1);function a(t){return t===r.b.Enter||t===r.b.Space||t===r.b.NumpadEnter}},63:function(t,o,d){"use strict";var r=d(0);o.a=r.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}.md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-block;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;font-weight:400;line-height:1.5rem;min-width:4.5rem;position:relative;text-align:center;text-decoration:none}.md-button>*{font-size:inherit}.md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}.md-button+.md-button{margin-left:.3125rem}.md-button.active-state.focus-state,.md-button.active-state:focus,.md-button:active.focus-state,.md-button:active:focus{box-shadow:none}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{box-shadow:none}.md-button{font-size:1rem;line-height:1.5rem;padding:.375rem 1.125rem;height:2.25rem}.md-button .md-prepend{margin-right:calc(2.25rem/4)}.md-button .md-append{margin-left:calc(2.25rem/4)}.md-button{border-radius:1.125rem}.md-button{background-color:#dedede;border-color:transparent;color:#000}.md-button:hover{background-color:#ccc;color:#000}.md-button.active,.md-button:active{background-color:#b2b2b2;color:#000}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md-button.focus-state,.md-button:focus{box-shadow:none;outline:0}.md-button.md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle{border-radius:100%}.md-button.md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}.md-button.md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}.md-button.md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.25rem;line-height:2.25rem}.md-button.md-activity{fill:#fff;margin:.3125rem}.md--dark .md-button.md-activity,.md-button.md-activity__chat{background-color:#00a0d1;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__chat:hover{background-color:#007aa3;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__chat.active,.md-button.md-activity__chat:active{background-color:#005e7d;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__chat.disabled,.md-button.md-activity__chat.md-button--disabled,.md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__chat.disabled:focus,.md-button.md-activity__chat.disabled:hover,.md-button.md-activity__chat.md-button--disabled:focus,.md-button.md-activity__chat.md-button--disabled:hover,.md-button.md-activity__chat[disabled]:focus,.md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__chat{background-color:#007aa3;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__chat:hover{background-color:#005e7d;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__chat.active,.md--contrast .md-button.md-activity__chat:active{background-color:#064157;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__chat.disabled,.md--contrast .md-button.md-activity__chat.md-button--disabled,.md--contrast .md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__chat.disabled:focus,.md--contrast .md-button.md-activity__chat.disabled:hover,.md--contrast .md-button.md-activity__chat.md-button--disabled:focus,.md--contrast .md-button.md-activity__chat.md-button--disabled:hover,.md--contrast .md-button.md-activity__chat[disabled]:focus,.md--contrast .md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__camera{background-color:#00ab50;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__camera:hover{background-color:#00853c;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__camera.active,.md-button.md-activity__camera:active{background-color:#03612c;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__camera.disabled,.md-button.md-activity__camera.md-button--disabled,.md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__camera.disabled:focus,.md-button.md-activity__camera.disabled:hover,.md-button.md-activity__camera.md-button--disabled:focus,.md-button.md-activity__camera.md-button--disabled:hover,.md-button.md-activity__camera[disabled]:focus,.md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__camera{background-color:#00853c;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__camera:hover{background-color:#03612c;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__camera.active,.md--contrast .md-button.md-activity__camera:active{background-color:#08421f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__camera.disabled,.md--contrast .md-button.md-activity__camera.md-button--disabled,.md--contrast .md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__camera.disabled:focus,.md--contrast .md-button.md-activity__camera.disabled:hover,.md--contrast .md-button.md-activity__camera.md-button--disabled:focus,.md--contrast .md-button.md-activity__camera.md-button--disabled:hover,.md--contrast .md-button.md-activity__camera[disabled]:focus,.md--contrast .md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__contact-card.active,.md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__contact-card.disabled,.md-button.md-activity__contact-card.md-button--disabled,.md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__contact-card.disabled:focus,.md-button.md-activity__contact-card.disabled:hover,.md-button.md-activity__contact-card.md-button--disabled:focus,.md-button.md-activity__contact-card.md-button--disabled:hover,.md-button.md-activity__contact-card[disabled]:focus,.md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__contact-card.active,.md--contrast .md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__contact-card.disabled,.md--contrast .md-button.md-activity__contact-card.md-button--disabled,.md--contrast .md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__contact-card.disabled:focus,.md--contrast .md-button.md-activity__contact-card.disabled:hover,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:focus,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:hover,.md--contrast .md-button.md-activity__contact-card[disabled]:focus,.md--contrast .md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__meetings{background-color:#f26b1d;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__meetings:hover{background-color:#c74f0e;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__meetings.active,.md-button.md-activity__meetings:active{background-color:#914017;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__meetings.disabled,.md-button.md-activity__meetings.md-button--disabled,.md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__meetings.disabled:focus,.md-button.md-activity__meetings.disabled:hover,.md-button.md-activity__meetings.md-button--disabled:focus,.md-button.md-activity__meetings.md-button--disabled:hover,.md-button.md-activity__meetings[disabled]:focus,.md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__meetings{background-color:#c74f0e;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__meetings:hover{background-color:#914017;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__meetings.active,.md--contrast .md-button.md-activity__meetings:active{background-color:#59311e;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__meetings.disabled,.md--contrast .md-button.md-activity__meetings.md-button--disabled,.md--contrast .md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__meetings.disabled:focus,.md--contrast .md-button.md-activity__meetings.disabled:hover,.md--contrast .md-button.md-activity__meetings.md-button--disabled:focus,.md--contrast .md-button.md-activity__meetings.md-button--disabled:hover,.md--contrast .md-button.md-activity__meetings[disabled]:focus,.md--contrast .md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__whiteboard{background-color:#e060de;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__whiteboard:hover{background-color:#c233c4;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__whiteboard.active,.md-button.md-activity__whiteboard:active{background-color:#932099;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__whiteboard.disabled,.md-button.md-activity__whiteboard.md-button--disabled,.md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__whiteboard.disabled:focus,.md-button.md-activity__whiteboard.disabled:hover,.md-button.md-activity__whiteboard.md-button--disabled:focus,.md-button.md-activity__whiteboard.md-button--disabled:hover,.md-button.md-activity__whiteboard[disabled]:focus,.md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__whiteboard{background-color:#c233c4;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__whiteboard:hover{background-color:#932099;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__whiteboard.active,.md--contrast .md-button.md-activity__whiteboard:active{background-color:#601e66;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__whiteboard.disabled,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled,.md--contrast .md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__whiteboard.disabled:focus,.md--contrast .md-button.md-activity__whiteboard.disabled:hover,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:focus,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:hover,.md--contrast .md-button.md-activity__whiteboard[disabled]:focus,.md--contrast .md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__files{background-color:#d97f00;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__files:hover{background-color:#a85f00;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__files.active,.md-button.md-activity__files:active{background-color:#7d4705;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__files.disabled,.md-button.md-activity__files.md-button--disabled,.md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__files.disabled:focus,.md-button.md-activity__files.disabled:hover,.md-button.md-activity__files.md-button--disabled:focus,.md-button.md-activity__files.md-button--disabled:hover,.md-button.md-activity__files[disabled]:focus,.md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__files{background-color:#a85f00;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__files:hover{background-color:#7d4705;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__files.active,.md--contrast .md-button.md-activity__files:active{background-color:#54330d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__files.disabled,.md--contrast .md-button.md-activity__files.md-button--disabled,.md--contrast .md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__files.disabled:focus,.md--contrast .md-button.md-activity__files.disabled:hover,.md--contrast .md-button.md-activity__files.md-button--disabled:focus,.md--contrast .md-button.md-activity__files.md-button--disabled:hover,.md--contrast .md-button.md-activity__files[disabled]:focus,.md--contrast .md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__share-screen{background-color:#00a3b5;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__share-screen:hover{background-color:#008094;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__share-screen.active,.md-button.md-activity__share-screen:active{background-color:#066070;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__share-screen.disabled,.md-button.md-activity__share-screen.md-button--disabled,.md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__share-screen.disabled:focus,.md-button.md-activity__share-screen.disabled:hover,.md-button.md-activity__share-screen.md-button--disabled:focus,.md-button.md-activity__share-screen.md-button--disabled:hover,.md-button.md-activity__share-screen[disabled]:focus,.md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__share-screen{background-color:#008094;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__share-screen:hover{background-color:#066070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__share-screen.active,.md--contrast .md-button.md-activity__share-screen:active{background-color:#0a414d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__share-screen.disabled,.md--contrast .md-button.md-activity__share-screen.md-button--disabled,.md--contrast .md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__share-screen.disabled:focus,.md--contrast .md-button.md-activity__share-screen.disabled:hover,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:focus,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:hover,.md--contrast .md-button.md-activity__share-screen[disabled]:focus,.md--contrast .md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__tasks{background-color:#16a693;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__tasks:hover{background-color:#148579;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__tasks.active,.md-button.md-activity__tasks:active{background-color:#12615a;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__tasks.disabled,.md-button.md-activity__tasks.md-button--disabled,.md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__tasks.disabled:focus,.md-button.md-activity__tasks.disabled:hover,.md-button.md-activity__tasks.md-button--disabled:focus,.md-button.md-activity__tasks.md-button--disabled:hover,.md-button.md-activity__tasks[disabled]:focus,.md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__tasks{background-color:#148579;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__tasks:hover{background-color:#12615a;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__tasks.active,.md--contrast .md-button.md-activity__tasks:active{background-color:#12423f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__tasks.disabled,.md--contrast .md-button.md-activity__tasks.md-button--disabled,.md--contrast .md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__tasks.disabled:focus,.md--contrast .md-button.md-activity__tasks.disabled:hover,.md--contrast .md-button.md-activity__tasks.md-button--disabled:focus,.md--contrast .md-button.md-activity__tasks.md-button--disabled:hover,.md--contrast .md-button.md-activity__tasks[disabled]:focus,.md--contrast .md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}`}}]);
77
+ `}};m([Object(b.property)({type:Boolean,reflect:!0})],o.prototype,"active",null),m([Object(b.property)({type:Number,attribute:"tab-index",reflect:!0})],o.prototype,"tabIndex",null),m([Object(b.property)({type:String})],o.prototype,"ariaLabel",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaLabelledBy",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaLive",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaExpanded",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaHaspopup",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaPressed",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"circle",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"rounded",void 0),m([Object(b.property)({type:String})],o.prototype,"color",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"containerLarge",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"disabled",void 0),m([Object(b.property)({type:String})],o.prototype,"href",void 0),m([Object(b.property)({type:String})],o.prototype,"id",void 0),m([Object(b.property)({type:String})],o.prototype,"value",void 0),m([Object(b.property)({type:String})],o.prototype,"keyboardKey",void 0),m([Object(b.property)({type:String})],o.prototype,"label",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"loading",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"outline",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"hasRemoveStyle",void 0),m([Object(b.property)({type:String})],o.prototype,"size",void 0),m([Object(b.property)({type:String})],o.prototype,"tag",void 0),m([Object(b.property)({type:String})],o.prototype,"type",void 0),m([Object(b.property)({type:String})],o.prototype,"role",void 0),m([Object(b.property)({type:String})],o.prototype,"variant",void 0),m([Object(b.property)({type:String})],o.prototype,"width",void 0),m([Object(b.property)({type:String})],o.prototype,"maxWidth",void 0),m([Object(b.property)({type:String})],o.prototype,"activityType",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"iconActive",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"isActive",void 0),m([Object(b.property)({attribute:!1})],o.prototype,"clickFunction",void 0),m([Object(b.property)({type:Boolean,attribute:"is-placeholder-text"})],o.prototype,"isPlaceholderText",void 0),m([Object(b.query)(".md-button")],o.prototype,"button",void 0),o=m([Object(a.a)("md-button")],o),t.ELEMENT=o}(p||(p={}))},28:function(t,o,d){"use strict";d.d(o,"a",(function(){return a}));var r=d(1);function a(t){return t===r.b.Enter||t===r.b.Space||t===r.b.NumpadEnter}},63:function(t,o,d){"use strict";var r=d(0);o.a=r.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}.md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-block;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;font-weight:400;line-height:1.5rem;min-width:4.5rem;position:relative;text-align:center;text-decoration:none}.md-button>*{font-size:inherit}.md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}.md-button+.md-button{margin-left:.3125rem}.md-button.active-state.focus-state,.md-button.active-state:focus,.md-button:active.focus-state,.md-button:active:focus{box-shadow:none}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{box-shadow:none}.md-button{font-size:1rem;line-height:1.5rem;padding:.375rem 1.125rem;height:2.25rem}.md-button .md-prepend{margin-right:calc(2.25rem/4)}.md-button .md-append{margin-left:calc(2.25rem/4)}.md-button{border-radius:1.125rem}.md-button{background-color:#dedede;border-color:transparent;color:#000}.md-button:hover{background-color:#ccc;color:#000}.md-button.active,.md-button:active{background-color:#b2b2b2;color:#000}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md-button.focus-state,.md-button:focus{box-shadow:none;outline:0}.md-button.md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle{border-radius:100%}.md-button.md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}.md-button.md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}.md-button.md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.25rem;line-height:2.25rem}.md-button.md-activity{fill:#fff;margin:.3125rem}.md--dark .md-button.md-activity,.md-button.md-activity__chat{background-color:#00a0d1;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__chat:hover{background-color:#007aa3;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__chat.active,.md-button.md-activity__chat:active{background-color:#005e7d;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__chat.disabled,.md-button.md-activity__chat.md-button--disabled,.md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__chat.disabled:focus,.md-button.md-activity__chat.disabled:hover,.md-button.md-activity__chat.md-button--disabled:focus,.md-button.md-activity__chat.md-button--disabled:hover,.md-button.md-activity__chat[disabled]:focus,.md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__chat{background-color:#007aa3;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__chat:hover{background-color:#005e7d;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__chat.active,.md--contrast .md-button.md-activity__chat:active{background-color:#064157;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__chat.disabled,.md--contrast .md-button.md-activity__chat.md-button--disabled,.md--contrast .md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__chat.disabled:focus,.md--contrast .md-button.md-activity__chat.disabled:hover,.md--contrast .md-button.md-activity__chat.md-button--disabled:focus,.md--contrast .md-button.md-activity__chat.md-button--disabled:hover,.md--contrast .md-button.md-activity__chat[disabled]:focus,.md--contrast .md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__camera{background-color:#00ab50;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__camera:hover{background-color:#00853c;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__camera.active,.md-button.md-activity__camera:active{background-color:#03612c;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__camera.disabled,.md-button.md-activity__camera.md-button--disabled,.md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__camera.disabled:focus,.md-button.md-activity__camera.disabled:hover,.md-button.md-activity__camera.md-button--disabled:focus,.md-button.md-activity__camera.md-button--disabled:hover,.md-button.md-activity__camera[disabled]:focus,.md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__camera{background-color:#00853c;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__camera:hover{background-color:#03612c;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__camera.active,.md--contrast .md-button.md-activity__camera:active{background-color:#08421f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__camera.disabled,.md--contrast .md-button.md-activity__camera.md-button--disabled,.md--contrast .md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__camera.disabled:focus,.md--contrast .md-button.md-activity__camera.disabled:hover,.md--contrast .md-button.md-activity__camera.md-button--disabled:focus,.md--contrast .md-button.md-activity__camera.md-button--disabled:hover,.md--contrast .md-button.md-activity__camera[disabled]:focus,.md--contrast .md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__contact-card.active,.md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__contact-card.disabled,.md-button.md-activity__contact-card.md-button--disabled,.md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__contact-card.disabled:focus,.md-button.md-activity__contact-card.disabled:hover,.md-button.md-activity__contact-card.md-button--disabled:focus,.md-button.md-activity__contact-card.md-button--disabled:hover,.md-button.md-activity__contact-card[disabled]:focus,.md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__contact-card.active,.md--contrast .md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__contact-card.disabled,.md--contrast .md-button.md-activity__contact-card.md-button--disabled,.md--contrast .md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__contact-card.disabled:focus,.md--contrast .md-button.md-activity__contact-card.disabled:hover,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:focus,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:hover,.md--contrast .md-button.md-activity__contact-card[disabled]:focus,.md--contrast .md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__meetings{background-color:#f26b1d;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__meetings:hover{background-color:#c74f0e;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__meetings.active,.md-button.md-activity__meetings:active{background-color:#914017;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__meetings.disabled,.md-button.md-activity__meetings.md-button--disabled,.md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__meetings.disabled:focus,.md-button.md-activity__meetings.disabled:hover,.md-button.md-activity__meetings.md-button--disabled:focus,.md-button.md-activity__meetings.md-button--disabled:hover,.md-button.md-activity__meetings[disabled]:focus,.md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__meetings{background-color:#c74f0e;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__meetings:hover{background-color:#914017;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__meetings.active,.md--contrast .md-button.md-activity__meetings:active{background-color:#59311e;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__meetings.disabled,.md--contrast .md-button.md-activity__meetings.md-button--disabled,.md--contrast .md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__meetings.disabled:focus,.md--contrast .md-button.md-activity__meetings.disabled:hover,.md--contrast .md-button.md-activity__meetings.md-button--disabled:focus,.md--contrast .md-button.md-activity__meetings.md-button--disabled:hover,.md--contrast .md-button.md-activity__meetings[disabled]:focus,.md--contrast .md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__whiteboard{background-color:#e060de;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__whiteboard:hover{background-color:#c233c4;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__whiteboard.active,.md-button.md-activity__whiteboard:active{background-color:#932099;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__whiteboard.disabled,.md-button.md-activity__whiteboard.md-button--disabled,.md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__whiteboard.disabled:focus,.md-button.md-activity__whiteboard.disabled:hover,.md-button.md-activity__whiteboard.md-button--disabled:focus,.md-button.md-activity__whiteboard.md-button--disabled:hover,.md-button.md-activity__whiteboard[disabled]:focus,.md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__whiteboard{background-color:#c233c4;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__whiteboard:hover{background-color:#932099;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__whiteboard.active,.md--contrast .md-button.md-activity__whiteboard:active{background-color:#601e66;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__whiteboard.disabled,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled,.md--contrast .md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__whiteboard.disabled:focus,.md--contrast .md-button.md-activity__whiteboard.disabled:hover,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:focus,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:hover,.md--contrast .md-button.md-activity__whiteboard[disabled]:focus,.md--contrast .md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__files{background-color:#d97f00;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__files:hover{background-color:#a85f00;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__files.active,.md-button.md-activity__files:active{background-color:#7d4705;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__files.disabled,.md-button.md-activity__files.md-button--disabled,.md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__files.disabled:focus,.md-button.md-activity__files.disabled:hover,.md-button.md-activity__files.md-button--disabled:focus,.md-button.md-activity__files.md-button--disabled:hover,.md-button.md-activity__files[disabled]:focus,.md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__files{background-color:#a85f00;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__files:hover{background-color:#7d4705;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__files.active,.md--contrast .md-button.md-activity__files:active{background-color:#54330d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__files.disabled,.md--contrast .md-button.md-activity__files.md-button--disabled,.md--contrast .md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__files.disabled:focus,.md--contrast .md-button.md-activity__files.disabled:hover,.md--contrast .md-button.md-activity__files.md-button--disabled:focus,.md--contrast .md-button.md-activity__files.md-button--disabled:hover,.md--contrast .md-button.md-activity__files[disabled]:focus,.md--contrast .md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__share-screen{background-color:#00a3b5;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__share-screen:hover{background-color:#008094;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__share-screen.active,.md-button.md-activity__share-screen:active{background-color:#066070;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__share-screen.disabled,.md-button.md-activity__share-screen.md-button--disabled,.md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__share-screen.disabled:focus,.md-button.md-activity__share-screen.disabled:hover,.md-button.md-activity__share-screen.md-button--disabled:focus,.md-button.md-activity__share-screen.md-button--disabled:hover,.md-button.md-activity__share-screen[disabled]:focus,.md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__share-screen{background-color:#008094;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__share-screen:hover{background-color:#066070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__share-screen.active,.md--contrast .md-button.md-activity__share-screen:active{background-color:#0a414d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__share-screen.disabled,.md--contrast .md-button.md-activity__share-screen.md-button--disabled,.md--contrast .md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__share-screen.disabled:focus,.md--contrast .md-button.md-activity__share-screen.disabled:hover,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:focus,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:hover,.md--contrast .md-button.md-activity__share-screen[disabled]:focus,.md--contrast .md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__tasks{background-color:#16a693;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__tasks:hover{background-color:#148579;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__tasks.active,.md-button.md-activity__tasks:active{background-color:#12615a;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__tasks.disabled,.md-button.md-activity__tasks.md-button--disabled,.md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__tasks.disabled:focus,.md-button.md-activity__tasks.disabled:hover,.md-button.md-activity__tasks.md-button--disabled:focus,.md-button.md-activity__tasks.md-button--disabled:hover,.md-button.md-activity__tasks[disabled]:focus,.md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__tasks{background-color:#148579;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__tasks:hover{background-color:#12615a;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__tasks.active,.md--contrast .md-button.md-activity__tasks:active{background-color:#12423f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__tasks.disabled,.md--contrast .md-button.md-activity__tasks.md-button--disabled,.md--contrast .md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__tasks.disabled:focus,.md--contrast .md-button.md-activity__tasks.disabled:hover,.md--contrast .md-button.md-activity__tasks.md-button--disabled:focus,.md--contrast .md-button.md-activity__tasks.md-button--disabled:hover,.md--contrast .md-button.md-activity__tasks[disabled]:focus,.md--contrast .md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}`}}]);
package/dist/chunks/md-88.js CHANGED
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[88],{107:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_TAB_COPY_ID_PREFIX",(function(){return y})),i.d(t,"Tabs",(function(){return g}));i(14),i(37),i(40);var s=i(1),a=i(7),n=i(6),l=i(0),o=i(4),d=i(13),r=i(8),b=i(73),h=i(27),c=i(38),u=i.n(c),p=i(67),m=i(43),v=i(48),T=function(e,t,i,s){var a,n=arguments.length,l=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(n<3?a(l):n>3?a(t,i,l):a(t,i))||l);return n>3&&l&&Object.defineProperty(t,i,l),l},f=function(e,t,i,s){return new(i||(i=Promise))((function(a,n){function l(e){try{d(s.next(e))}catch(e){n(e)}}function o(e){try{d(s.throw(e))}catch(e){n(e)}}function d(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,o)}d((s=s.apply(e,t||[])).next())}))};const y="more-menu-copy-";var g;!function(e){let t=class extends(Object(a.c)(Object(a.d)(Object(a.e)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this.selectedIndex=0,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",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.isMoreTabTruncated=!1,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=>f(this,void 0,void 0,(function*(){var t,i,s,a,n,l,o,d,r,b;e.stopPropagation();const h=e.oldIndex,c=e.newIndex,u=[...this.tabsFilteredAsVisibleList],p=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==h&&void 0!==c){switch(m){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=u[h],a=p.slice(-1)[0],n=c===this.tabsFilteredAsHiddenList.length?c-1:c;p.splice(n,0,s),p.pop();const l=u.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));l.push(a),this.tabsFilteredAsVisibleList=[...l],this.tabsFilteredAsHiddenList=[...p];break}case"visibleToVisible":{const e=u[h];u.splice(h,1),u.splice(c,0,e),this.tabsFilteredAsVisibleList=u,c===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());const t=this.visibleTabsContainerElement.children[h],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(n=this.visibleTabsContainerElement)||void 0===n||n.replaceChild(i,t),null===(l=this.visibleTabsContainerElement)||void 0===l||l.insertBefore(t,i);break}case"hiddenToVisible":{null===(d=null===(o=this.visibleTabsContainerElement)||void 0===o?void 0:o.querySelector("#"+e.item.id))||void 0===d||d.remove();const t=p[h],i=u.slice(-1)[0];p.splice(h,1),p.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;u.splice(s,0,t),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=p;break}case"hiddenToHidden":{const e=p[h];p.splice(h,1),p.splice(c,0,e),this.tabsFilteredAsHiddenList=p,c===this.tabsFilteredAsHiddenList.length-1&&(null===(b=null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[this.hiddenTabsContainerElement.children.length-1])||void 0===b||b.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(y))?`${y}${e.id}`:e.id}getAriaControlId(e){var t,i;if(null===(t=e.id)||void 0===t?void 0:t.startsWith(y))return`${y}${e.id}`;return"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(y,"")}static get styles(){return[n.a,m.a]}ensureTabsUpdateComplete(e){return f(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=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+v.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t}):this.tabs.map(e=>e.closable?e.offsetWidth+v.TAB_CROSS_WIDTH:e.offsetWidth)}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map(e=>e.offsetHeight)}manageOverflow(){var e,t;return f(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,n;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===(n=null==e?void 0:e.children[0])||void 0===n||n.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 n=this.measureTabsOffsetWidth(),l=i.reduce((e,t,i)=>e+=n[i],0);if(l){yield this.setupMoreTab();let e=!0;a<l&&(e=!1);const t=[];let o=0;i.forEach((i,l)=>{o+=n[l];const d=!e&&o+(l<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:d,tabOffsetWidth:n[l]})}),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)=>{var i,s;const a=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",n=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(a)-this.tabsOrderPrefsArray.indexOf(n)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return f(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,n="tab_panel_"+s;e.setAttribute("id",a),e.setAttribute("aria-controls",n),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const l=t[i];l?(l.setAttribute("id",n),l.setAttribute("aria-labelledby",a),l.selected=this.selected===i,e.disabled&&(l.hidden=!0,l.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 f(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow(),this.updateIsMoreTabTruncated()}))}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){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex(t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||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(s)}}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(-1!==s&&(t&&i&&[s,e].forEach(e=>{const s=t[e];null==s||s.toggleAttribute("selected");const a=i[e];if(null==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=("horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs).findIndex(i=>i.id===t[e].id);this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t="horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs,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;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[e];this.moveFocusToTab(t);const s=this.tabsFilteredAsHiddenList[e];!(null==s?void 0:s.disabled)&&this.updateHiddenIdPositiveTabIndex(s)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,""+e)}getCurrentIndex(e){var t,i,s;const a=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<a;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s;const a=this.getCurrentIndex(e),n=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children,l=null!==(s=null==n?void 0:n.length)&&void 0!==s?s:0;if(!n||0===l)return;let o=0;"previous"===t?o=0===a?l-1:a-1:"next"===t?o=a===l-1?0:a+1:"fromMoreTabs"===t&&(o=this.selected>=l?0:this.selected),this.moveFocusToTab(n[o])}moveFocusToTab(e){Object(p.setTimeout)(()=>null==e?void 0:e.focus(),0)}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){var t,i,a,n,l,o;let d;if(e.target!=this&&!this.tabs.find(t=>t.id===e.target.id))return!1;d=e.path?e.path[0].id:e.composedPath()?e.composedPath()[0].id:e.originalTarget.id;const r=this.getNormalizedTabId(d);this.dispatchKeydownEvent(e,r);const b=e.code,{shiftKey:h}=e,c=!!this.isMoreTabMenuVisible&&"tab-more"===r,u=c&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(r)],p=!this.isMoreTabMenuVisible||u&&this.tabsVisibleIdxHash[u.id]>-1,m=!!this.isMoreTabMenuVisible&&(u&&this.tabsHiddenIdxHash[u.id]>-1),v=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(b){case s.b.Tab:c&&!this.isMoreTabMenuOpen&&h&&(e.preventDefault(),this.moveFocusToAdjacentTab(d,"fromMoreTabs"));break;case s.b.End:c||(p?(e.preventDefault(),this.moveFocusToTab(null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[(null===(i=this.tabsFilteredAsVisibleList)||void 0===i?void 0:i.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(a=this.hiddenTabsContainerElement)||void 0===a?void 0:a.children[(null===(n=this.tabsFilteredAsHiddenList)||void 0===n?void 0:n.length)-1])));break;case s.b.Home:p?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[0]));break;case s.b.ArrowLeft:c||p&&(e.stopPropagation(),this.moveFocusToAdjacentTab(d,"previous"));break;case s.b.ArrowRight:c||p&&(e.stopPropagation(),this.moveFocusToAdjacentTab(d,"next"));break;case s.b.ArrowUp:if(c);else if(p&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?v:this.selected-1);else if(m){e.preventDefault();const t=this.selected===T?f:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.b.ArrowDown:if(c);else if(p&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===v?0:this.selected+1);else if(m){e.preventDefault();const t=this.selected===f?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.b.Enter:case s.b.NumpadEnter:case s.b.Space:if(c){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.length?e.find(e=>e.selected)||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(u&&!u.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(u.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),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("tab-close-click",this.handleTabCloseClick),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 f(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=u.a.create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=u.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(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated()}render(){return l.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[88],{107:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_TAB_COPY_ID_PREFIX",(function(){return y})),i.d(t,"Tabs",(function(){return g}));i(14),i(37),i(40);var s=i(1),a=i(7),n=i(6),l=i(0),o=i(4),d=i(13),r=i(8),b=i(73),h=i(27),c=i(38),u=i.n(c),p=i(67),m=i(43),v=i(48),T=function(e,t,i,s){var a,n=arguments.length,l=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(n<3?a(l):n>3?a(t,i,l):a(t,i))||l);return n>3&&l&&Object.defineProperty(t,i,l),l},f=function(e,t,i,s){return new(i||(i=Promise))((function(a,n){function l(e){try{d(s.next(e))}catch(e){n(e)}}function o(e){try{d(s.throw(e))}catch(e){n(e)}}function d(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,o)}d((s=s.apply(e,t||[])).next())}))};const y="more-menu-copy-";var g;!function(e){let t=class extends(Object(a.c)(Object(a.d)(Object(a.e)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",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.isMoreTabTruncated=!1,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=>f(this,void 0,void 0,(function*(){var t,i,s,a,n,l,o,d,r,b;e.stopPropagation();const h=e.oldIndex,c=e.newIndex,u=[...this.tabsFilteredAsVisibleList],p=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==h&&void 0!==c){switch(m){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=u[h],a=p.slice(-1)[0],n=c===this.tabsFilteredAsHiddenList.length?c-1:c;p.splice(n,0,s),p.pop();const l=u.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));l.push(a),this.tabsFilteredAsVisibleList=[...l],this.tabsFilteredAsHiddenList=[...p];break}case"visibleToVisible":{const e=u[h];u.splice(h,1),u.splice(c,0,e),this.tabsFilteredAsVisibleList=u,c===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());const t=this.visibleTabsContainerElement.children[h],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(n=this.visibleTabsContainerElement)||void 0===n||n.replaceChild(i,t),null===(l=this.visibleTabsContainerElement)||void 0===l||l.insertBefore(t,i);break}case"hiddenToVisible":{null===(d=null===(o=this.visibleTabsContainerElement)||void 0===o?void 0:o.querySelector("#"+e.item.id))||void 0===d||d.remove();const t=p[h],i=u.slice(-1)[0];p.splice(h,1),p.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;u.splice(s,0,t),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=p;break}case"hiddenToHidden":{const e=p[h];p.splice(h,1),p.splice(c,0,e),this.tabsFilteredAsHiddenList=p,c===this.tabsFilteredAsHiddenList.length-1&&(null===(b=null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[this.hiddenTabsContainerElement.children.length-1])||void 0===b||b.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(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}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}}get currentTabsLayout(){return"horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(y))?`${y}${e.id}`:e.id}getAriaControlId(e){var t,i;if(null===(t=e.id)||void 0===t?void 0:t.startsWith(y))return`${y}${e.id}`;return"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(y,"")}static get styles(){return[n.a,m.a]}ensureTabsUpdateComplete(e){return f(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=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+v.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t}):this.tabs.map(e=>e.closable?e.offsetWidth+v.TAB_CROSS_WIDTH:e.offsetWidth)}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map(e=>e.offsetHeight)}manageOverflow(){var e,t;return f(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,n;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===(n=null==e?void 0:e.children[0])||void 0===n||n.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 n=this.measureTabsOffsetWidth(),l=i.reduce((e,t,i)=>e+=n[i],0);if(l){yield this.setupMoreTab();let e=!0;a<l&&(e=!1);const t=[];let o=0;i.forEach((i,l)=>{o+=n[l];const d=!e&&o+(l<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:d,tabOffsetWidth:n[l]})}),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)=>{var i,s;const a=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",n=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(a)-this.tabsOrderPrefsArray.indexOf(n)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return f(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,n="tab_panel_"+s;e.setAttribute("id",a),e.setAttribute("aria-controls",n),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const l=t[i];l?(l.setAttribute("id",n),l.setAttribute("aria-labelledby",a),l.selected=this.selected===i,e.disabled&&(l.hidden=!0,l.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 f(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow(),this.updateIsMoreTabTruncated()}))}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){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex(t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||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(s)}}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()}toggleSelectedAttribute(e,t){if(null==e||e.toggleAttribute("selected"),null==t||t.toggleAttribute("selected"),e){const t=this.tabsCopyHash[this.getCopyTabId(e)];t?(t.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(t&&i&&[s,e].forEach(e=>{e>=0&&this.toggleSelectedAttribute(t[e],i[e])}),e>=0){this.dispatchSelectedChangedEvent(e);const i=this.currentTabsLayout.findIndex(i=>i.id===t[e].id);this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,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;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[e];this.moveFocusToTab(t);const s=this.tabsFilteredAsHiddenList[e];!(null==s?void 0:s.disabled)&&this.updateHiddenIdPositiveTabIndex(s)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,""+e)}getCurrentIndex(e){var t,i,s;const a=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<a;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s;const a=this.getCurrentIndex(e),n=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children,l=null!==(s=null==n?void 0:n.length)&&void 0!==s?s:0;if(!n||0===l)return;let o=0;"previous"===t?o=0===a?l-1:a-1:"next"===t?o=a===l-1?0:a+1:"fromMoreTabs"===t&&(o=this.selected>=l?0:this.selected),this.moveFocusToTab(n[o])}moveFocusToTab(e){Object(p.setTimeout)(()=>null==e?void 0:e.focus(),0)}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){var t,i,a,n,l,o;let d;if(e.target!=this&&!this.tabs.find(t=>t.id===e.target.id))return!1;d=e.path?e.path[0].id:e.composedPath()?e.composedPath()[0].id:e.originalTarget.id;const r=this.getNormalizedTabId(d);this.dispatchKeydownEvent(e,r);const b=e.code,{shiftKey:h}=e,c=!!this.isMoreTabMenuVisible&&"tab-more"===r,u=c&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(r)],p=!this.isMoreTabMenuVisible||u&&this.tabsVisibleIdxHash[u.id]>-1,m=!!this.isMoreTabMenuVisible&&(u&&this.tabsHiddenIdxHash[u.id]>-1),v=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(b){case s.b.Tab:c&&!this.isMoreTabMenuOpen&&h&&(e.preventDefault(),this.moveFocusToAdjacentTab(d,"fromMoreTabs"));break;case s.b.End:c||(p?(e.preventDefault(),this.moveFocusToTab(null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[(null===(i=this.tabsFilteredAsVisibleList)||void 0===i?void 0:i.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(a=this.hiddenTabsContainerElement)||void 0===a?void 0:a.children[(null===(n=this.tabsFilteredAsHiddenList)||void 0===n?void 0:n.length)-1])));break;case s.b.Home:p?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[0]));break;case s.b.ArrowLeft:c||p&&(e.stopPropagation(),this.moveFocusToAdjacentTab(d,"previous"));break;case s.b.ArrowRight:c||p&&(e.stopPropagation(),this.moveFocusToAdjacentTab(d,"next"));break;case s.b.ArrowUp:if(c);else if(p&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?v:this.selected-1);else if(m){e.preventDefault();const t=this.selected===T?f:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.b.ArrowDown:if(c);else if(p&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===v?0:this.selected+1);else if(m){e.preventDefault();const t=this.selected===f?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.b.Enter:case s.b.NumpadEnter:case s.b.Space:if(c){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.length?e.find(e=>e.selected)||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(u&&!u.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(u.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),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("tab-close-click",this.handleTabCloseClick),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 f(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=u.a.create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=u.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.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,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(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated()}render(){return l.html`
2
2
  <div
3
3
  part="tabs-list"
4
4
  class="md-tab__list ${Object(o.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"no-tabs-visible":this.noTabsVisible,"vertical-tab-list":"vertical"===this.direction,"tab-new-momentum":this.newMomentum})}"
@@ -100,4 +100,4 @@
100
100
  >
101
101
  <slot name="panel"></slot>
102
102
  </div>
103
- `}};T([Object(l.property)({type:Boolean})],t.prototype,"justified",void 0),T([Object(l.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([Object(l.property)({type:String})],t.prototype,"overflowLabel",void 0),T([Object(l.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([Object(l.property)({type:String})],t.prototype,"direction",void 0),T([Object(l.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([Object(l.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",void 0),T([Object(l.property)({type:Number})],t.prototype,"delay",void 0),T([Object(l.property)({type:Number})],t.prototype,"animation",void 0),T([Object(l.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([Object(l.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([Object(l.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([Object(l.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([Object(l.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([Object(l.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([Object(l.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([Object(l.property)({type:String})],t.prototype,"type",void 0),T([Object(l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([Object(l.property)({type:String})],t.prototype,"variant",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([Object(l.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([Object(l.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([Object(l.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([Object(l.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([Object(l.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([Object(l.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([Object(l.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([Object(l.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([Object(l.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([Object(l.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([Object(l.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([Object(l.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([Object(l.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([Object(l.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([Object(a.f)("md-tabs")],t),e.ELEMENT=t}(g||(g={}))}}]);
103
+ `}};T([Object(l.property)({type:Boolean})],t.prototype,"justified",void 0),T([Object(l.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([Object(l.property)({type:String})],t.prototype,"overflowLabel",void 0),T([Object(l.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([Object(l.property)({type:String})],t.prototype,"direction",void 0),T([Object(l.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([Object(l.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),T([Object(l.property)({type:Number})],t.prototype,"delay",void 0),T([Object(l.property)({type:Number})],t.prototype,"animation",void 0),T([Object(l.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([Object(l.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([Object(l.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([Object(l.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([Object(l.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([Object(l.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([Object(l.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([Object(l.property)({type:String})],t.prototype,"type",void 0),T([Object(l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([Object(l.property)({type:String})],t.prototype,"variant",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([Object(l.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([Object(l.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([Object(l.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([Object(l.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([Object(l.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([Object(l.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([Object(l.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([Object(l.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([Object(l.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([Object(l.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([Object(l.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([Object(l.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([Object(l.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([Object(l.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([Object(a.f)("md-tabs")],t),e.ELEMENT=t}(g||(g={}))}}]);
package/dist/types/components/grabber/Grabber.d.ts CHANGED
@@ -81,7 +81,7 @@ export declare namespace Grabber {
81
81
  visible: boolean;
82
82
  };
83
83
  private get grabberContainerClassMap();
84
- get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
84
+ get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
85
85
  get iconSize(): "10" | "12";
86
86
  render(): import("lit-element").TemplateResult;
87
87
  }
package/dist/types/components/popover/Popover.d.ts CHANGED
@@ -162,7 +162,7 @@ export declare namespace Popover {
162
162
  onMouseEnteredTriggerOrPopup: (_event: MouseEvent) => void;
163
163
  onMouseLeaveTriggerOrPopup: (_event: MouseEvent) => void;
164
164
  private shouldStayOpenOnTriggerFocus;
165
- private setIsOpenDebounced;
165
+ private readonly setIsOpenDebounced;
166
166
  protected firstUpdated(changedProperties: PropertyValues): void;
167
167
  private focusInsideOverlay;
168
168
  private focusOnTrigger;
package/dist/types/components/tabs/Tabs.d.ts CHANGED
@@ -24,7 +24,9 @@ export declare namespace Tabs {
24
24
  draggable: boolean;
25
25
  direction: "horizontal" | "vertical";
26
26
  moreItemsScrollLimit: number;
27
- selectedIndex: number;
27
+ private _selectedIndex;
28
+ get selectedIndex(): number;
29
+ set selectedIndex(value: number);
28
30
  delay: number;
29
31
  animation: number;
30
32
  ghostClass: string;
@@ -73,6 +75,7 @@ export declare namespace Tabs {
73
75
  private tabHiddenIdPositiveTabIndex?;
74
76
  private visibleTabsSortableInstance;
75
77
  private hiddenTabsSortableInstance;
78
+ private get currentTabsLayout();
76
79
  private getCopyTabId;
77
80
  private getAriaControlId;
78
81
  private getTabIndex;
@@ -99,6 +102,7 @@ export declare namespace Tabs {
99
102
  handleTabCloseClick(event: CustomEvent<TabCloseClickEvent>): void;
100
103
  handleTabCloseEvent(id: string): void;
101
104
  handleUpdatedSeletedTabAfterCross(crossTabIndex: number): void;
105
+ private toggleSelectedAttribute;
102
106
  private updateSelectedTab;
103
107
  private dispatchSelectedChangedEvent;
104
108
  private changeSelectedTabIdx;
package/dist/types/components/timepicker/TimePicker.d.ts CHANGED
@@ -37,7 +37,7 @@ export declare namespace TimePicker {
37
37
  handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
38
38
  static get styles(): import("lit-element").CSSResult[];
39
39
  formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
40
- messageType: (isValid: boolean) => "error" | "";
40
+ messageType: (isValid: boolean) => "" | "error";
41
41
  generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
42
42
  generateAmPmComboBox: () => import("lit-element").TemplateResult;
43
43
  render(): import("lit-element").TemplateResult;
package/dist/types/components/tooltip/Tooltip.d.ts CHANGED
@@ -13,7 +13,7 @@ export type TooltipEvent = {
13
13
  placement: Tooltip.Placement;
14
14
  reference: HTMLElement;
15
15
  popper: HTMLElement;
16
- slotContent?: Element[] | undefined | null;
16
+ slotContent?: Element[] | null;
17
17
  };
18
18
  export declare namespace Tooltip {
19
19
  export type Placement = PlacementType;
@@ -27,8 +27,8 @@ export declare namespace Tooltip {
27
27
  popper: HTMLDivElement;
28
28
  reference: HTMLDivElement;
29
29
  private slotContent;
30
- private _keyDownListener;
31
- private _wheelListener;
30
+ private readonly _keyDownListener;
31
+ private readonly _wheelListener;
32
32
  connectedCallback(): void;
33
33
  disconnectedCallback(): void;
34
34
  protected handleFocusIn(event: Event): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@momentum-ui/web-components",
3
- "version": "2.17.10",
3
+ "version": "2.17.11",
4
4
  "author": "Yana Harris",
5
5
  "license": "MIT",
6
6
  "repository": "https://github.com/momentum-design/momentum-ui.git",