@momentum-ui/web-components 2.14.14 → 2.14.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-10.js +2 -2
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-16.js +3 -3
- package/dist/chunks/md-18.js +1 -1
- package/dist/chunks/md-20.js +1 -1
- package/dist/chunks/md-24.js +1 -1
- package/dist/chunks/md-26.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-30.js +1 -1
- package/dist/chunks/md-31.js +1 -1
- package/dist/chunks/md-40.js +1 -1
- package/dist/chunks/md-45.js +4 -4
- package/dist/chunks/md-50.js +1 -1
- package/dist/chunks/md-56.js +1 -1
- package/dist/chunks/md-6.js +2 -2
- package/dist/chunks/md-63.js +1 -1
- package/dist/chunks/md-64.js +1 -1
- package/dist/chunks/md-65.js +1 -1
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-71.js +6 -5
- package/dist/chunks/md-74.js +1 -1
- package/dist/chunks/md-8.js +1 -1
- package/dist/chunks/md-82.js +1 -1
- package/dist/chunks/md-83.js +1 -1
- package/dist/chunks/md-84.js +5 -4
- package/dist/chunks/md-86.js +2 -2
- package/dist/chunks/md-9.js +1 -1
- package/dist/comp/md-draggable-entry.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +1 -1
- package/dist/comp/md-table-entry.js +1 -1
- package/dist/comp/md-tabs-entry.js +1 -1
- package/dist/index-entry.js +2 -2
- package/dist/index.js +1 -1
- package/dist/types/components/date-range-picker/DateRangePicker.d.ts +1 -0
- package/dist/types/components/grabber/Grabber.d.ts +15 -2
- package/dist/types/components/tabs/Tab.d.ts +1 -0
- package/dist/types/components/tabs/Tabs.d.ts +4 -1
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +4 -4
package/dist/chunks/md-6.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
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(59),a=(d(51),d(6)),n=d(37),e=d(5),b=d(0),i=d(2),c=d(4),m=d(3),u=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,#dedede);box-sizing:border-box;color:var(--button-secondary-text-color,#121212)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}: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,#007aa3)}: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 .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,#005e7d);box-shadow:0 0 0 1px var(--button-primary-outline-color,#005e7d)}: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,#292929);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,#292929);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,#292929);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color,#292929)}: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,#007aa3);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color,#005e7d)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color,#064157)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color,#007aa3);color:var(--button-promotional-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color,#005e7d)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color,#064157)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color));border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-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=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color,#dedede);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}: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,#dedede));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color,#b2b2b2))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color,#dedede);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}: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,#dedede));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color,#b2b2b2))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color,#d4371c);color:var(--button-red-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color,#a12512)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color,#6e1d13)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color,#00853c);color:var(--button-green-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color,#03612c)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color,#08421f)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color,#edfaf4);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-available-border-color);font-size:var(--body-secondary-font-size,1rem);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,#befade)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color,#befade)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color,#fff5f2);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);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,#ffe8e3)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color,#ffe8e3)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color,#f7f7f7);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);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,#ededed)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color,#ededed)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color,#fff);color:var(--button-white-text-color,#545454)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color,#ededed)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color,#dedede)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color,#ccc);color:var(--button-white-outline-text-color,#545454)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color,#3b3b3b);color:var(--button-inverted-white-text-color,#fff)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color,#292929)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color,#1c1c1c)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color,#b2b2b2);color:var(--button-inverted-white-outline-text-color,#b2b2b2)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color,#fff7e3);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);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,#ffecc2)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color,#ffd98c)}: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","white","darkGrey","promotional","tab","available","unavailable","engaged","idle"],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.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(59),a=(d(51),d(6)),n=d(31),e=d(5),b=d(0),i=d(2),c=d(4),m=d(3),u=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,#dedede);box-sizing:border-box;color:var(--button-secondary-text-color,#121212)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}: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,#007aa3)}: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 .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,#005e7d);box-shadow:0 0 0 1px var(--button-primary-outline-color,#005e7d)}: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,#292929);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,#292929);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,#292929);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color,#292929)}: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,#007aa3);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color,#005e7d)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color,#064157)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color,#007aa3);color:var(--button-promotional-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color,#005e7d)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color,#064157)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color));border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-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=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color,#dedede);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}: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,#dedede));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color,#b2b2b2))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color,#dedede);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}: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,#dedede));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color,#b2b2b2))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color,#d4371c);color:var(--button-red-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color,#a12512)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color,#6e1d13)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color,#00853c);color:var(--button-green-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color,#03612c)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color,#08421f)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color,#edfaf4);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-available-border-color);font-size:var(--body-secondary-font-size,1rem);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,#befade)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color,#befade)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color,#fff5f2);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);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,#ffe8e3)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color,#ffe8e3)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color,#f7f7f7);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);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,#ededed)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color,#ededed)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color,#fff);color:var(--button-white-text-color,#545454)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color,#ededed)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color,#dedede)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color,#ccc);color:var(--button-white-outline-text-color,#545454)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color,#3b3b3b);color:var(--button-inverted-white-text-color,#fff)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color,#292929)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color,#1c1c1c)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color,#b2b2b2);color:var(--button-inverted-white-outline-text-color,#b2b2b2)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color,#fff7e3);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);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,#ffecc2)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color,#ffd98c)}: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","white","darkGrey","promotional","tab","available","unavailable","engaged","idle"],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.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()};
|
|
@@ -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: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.query)(".md-button")],o.prototype,"button",void 0),o=s([Object(a.a)("md-button")],o),t.ELEMENT=o}(p||(p={}))},37: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}},59: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
|
+
`}};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: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.query)(".md-button")],o.prototype,"button",void 0),o=s([Object(a.a)("md-button")],o),t.ELEMENT=o}(p||(p={}))},31: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}},59: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-63.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{93:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,i=a(6),n=a(0),r=a(14),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{93:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,i=a(6),n=a(0),r=a(14),o=a(43),l=function(t,e,a,s){var i,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,s);else for(var o=t.length-1;o>=0;o--)(i=t[o])&&(r=(n<3?i(r):n>3?i(e,a,r):i(e,a))||r);return n>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends o.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${this.sqlDateToSlashes(this.startDate)} - ${this.sqlDateToSlashes(this.endDate)}`)},this.handleDateSelection=t=>{const e=t.detail.data;if(this.startDate&&this.endDate){const t=r.DateTime.fromSQL(this.startDate),a=r.DateTime.fromSQL(this.endDate);if(e<t||e>a)e<t?this.startDate=this.dateToSqlTranslate(e):this.endDate=this.dateToSqlTranslate(e);else{const s=e.toMillis(),i=a.toMillis(),n=t.toMillis();Math.abs(s-i)<Math.abs(s-n)?this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e)}}else if(this.startDate){e>r.DateTime.fromSQL(this.startDate)?this.endDate=this.dateToSqlTranslate(e):(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e))}else this.startDate=this.dateToSqlTranslate(t.detail.data);this.emitDateRange(),this.updateValue()}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-selection-change",this.handleDateSelection)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-selection-change",this.handleDateSelection)}dateToSqlTranslate(t){return t.toSQLDate()}sqlDateToSlashes(t){return t.replace(/-+/g,"/")}emitDateRange(){if(!this.startDate||!this.endDate)return;const t=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(t)}};l([Object(n.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),l([Object(n.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=l([Object(i.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);
|
package/dist/chunks/md-64.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{117:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(28),i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{117:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(28),i(33);var a,o=i(6),r=i(9),l=i(5),s=i(0),n=i(3),d=i(14),c=i(1),u=s.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,h=function(e,t,i,a){var o,r=arguments.length,l=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l},p=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function l(e){try{n(a.next(e))}catch(e){r(e)}}function s(e){try{n(a.throw(e))}catch(e){r(e)}}function n(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,s)}n((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends s.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.ariaLabel="",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=c.c.SECOND,this.dateValue=void 0,this.timeValue="00:00:00-08:00",this.value=void 0,this.locale="en-US",this.disabled=!1,this.fullDateTime=void 0,this.selectedTimeObject=void 0,this.selectedDateObject=Object(r.n)(),this.firstCycle=!0,this.handleDateChange=e=>{var t,i;this.selectedDateObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.dateValue=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate(),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleTimeChange=e=>{var t,i;this.selectedTimeObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.timeValue=null===(i=this.selectedTimeObject)||void 0===i?void 0:i.startOf("second").toISOTime({suppressMilliseconds:!0}),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleDateTimeInputChange=e=>{var t,i;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.value)},this.parseValueForVisuals=e=>{e&&(this.dateValue=e.split("T")[0],this.timeValue=e.split("T")[1])},this.updateDateTimeObject=()=>{this.value&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-time-change",{bubbles:!0,composed:!0,detail:{dateTimeString:this.value,dateTime:this.fullDateTime,locale:this.locale,twentyFourHourFormat:this.twentyFourHourFormat}})))},this.combineDateAndTimeValues=(e,t)=>{e&&(this.value=t?`${e}T${t}`:e)}}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var i;return p(this,void 0,void 0,(function*(){if(t.firstUpdated.call(this,e),!this.value){const e=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate();this.combineDateAndTimeValues(e,this.timeValue)}yield new Promise(e=>setTimeout(e,0)),this.datePicker&&(this.datePicker.addEventListener("date-selection-change",this.handleDateChange),this.datePicker.addEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.addEventListener("time-selection-change",this.handleTimeChange)}))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.parseValueForVisuals(this.value),this.firstCycle?this.firstCycle=!1:this.updateDateTimeObject()),this.dateValue&&this.timeValue&&(e.has("timeValue")||e.has("dateValue"))&&this.combineDateAndTimeValues(this.dateValue,this.timeValue),this.value&&e.has("locale")&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}))}disconnectedCallback(){this.datePicker&&(this.datePicker.removeEventListener("date-selection-change",this.handleDateChange),this.datePicker.removeEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.removeEventListener("time-selection-change",this.handleTimeChange)}static get styles(){return[l.a,u]}render(){return s.html`
|
|
2
2
|
<md-datepicker
|
|
3
3
|
includes-time
|
|
4
4
|
?disabled=${this.disabled}
|
package/dist/chunks/md-65.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{94:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{94:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(34),i=a.n(r),n=a(5),l=a(64),h=a(16),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
|
|
2
2
|
<div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
|
|
3
3
|
<slot name="draggable-item"></slot>
|
|
4
4
|
</div>
|
package/dist/chunks/md-7.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[7],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[7],{36:function(e,t,s){"use strict";s.d(t,"a",(function(){return r}));var i=s(1),n=s(0),o=s(18),a=s(30),c=function(e,t,s,i){var n,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,i);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(a=(o<3?n(a):o>3?n(t,s,a):n(t,s))||a);return o>3&&a&&Object.defineProperty(t,s,a),a},l=function(e,t,s,i){return new(s||(s=Promise))((function(n,o){function a(e){try{l(i.next(e))}catch(e){o(e)}}function c(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof s?t:new s((function(e){e(t)}))).then(a,c)}l((i=i.apply(e,t||[])).next())}))};n.LitElement;const r=e=>{if(Object(o.b)(r,e))return e;class t extends(Object(a.a)(e)){constructor(){super(...arguments),this.focusableElements=[],this.initialFocusComplete=!1,this.focusableTimer=[],this.activeFocusTrap=!1,this.preventClickOutside=!1,this.focusTrapIndex=-1,this.preventScroll=!1,this.shouldWrapFocus=()=>!1,this.handleFocusOnClear=()=>{this.focusTrap(!0)},this.handleOutsideTrapClick=e=>{let t=!1;const s=e.composedPath();s.length&&(t=!!s.find(e=>e===this),t||this.preventClickOutside||!this.activeFocusTrap?t&&this.activeFocusTrap&&this.initialFocusComplete&&this.handleClickInsideTrap(e):this.deactivateFocusTrap())},this.updateFocusableElements=()=>{this.focusableTimer&&(clearTimeout(this.focusableTimer),this.focusableElements=[]),this.focusableTimer=setTimeout(()=>{this.setFocusableElements()},10)},this.handleChildFocusTrap=e=>{e.target!==this&&(e.stopPropagation(),this.deactivateFocusTrap(!1))},this.handleChildFocusUntrap=e=>{e.target!==this&&(e.stopPropagation(),this.activateFocusTrap(!1))}}updated(e){if(super.updated(e),e.has("focusTrapIndex")){const t=e.get("focusTrapIndex"),s=this.focusableElements[t];s&&(s.blur(),s.toggleAttribute("focus-visible",!1));const i=this.focusableElements[this.focusTrapIndex];i&&this.tryFocus(i)}}tryFocus(e){requestAnimationFrame(()=>l(this,void 0,void 0,(function*(){this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),void 0!==e.updateComplete&&(yield e.updateComplete),document.hasFocus()&&this.isElementFocused(e)&&e.focus({preventScroll:this.preventScroll}),this.initialFocusComplete||(this.initialFocusComplete=!0)})))}domRectCollection(e){return 0===e.getClientRects().length}viewportPosition(e){const{width:t,height:s}=e.getBoundingClientRect(),{offsetWidth:i,offsetHeight:n}=e;return i+n+s+t===0}isNotVisible(e){return"SLOT"!==e.tagName&&(this.viewportPosition(e)||this.domRectCollection(e))}hasHiddenStyle(e){const t=e.style;return t?"none"===t.display||"0"===t.opacity||"hidden"===t.visibility||"collapse"===t.visibility:e instanceof HTMLElement==0}hasComputedHidden(e){const t=getComputedStyle(e);return"hidden"===t.visibility||"0"===t.height}isHidden(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&"true"===e.getAttribute("aria-hidden")||this.hasHiddenStyle(e)||this.isNotVisible(e)||this.hasComputedHidden(e)}isNotTabbable(e){return"-1"===e.getAttribute("tabindex")}isInteractiveElement(e){return e instanceof HTMLButtonElement||e instanceof HTMLDetailsElement||e instanceof HTMLEmbedElement||e instanceof HTMLIFrameElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||(!!(e instanceof HTMLAnchorElement&&e.hasAttribute("href"))||(e instanceof HTMLInputElement&&"hidden"!==e.type||(!(!(e instanceof HTMLAudioElement||e instanceof HTMLVideoElement)||!e.hasAttribute("controls"))||(!(!(e instanceof HTMLImageElement||e instanceof HTMLObjectElement)||!e.hasAttribute("usemap"))||!!(e.hasAttribute("tabindex")&&e.tabIndex>-1)))))}isFocusable(e){return!this.isHidden(e)&&!this.isNotTabbable(e)&&!!this.isInteractiveElement(e)}shouldSkipFocus(e){return!!(e.id&&e.id.split&&e.id.split(" ").indexOf("md-combobox-listbox")>-1)}findFocusable(e,t){const s=Array.from(e.children);for(const e of s)if(!this.isHidden(e)){if(this.shouldSkipFocus(e))break;if(this.isFocusable(e)&&t.add(e),e.shadowRoot)this.findFocusable(e.shadowRoot,t);else if("SLOT"===e.tagName){const s=e.assignedNodes().filter(e=>e.nodeType===e.ELEMENT_NODE);if(s.length){const e=s[0].parentElement;e&&this.findFocusable(e,t)}}else this.findFocusable(e,t)}return[...t]}isEqualFocusNode(e,t){return e.nodeType>=0&&(t.isEqualNode(e)&&t==e)}findElement(e){return this.focusableElements.findIndex(t=>this.isEqualFocusNode(e,t))}focusTrap(e){const t=this.getDeepActiveElement(),s=this.findElement(t);if(e)-1===s&&this.focusTrapIndex-1>0?this.focusTrapIndex--:this.focusTrapIndex=s>(this.shouldWrapFocus()?1:0)?s-1:this.focusableElements.length-1;else if(-1===s&&this.focusTrapIndex+1<this.focusableElements.length)this.focusTrapIndex++;else if(s===this.focusableElements.length-1&&0===this.focusTrapIndex){const e=this.focusableElements[this.focusTrapIndex];e&&this.tryFocus(e)}else this.focusTrapIndex=s+1<this.focusableElements.length?s+1:this.shouldWrapFocus()?1:0}hasAutofocus(e){return e.hasAttribute("autofocus")}setInitialFocus(e=0,t=!1){let s=-1;this.initialFocusComplete=!1,this.focusableElements.length&&!t&&(s=this.focusableElements.findIndex(this.hasAutofocus)),this.focusableElements.length&&-1===s&&("object"==typeof e?s=this.findElement(e):"number"==typeof e&&(s=e)),this.focusableElements[s]&&(this.focusTrapIndex=s)}setFocusOnTrigger(e){let t;if(t=e.shadowRoot?this.findFocusable(e.shadowRoot,new Set):this.isFocusable(e)?[e]:this.findFocusable(e,new Set),t[0]){const e=this.findElement(t[0]);this.focusTrapIndex=e}}setFocusableElements(){this.focusableElements=this.findFocusable(this.shadowRoot,new Set)}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return l(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.setFocusableElements()}))}handleKeydownFocusTrap(e){e.code!==i.b.Tab||e.shiftKey&&e.code!==i.b.Tab||this.activeFocusTrap&&this.focusableElements.length&&(e.shiftKey?(e.preventDefault(),this.focusTrap(!0)):(e.preventDefault(),this.focusTrap(!1)))}activateFocusTrap(e=!0){e&&this.dispatchEvent(new CustomEvent("on-focus-trap",{bubbles:!0,composed:!0,cancelable:!0})),this.activeFocusTrap=!0}deactivateFocusTrap(e=!0){this.activeFocusTrap=!1,this.focusTrapIndex=-1,this.removeAttribute("focus-trap-index"),e&&this.dispatchEvent(new CustomEvent("on-focus-untrap",{bubbles:!0,composed:!0,cancelable:!0}))}handleClickInsideTrap(e){const t=e.composedPath(),s=t.findIndex(e=>-1!==this.findElement(e));if(-1!==s){const e=t[s],i=this.findElement(e);-1!==i&&(this.focusTrapIndex=i)}}manageNewElement(e){requestAnimationFrame(()=>{this.setFocusableElements();const t=this.findElement(e);-1!==t&&(this.focusTrapIndex=t)})}handleFocusVisible(e){const t=(e.detail?e.detail.sourceEvent:e).composedPath()[0];-1===(e.detail?this.findElement(t):-1)&&t!==this&&this.manageNewElement(t)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydownFocusTrap),this.addEventListener("focus-visible",this.handleFocusVisible),this.addEventListener("on-focus-trap",this.handleChildFocusTrap),this.addEventListener("on-focus-untrap",this.handleChildFocusUntrap),document.addEventListener("click",this.handleOutsideTrapClick),document.addEventListener("on-widget-update",this.updateFocusableElements),this.addEventListener("input-clear",this.handleFocusOnClear)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydownFocusTrap),this.removeEventListener("focus-visible",this.handleFocusVisible),this.removeEventListener("on-focus-trap",this.handleChildFocusTrap),this.removeEventListener("on-focus-untrap",this.handleChildFocusUntrap),document.removeEventListener("click",this.handleOutsideTrapClick),document.removeEventListener("on-widget-update",this.updateFocusableElements),this.removeEventListener("input-clear",this.handleFocusOnClear),this.focusableTimer&&clearTimeout(this.focusableTimer)}}return c([Object(n.internalProperty)()],t.prototype,"focusableElements",void 0),c([Object(n.internalProperty)()],t.prototype,"initialFocusComplete",void 0),c([Object(n.internalProperty)()],t.prototype,"focusableTimer",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"active-focus-trap"})],t.prototype,"activeFocusTrap",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-click-outside"})],t.prototype,"preventClickOutside",void 0),c([Object(n.property)({type:Number,reflect:!0,attribute:"focus-trap-index"})],t.prototype,"focusTrapIndex",void 0),c([Object(n.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],t.prototype,"preventScroll",void 0),Object(o.a)(r,t),t}}}]);
|