@momentum-ui/web-components 2.17.9 → 2.17.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/styles/fonts.css +1 -1
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-13.js +1 -1
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-18.js +1 -1
- package/dist/chunks/md-20.js +1 -1
- package/dist/chunks/md-21.js +1 -1
- package/dist/chunks/md-22.js +1 -1
- package/dist/chunks/md-23.js +1 -1
- package/dist/chunks/md-24.js +1 -7
- package/dist/chunks/md-25.js +7 -8
- package/dist/chunks/md-26.js +8 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-31.js +1 -1
- package/dist/chunks/md-32.js +1 -1
- package/dist/chunks/md-4.js +1 -1
- package/dist/chunks/md-42.js +1 -1
- package/dist/chunks/md-43.js +1 -1
- package/dist/chunks/md-52.js +5 -5
- package/dist/chunks/md-56.js +4 -4
- package/dist/chunks/md-59.js +1 -1
- package/dist/chunks/md-6.js +3 -3
- package/dist/chunks/md-68.js +1 -1
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-75.js +5 -5
- package/dist/chunks/md-79.js +1 -1
- package/dist/chunks/md-86.js +1 -1
- package/dist/chunks/md-88.js +2 -2
- package/dist/chunks/md-90.js +1 -1
- package/dist/comp/md-accordion-item-entry.js +1 -1
- package/dist/comp/md-activity-button-entry.js +1 -1
- package/dist/comp/md-advance-list-entry.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +1 -1
- package/dist/comp/md-alert-entry.js +1 -1
- package/dist/comp/md-audio-player-entry.js +1 -1
- package/dist/comp/md-avatar-entry.js +1 -1
- package/dist/comp/md-avatar.js +1 -1
- package/dist/comp/md-card-ai-entry.js +1 -1
- package/dist/comp/md-card-entry.js +1 -1
- package/dist/comp/md-chat-message-entry.js +1 -1
- package/dist/comp/md-chat-message.js +1 -1
- package/dist/comp/md-chip-entry.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +1 -1
- package/dist/comp/md-combobox-entry.js +1 -1
- package/dist/comp/md-composite-avatar-entry.js +1 -1
- package/dist/comp/md-composite-avatar.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +2 -2
- package/dist/comp/md-date-time-picker-entry.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +1 -1
- package/dist/comp/md-datepicker-calendar.js +1 -1
- package/dist/comp/md-datepicker-entry.js +1 -1
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-month.js +1 -1
- package/dist/comp/md-datepicker.js +2 -2
- package/dist/comp/md-dropdown-entry.js +1 -1
- package/dist/comp/md-editable-field-entry.js +1 -1
- package/dist/comp/md-editable-field.js +1 -1
- package/dist/comp/md-favorite-entry.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +1 -1
- package/dist/comp/md-grabber-entry.js +1 -1
- package/dist/comp/md-grabber.js +1 -0
- package/dist/comp/md-icon-entry.js +1 -1
- package/dist/comp/md-input-entry.js +1 -1
- package/dist/comp/md-loading-entry.js +1 -1
- package/dist/comp/md-loading.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +1 -1
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- package/dist/comp/md-modal-entry.js +1 -1
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-pagination-entry.js +1 -1
- package/dist/comp/md-phone-input-entry.js +1 -1
- package/dist/comp/md-popover-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/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/comp/md-timepicker.js +1 -1
- package/dist/index-entry.js +2 -2
- package/dist/index.js +3 -3
- package/dist/managers/thememanager-entry.js +1 -1
- package/dist/managers/thememanager.js +1 -1
- package/dist/types/components/button/Button.d.ts +1 -1
- package/dist/types/components/grabber/Grabber.d.ts +7 -1
- package/dist/types/components/popover/Popover.d.ts +1 -1
- package/dist/types/components/tabs/Tabs.d.ts +5 -1
- package/dist/types/components/tooltip/Tooltip.d.ts +3 -3
- package/package.json +1 -1
package/dist/chunks/md-6.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[6],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return l})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var r=d(63),a=(d(55),d(5)),n=d(28),e=d(6),b=d(0),i=d(2),c=d(4),u=d(3),m=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-flex;font-family:var(--brand-font-medium, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:500;font-size:1rem;line-height:normal;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;align-items:center;justify-content:center}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;max-width:100%;flex:1}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button{font-size:1rem;line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button .md-append{margin-left:calc(2.25rem/4)}:host .md-button{border-radius:1.125rem}:host .md-button::after{border-radius:calc(1.125rem + 2px)}:host .md-button{background-color:#dedede;border-color:transparent;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button{background-color:var(--button-secondary-bg-color);box-sizing:border-box;color:var(--button-secondary-text-color)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{box-shadow:none;min-width:0}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--none .md-prepend{margin-right:calc(100%/4)}:host .md-button--none .md-append{margin-left:calc(100%/4)}:host .md-button--none{border-radius:0}:host .md-button--none::after{border-radius:0}:host .md-button--size-none{min-width:0}:host .md-button--size-none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--size-none .md-prepend{margin-right:calc(100%/4)}:host .md-button--size-none .md-append{margin-left:calc(100%/4)}:host .md-button--size-none{border-radius:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--24{font-size:var(--button-font-size-extra-small,.625rem);line-height:normal;padding:var(--button-padding-24,.25rem .75rem .3125rem .75rem);height:1.5rem}:host .md-button--24 .md-prepend{margin-right:calc(1.5rem/4)}:host .md-button--24 .md-append{margin-left:calc(1.5rem/4)}:host .md-button--24{border-radius:.75rem}:host .md-button--24::after{border-radius:calc(.75rem + 2px)}:host .md-button--28{font-size:var(--button-font-size-small,.75rem);line-height:normal;padding:var(--button-padding-28,.375rem .875rem .4375rem .875rem);height:1.75rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem/4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem/4)}:host .md-button--28{border-radius:.875rem}:host .md-button--28::after{border-radius:calc(.875rem + 2px)}:host .md-button--32{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-32,.5rem 1rem .5625rem 1rem);height:2rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem/4)}:host .md-button--32 .md-append{margin-left:calc(2rem/4)}:host .md-button--32{border-radius:1rem}:host .md-button--32::after{border-radius:calc(1rem + 2px)}:host .md-button--36{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem/4)}:host .md-button--40{font-size:1rem;line-height:normal;padding:var(--button-padding-40,.6875rem 1.25rem .75rem 1.25rem);height:2.5rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem/4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem/4)}:host .md-button--40{border-radius:1.25rem}:host .md-button--40::after{border-radius:calc(1.25rem + 2px)}:host .md-button--52{font-size:1rem;line-height:normal;padding:var(--button-padding-52,.875rem 1.625rem .9375rem 1.625rem);height:3.25rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem/4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem/4)}:host .md-button--52{border-radius:1.625rem}:host .md-button--52::after{border-radius:calc(1.625rem + 2px)}:host .md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle{border-radius:100%}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.5rem);line-height:var(--button-font-size-extra-small,.5rem)}:host .md-button--circle[class*="--24"]{width:1.5rem;height:1.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.625rem);line-height:var(--button-font-size-extra-small,.625rem)}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-small,.75rem);line-height:var(--button-font-size-small,.75rem)}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button--rounded{border-radius:.5rem}:host .md-button--rounded::after{border-radius:.5rem}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:var(--button-accent-bg-color,#007aa3);border-color:transparent;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color);box-shadow:0 0 0 1px var(--button-primary-outline-color)}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color);border-color:transparent;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color)}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--link{color:#007aa3}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{min-width:0}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon{color:#545454;fill:#545454}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100%/4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100%/4)}:host .md-button.md-button--icon{border-radius:0}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.md-button--icon-white.disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.disabled:hover,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:hover,:host .md-button.md-button--icon.md-button--icon-white[disabled]:focus,:host .md-button.md-button--icon.md-button--icon-white[disabled]:hover{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2)}:host .md-button.md-button--icon.md-button--icon-white.hover-state,:host .md-button.md-button--icon.md-button--icon-white:hover{color:hsla(0,0%,100%,.92);fill:hsla(0,0%,100%,.92)}:host .md-button.md-button--icon.md-button--icon-white.active-state,:host .md-button.md-button--icon.md-button--icon-white:active{color:hsla(0,0%,100%,.84);fill:hsla(0,0%,100%,.84)}:host .md-button.md-button--onlyicon.disabled,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-primary]) .md-button{background-color:var(--button-inverted-primary-bg-color);color:var(--button-inverted-primary-text-color)}:host([variant=inverted-primary]) .md-button:hover{background-color:var(--button-inverted-primary-hover-bg-color)}:host([variant=inverted-primary]) .md-button:active{background-color:var(--button-inverted-primary-pressed-bg-color)}:host([variant=inverted-primary]) .md-button.disabled,:host([variant=inverted-primary]) .md-button:disabled{background-color:var(--button-inverted-primary-disabled-bg-color);color:var(--button-inverted-primary-disabled-text-color)}:host([variant=dropdown]) .md-button{font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400;font-size:.875rem;background-color:var(--button-dropdown-bg-color);color:var(--button-dropdown-text-color);border:1px solid var(--button-dropdown-border-color)}:host([variant=dropdown]) .md-button--placeholder-text{color:var(--button-dropdown-text-color-placeholder)}:host([variant=dropdown]) .md-button:hover{background-color:var(--button-dropdown-hover)}:host([variant=dropdown]) .md-button:active{background-color:var(--button-dropdown-active)}:host([variant=dropdown]) .md-button.disabled,:host([variant=dropdown]) .md-button:disabled{background-color:var(--button-dropdown-disabled-bg-color);color:var(--button-dropdown-disabled-text-color);border:1px solid var(--button-dropdown-disabled-border-color)}:host([variant=inverted-secondary]) .md-button{background-color:var(--button-inverted-secondary-bg-color);color:var(--button-inverted-secondary-text-color);border:1px solid var(--button-inverted-secondary-border-color)}:host([variant=inverted-secondary]) .md-button:hover{background-color:var(--button-inverted-secondary-hover-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button:active{background-color:var(--button-inverted-secondary-pressed-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button.disabled,:host([variant=inverted-secondary]) .md-button:disabled{background-color:var(--button-inverted-secondary-disabled-bg-color);border:1px solid var(--button-inverted-secondary-disabled-border-color);color:var(--button-inverted-secondary-disabled-text-color)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color);color:var(--button-promotional-text-color,var(--button-primary-text-color))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color);border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color)}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color)}:host([variant=ghost]) .md-button.disabled,:host([variant=ghost]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=ghostInheritTextColor]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:inherit;border:unset}:host([variant=ghostInheritTextColor]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghostInheritTextColor]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghostInheritTextColor]) .md-button.disabled,:host([variant=ghostInheritTextColor]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:inherit}:host([variant=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive).disabled,:host([variant=secondary]) .md-button:not(.isActive):disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive.disabled,:host([variant=secondary]) .md-button.isActive:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color);color:var(--button-red-text-color,var(--button-primary-text-color))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color);color:var(--button-green-text-color,var(--button-primary-text-color))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-available-border-color);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=available]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=available]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=unavailable]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=unavailable]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=idle]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=idle]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color);color:var(--button-white-text-color)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color);color:var(--button-white-outline-text-color)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color);color:var(--button-inverted-white-text-color)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color);color:var(--button-inverted-white-outline-text-color)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=engaged]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=engaged]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=engaged]) .md-button:hover{background-color:var(--button-engaged-hover-bg-color)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color)}:host([variant=tab]) .md-button:not(.isActive){background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color))}:host([variant=tab]) .md-button:not(.isActive):hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=tab]) .md-button:not(.isActive):active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=tab]) .md-button:not(.isActive).disabled,:host([variant=tab]) .md-button:not(.isActive):disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=tab]) .md-button.isActive{background-color:var(--button-ghost-active-bg-color);color:var(--button-ghost-active-text-color)}:host([variant=tab]) .md-button.isActive:hover{background-color:var(--button-ghost-active-hover-bg-color)}:host([variant=tab]) .md-button.isActive:active{background-color:var(--button-ghost-active-pressed-bg-color)}:host([variant=tab]) .md-button.isActive.disabled,:host([variant=tab]) .md-button.isActive:disabled{background-color:var(--button-ghost-active-disabled-bg-color);color:var(--button-ghost-active-disabled-text-color)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}@media(forced-colors:active){:host .md-button:focus{outline:2px solid Highlight}:host .md-button:active{color:Highlight;outline:2px solid Highlight}:host .md-button.disabled,:host .md-button[disabled]{color:GrayText!important}:host .md-button--outline.disabled{color:GrayText!important}:host .md-button--outline:active:disabled,:host .md-button--outline:focus:disabled{outline:2px solid Highlight}}`,s=function(t,o,d,r){var a,n=arguments.length,e=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,r);else for(var b=t.length-1;b>=0;b--)(a=t[b])&&(e=(n<3?a(e):n>3?a(o,d,e):a(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};const l=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","dropdown"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return b.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[6],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return l})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var r=d(63),a=(d(55),d(5)),n=d(28),e=d(6),b=d(0),i=d(2),c=d(4),u=d(3),s=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-flex;font-family:var(--brand-font-medium, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:500;font-size:1rem;line-height:normal;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;align-items:center;justify-content:center}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;max-width:100%;flex:1}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button{font-size:1rem;line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button .md-append{margin-left:calc(2.25rem/4)}:host .md-button{border-radius:1.125rem}:host .md-button::after{border-radius:calc(1.125rem + 2px)}:host .md-button{background-color:#dedede;border-color:transparent;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button{background-color:var(--button-secondary-bg-color);box-sizing:border-box;color:var(--button-secondary-text-color)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{box-shadow:none;min-width:0}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--none .md-prepend{margin-right:calc(100%/4)}:host .md-button--none .md-append{margin-left:calc(100%/4)}:host .md-button--none{border-radius:0}:host .md-button--none::after{border-radius:0}:host .md-button--size-none{min-width:0}:host .md-button--size-none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--size-none .md-prepend{margin-right:calc(100%/4)}:host .md-button--size-none .md-append{margin-left:calc(100%/4)}:host .md-button--size-none{border-radius:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--24{font-size:var(--button-font-size-extra-small,.625rem);line-height:normal;padding:var(--button-padding-24,.25rem .75rem .3125rem .75rem);height:1.5rem}:host .md-button--24 .md-prepend{margin-right:calc(1.5rem/4)}:host .md-button--24 .md-append{margin-left:calc(1.5rem/4)}:host .md-button--24{border-radius:.75rem}:host .md-button--24::after{border-radius:calc(.75rem + 2px)}:host .md-button--28{font-size:var(--button-font-size-small,.75rem);line-height:normal;padding:var(--button-padding-28,.375rem .875rem .4375rem .875rem);height:1.75rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem/4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem/4)}:host .md-button--28{border-radius:.875rem}:host .md-button--28::after{border-radius:calc(.875rem + 2px)}:host .md-button--32{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-32,.5rem 1rem .5625rem 1rem);height:2rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem/4)}:host .md-button--32 .md-append{margin-left:calc(2rem/4)}:host .md-button--32{border-radius:1rem}:host .md-button--32::after{border-radius:calc(1rem + 2px)}:host .md-button--36{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem/4)}:host .md-button--40{font-size:1rem;line-height:normal;padding:var(--button-padding-40,.6875rem 1.25rem .75rem 1.25rem);height:2.5rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem/4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem/4)}:host .md-button--40{border-radius:1.25rem}:host .md-button--40::after{border-radius:calc(1.25rem + 2px)}:host .md-button--52{font-size:1rem;line-height:normal;padding:var(--button-padding-52,.875rem 1.625rem .9375rem 1.625rem);height:3.25rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem/4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem/4)}:host .md-button--52{border-radius:1.625rem}:host .md-button--52::after{border-radius:calc(1.625rem + 2px)}:host .md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle{border-radius:100%}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.5rem);line-height:var(--button-font-size-extra-small,.5rem)}:host .md-button--circle[class*="--24"]{width:1.5rem;height:1.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.625rem);line-height:var(--button-font-size-extra-small,.625rem)}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-small,.75rem);line-height:var(--button-font-size-small,.75rem)}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button--rounded{border-radius:.5rem}:host .md-button--rounded::after{border-radius:.5rem}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:var(--button-accent-bg-color,#007aa3);border-color:transparent;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color);box-shadow:0 0 0 1px var(--button-primary-outline-color)}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color);border-color:transparent;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color)}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--link{color:#007aa3}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{min-width:0}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon{color:#545454;fill:#545454}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100%/4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100%/4)}:host .md-button.md-button--icon{border-radius:0}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.md-button--icon-white.disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.disabled:hover,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:hover,:host .md-button.md-button--icon.md-button--icon-white[disabled]:focus,:host .md-button.md-button--icon.md-button--icon-white[disabled]:hover{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2)}:host .md-button.md-button--icon.md-button--icon-white.hover-state,:host .md-button.md-button--icon.md-button--icon-white:hover{color:hsla(0,0%,100%,.92);fill:hsla(0,0%,100%,.92)}:host .md-button.md-button--icon.md-button--icon-white.active-state,:host .md-button.md-button--icon.md-button--icon-white:active{color:hsla(0,0%,100%,.84);fill:hsla(0,0%,100%,.84)}:host .md-button.md-button--onlyicon.disabled,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-primary]) .md-button{background-color:var(--button-inverted-primary-bg-color);color:var(--button-inverted-primary-text-color)}:host([variant=inverted-primary]) .md-button:hover{background-color:var(--button-inverted-primary-hover-bg-color)}:host([variant=inverted-primary]) .md-button:active{background-color:var(--button-inverted-primary-pressed-bg-color)}:host([variant=inverted-primary]) .md-button.disabled,:host([variant=inverted-primary]) .md-button:disabled{background-color:var(--button-inverted-primary-disabled-bg-color);color:var(--button-inverted-primary-disabled-text-color)}:host([variant=dropdown]) .md-button{font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400;font-size:.875rem;background-color:var(--button-dropdown-bg-color);color:var(--button-dropdown-text-color);border:1px solid var(--button-dropdown-border-color)}:host([variant=dropdown]) .md-button--placeholder-text{color:var(--button-dropdown-text-color-placeholder)}:host([variant=dropdown]) .md-button:hover{background-color:var(--button-dropdown-hover)}:host([variant=dropdown]) .md-button:active{background-color:var(--button-dropdown-active)}:host([variant=dropdown]) .md-button.disabled,:host([variant=dropdown]) .md-button:disabled{background-color:var(--button-dropdown-disabled-bg-color);color:var(--button-dropdown-disabled-text-color);border:1px solid var(--button-dropdown-disabled-border-color)}:host([variant=inverted-secondary]) .md-button{background-color:var(--button-inverted-secondary-bg-color);color:var(--button-inverted-secondary-text-color);border:1px solid var(--button-inverted-secondary-border-color)}:host([variant=inverted-secondary]) .md-button:hover{background-color:var(--button-inverted-secondary-hover-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button:active{background-color:var(--button-inverted-secondary-pressed-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button.disabled,:host([variant=inverted-secondary]) .md-button:disabled{background-color:var(--button-inverted-secondary-disabled-bg-color);border:1px solid var(--button-inverted-secondary-disabled-border-color);color:var(--button-inverted-secondary-disabled-text-color)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color);color:var(--button-promotional-text-color,var(--button-primary-text-color))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color);border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color)}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color)}:host([variant=ghost]) .md-button.disabled,:host([variant=ghost]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=ghostInheritTextColor]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:inherit;border:unset}:host([variant=ghostInheritTextColor]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghostInheritTextColor]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghostInheritTextColor]) .md-button.disabled,:host([variant=ghostInheritTextColor]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:inherit}:host([variant=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive).disabled,:host([variant=secondary]) .md-button:not(.isActive):disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive.disabled,:host([variant=secondary]) .md-button.isActive:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary-negative]) .md-button{background-color:var(--button-secondary-negative-bg-color);color:var(--button-secondary-negative-text-color);border:1px solid var(--button-secondary-negative-border-color)}:host([variant=secondary-negative]) .md-button:hover{background-color:var(--button-secondary-negative-hover-bg-color)}:host([variant=secondary-negative]) .md-button:active{background-color:var(--button-secondary-negative-pressed-bg-color)}:host([variant=secondary-negative]) .md-button.disabled,:host([variant=secondary-negative]) .md-button:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary-positive]) .md-button{background-color:var(--button-secondary-positive-bg-color);color:var(--button-secondary-positive-text-color);border:1px solid var(--button-secondary-positive-border-color)}:host([variant=secondary-positive]) .md-button:hover{background-color:var(--button-secondary-positive-hover-bg-color)}:host([variant=secondary-positive]) .md-button:active{background-color:var(--button-secondary-positive-pressed-bg-color)}:host([variant=secondary-positive]) .md-button.disabled,:host([variant=secondary-positive]) .md-button:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary-accent]) .md-button{background-color:var(--button-secondary-accent-bg-color);color:var(--button-secondary-accent-text-color);border:1px solid var(--button-secondary-accent-border-color)}:host([variant=secondary-accent]) .md-button:hover{background-color:var(--button-secondary-accent-hover-bg-color)}:host([variant=secondary-accent]) .md-button:active{background-color:var(--button-secondary-accent-pressed-bg-color)}:host([variant=secondary-accent]) .md-button.disabled,:host([variant=secondary-accent]) .md-button:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color);color:var(--button-red-text-color,var(--button-primary-text-color))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color);color:var(--button-green-text-color,var(--button-primary-text-color))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-available-border-color);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=available]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=available]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=unavailable]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=unavailable]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=idle]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=idle]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color);color:var(--button-white-text-color)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color);color:var(--button-white-outline-text-color)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color);color:var(--button-inverted-white-text-color)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color);color:var(--button-inverted-white-outline-text-color)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=engaged]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=engaged]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=engaged]) .md-button:hover{background-color:var(--button-engaged-hover-bg-color)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color)}:host([variant=tab]) .md-button:not(.isActive){background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color))}:host([variant=tab]) .md-button:not(.isActive):hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=tab]) .md-button:not(.isActive):active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=tab]) .md-button:not(.isActive).disabled,:host([variant=tab]) .md-button:not(.isActive):disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=tab]) .md-button.isActive{background-color:var(--button-ghost-active-bg-color);color:var(--button-ghost-active-text-color)}:host([variant=tab]) .md-button.isActive:hover{background-color:var(--button-ghost-active-hover-bg-color)}:host([variant=tab]) .md-button.isActive:active{background-color:var(--button-ghost-active-pressed-bg-color)}:host([variant=tab]) .md-button.isActive.disabled,:host([variant=tab]) .md-button.isActive:disabled{background-color:var(--button-ghost-active-disabled-bg-color);color:var(--button-ghost-active-disabled-text-color)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}@media(forced-colors:active){:host .md-button:focus{outline:2px solid Highlight}:host .md-button:active{color:Highlight;outline:2px solid Highlight}:host .md-button.disabled,:host .md-button[disabled]{color:GrayText!important}:host .md-button--outline.disabled{color:GrayText!important}:host .md-button--outline:active:disabled,:host .md-button--outline:focus:disabled{outline:2px solid Highlight}}`,m=function(t,o,d,r){var a,n=arguments.length,e=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,r);else for(var b=t.length-1;b>=0;b--)(a=t[b])&&(e=(n<3?a(e):n>3?a(o,d,e):a(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};const l=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","dropdown","secondary-negative","secondary-positive","secondary-accent"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return b.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-button--${this.size} {
|
|
4
4
|
${this.renderWidth()};
|
|
5
5
|
${this.renderMaxWidth()};
|
|
6
6
|
}
|
|
7
7
|
</style>
|
|
8
|
-
`},this.iconTemplate=()=>this.loading?b.html` <md-spinner size="16"></md-spinner> `:b.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?i.nothing:b.html` <slot name="text"></slot> `}get active(){return this._active}set active(t){const o=this._active;this._active=t,this.requestUpdate("active",o)}get tabIndex(){return this._tabIndex}set tabIndex(t){const o=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",o)}handleKeyDown(t){if(this.disabled)return;const{code:o}=t;Object(n.a)(o)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.disabled||(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[e.a,
|
|
8
|
+
`},this.iconTemplate=()=>this.loading?b.html` <md-spinner size="16"></md-spinner> `:b.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?i.nothing:b.html` <slot name="text"></slot> `}get active(){return this._active}set active(t){const o=this._active;this._active=t,this.requestUpdate("active",o)}get tabIndex(){return this._tabIndex}set tabIndex(t){const o=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",o)}handleKeyDown(t){if(this.disabled)return;const{code:o}=t;Object(n.a)(o)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.disabled||(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[e.a,s,r.a]}get buttonClassMap(){return{"md-button--circle":this.circle,"md-button--rounded":this.rounded,"md-button--none":this.hasRemoveStyle,"md-button--outline":this.outline,active:this.active&&!this.disabled,disabled:this.disabled&&!this.active,isActive:this.isActive,["md-button--"+this.size]:!this.hasRemoveStyle,["md-button--"+this.color]:!this.hasRemoveStyle&&!!this.color,["md-activity__"+this.activityType]:!!this.activityType,"md-activity":!!this.activityType,"md-button--icon":this.iconActive,"md-button--onlyicon":this.hasIcon&&!this.slottedText,"md-button--placeholder-text":!0===this.isPlaceholderText}}get slottedText(){var t;return null===(t=this.querySelector("[slot=text]"))||void 0===t?void 0:t.textContent}get hasIcon(){return null!==this.querySelector("[slot=icon]")||this.loading}childrenTemplate(){return b.html`
|
|
9
9
|
<span part="button-children" class="md-button__children">
|
|
10
10
|
${this.iconTemplate()} ${this.textTemplate()}
|
|
11
11
|
<slot></slot>
|
|
@@ -74,4 +74,4 @@
|
|
|
74
74
|
<div part="button-label" class="md-button__label">${this.label}</div>
|
|
75
75
|
</div>
|
|
76
76
|
`:b.html` ${this.buttonTemplate(this.tag)} `}
|
|
77
|
-
`}};s([Object(b.property)({type:Boolean,reflect:!0})],o.prototype,"active",null),s([Object(b.property)({type:Number,attribute:"tab-index",reflect:!0})],o.prototype,"tabIndex",null),s([Object(b.property)({type:String})],o.prototype,"ariaLabel",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaLabelledBy",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaLive",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaExpanded",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaHaspopup",void 0),s([Object(b.property)({type:String})],o.prototype,"ariaPressed",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"circle",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"rounded",void 0),s([Object(b.property)({type:String})],o.prototype,"color",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"containerLarge",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"disabled",void 0),s([Object(b.property)({type:String})],o.prototype,"href",void 0),s([Object(b.property)({type:String})],o.prototype,"id",void 0),s([Object(b.property)({type:String})],o.prototype,"value",void 0),s([Object(b.property)({type:String})],o.prototype,"keyboardKey",void 0),s([Object(b.property)({type:String})],o.prototype,"label",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"loading",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"outline",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"hasRemoveStyle",void 0),s([Object(b.property)({type:String})],o.prototype,"size",void 0),s([Object(b.property)({type:String})],o.prototype,"tag",void 0),s([Object(b.property)({type:String})],o.prototype,"type",void 0),s([Object(b.property)({type:String})],o.prototype,"role",void 0),s([Object(b.property)({type:String})],o.prototype,"variant",void 0),s([Object(b.property)({type:String})],o.prototype,"width",void 0),s([Object(b.property)({type:String})],o.prototype,"maxWidth",void 0),s([Object(b.property)({type:String})],o.prototype,"activityType",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"iconActive",void 0),s([Object(b.property)({type:Boolean})],o.prototype,"isActive",void 0),s([Object(b.property)({attribute:!1})],o.prototype,"clickFunction",void 0),s([Object(b.property)({type:Boolean,attribute:"is-placeholder-text"})],o.prototype,"isPlaceholderText",void 0),s([Object(b.query)(".md-button")],o.prototype,"button",void 0),o=s([Object(a.a)("md-button")],o),t.ELEMENT=o}(p||(p={}))},28:function(t,o,d){"use strict";d.d(o,"a",(function(){return a}));var r=d(1);function a(t){return t===r.b.Enter||t===r.b.Space||t===r.b.NumpadEnter}},63:function(t,o,d){"use strict";var r=d(0);o.a=r.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}.md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-block;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;font-weight:400;line-height:1.5rem;min-width:4.5rem;position:relative;text-align:center;text-decoration:none}.md-button>*{font-size:inherit}.md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}.md-button+.md-button{margin-left:.3125rem}.md-button.active-state.focus-state,.md-button.active-state:focus,.md-button:active.focus-state,.md-button:active:focus{box-shadow:none}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{box-shadow:none}.md-button{font-size:1rem;line-height:1.5rem;padding:.375rem 1.125rem;height:2.25rem}.md-button .md-prepend{margin-right:calc(2.25rem/4)}.md-button .md-append{margin-left:calc(2.25rem/4)}.md-button{border-radius:1.125rem}.md-button{background-color:#dedede;border-color:transparent;color:#000}.md-button:hover{background-color:#ccc;color:#000}.md-button.active,.md-button:active{background-color:#b2b2b2;color:#000}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md-button.focus-state,.md-button:focus{box-shadow:none;outline:0}.md-button.md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle{border-radius:100%}.md-button.md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}.md-button.md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}.md-button.md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.25rem;line-height:2.25rem}.md-button.md-activity{fill:#fff;margin:.3125rem}.md--dark .md-button.md-activity,.md-button.md-activity__chat{background-color:#00a0d1;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__chat:hover{background-color:#007aa3;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__chat.active,.md-button.md-activity__chat:active{background-color:#005e7d;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__chat.disabled,.md-button.md-activity__chat.md-button--disabled,.md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__chat.disabled:focus,.md-button.md-activity__chat.disabled:hover,.md-button.md-activity__chat.md-button--disabled:focus,.md-button.md-activity__chat.md-button--disabled:hover,.md-button.md-activity__chat[disabled]:focus,.md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__chat{background-color:#007aa3;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__chat:hover{background-color:#005e7d;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__chat.active,.md--contrast .md-button.md-activity__chat:active{background-color:#064157;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__chat.disabled,.md--contrast .md-button.md-activity__chat.md-button--disabled,.md--contrast .md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__chat.disabled:focus,.md--contrast .md-button.md-activity__chat.disabled:hover,.md--contrast .md-button.md-activity__chat.md-button--disabled:focus,.md--contrast .md-button.md-activity__chat.md-button--disabled:hover,.md--contrast .md-button.md-activity__chat[disabled]:focus,.md--contrast .md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__camera{background-color:#00ab50;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__camera:hover{background-color:#00853c;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__camera.active,.md-button.md-activity__camera:active{background-color:#03612c;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__camera.disabled,.md-button.md-activity__camera.md-button--disabled,.md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__camera.disabled:focus,.md-button.md-activity__camera.disabled:hover,.md-button.md-activity__camera.md-button--disabled:focus,.md-button.md-activity__camera.md-button--disabled:hover,.md-button.md-activity__camera[disabled]:focus,.md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__camera{background-color:#00853c;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__camera:hover{background-color:#03612c;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__camera.active,.md--contrast .md-button.md-activity__camera:active{background-color:#08421f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__camera.disabled,.md--contrast .md-button.md-activity__camera.md-button--disabled,.md--contrast .md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__camera.disabled:focus,.md--contrast .md-button.md-activity__camera.disabled:hover,.md--contrast .md-button.md-activity__camera.md-button--disabled:focus,.md--contrast .md-button.md-activity__camera.md-button--disabled:hover,.md--contrast .md-button.md-activity__camera[disabled]:focus,.md--contrast .md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__contact-card.active,.md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__contact-card.disabled,.md-button.md-activity__contact-card.md-button--disabled,.md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__contact-card.disabled:focus,.md-button.md-activity__contact-card.disabled:hover,.md-button.md-activity__contact-card.md-button--disabled:focus,.md-button.md-activity__contact-card.md-button--disabled:hover,.md-button.md-activity__contact-card[disabled]:focus,.md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__contact-card.active,.md--contrast .md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__contact-card.disabled,.md--contrast .md-button.md-activity__contact-card.md-button--disabled,.md--contrast .md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__contact-card.disabled:focus,.md--contrast .md-button.md-activity__contact-card.disabled:hover,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:focus,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:hover,.md--contrast .md-button.md-activity__contact-card[disabled]:focus,.md--contrast .md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__meetings{background-color:#f26b1d;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__meetings:hover{background-color:#c74f0e;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__meetings.active,.md-button.md-activity__meetings:active{background-color:#914017;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__meetings.disabled,.md-button.md-activity__meetings.md-button--disabled,.md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__meetings.disabled:focus,.md-button.md-activity__meetings.disabled:hover,.md-button.md-activity__meetings.md-button--disabled:focus,.md-button.md-activity__meetings.md-button--disabled:hover,.md-button.md-activity__meetings[disabled]:focus,.md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__meetings{background-color:#c74f0e;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__meetings:hover{background-color:#914017;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__meetings.active,.md--contrast .md-button.md-activity__meetings:active{background-color:#59311e;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__meetings.disabled,.md--contrast .md-button.md-activity__meetings.md-button--disabled,.md--contrast .md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__meetings.disabled:focus,.md--contrast .md-button.md-activity__meetings.disabled:hover,.md--contrast .md-button.md-activity__meetings.md-button--disabled:focus,.md--contrast .md-button.md-activity__meetings.md-button--disabled:hover,.md--contrast .md-button.md-activity__meetings[disabled]:focus,.md--contrast .md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__whiteboard{background-color:#e060de;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__whiteboard:hover{background-color:#c233c4;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__whiteboard.active,.md-button.md-activity__whiteboard:active{background-color:#932099;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__whiteboard.disabled,.md-button.md-activity__whiteboard.md-button--disabled,.md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__whiteboard.disabled:focus,.md-button.md-activity__whiteboard.disabled:hover,.md-button.md-activity__whiteboard.md-button--disabled:focus,.md-button.md-activity__whiteboard.md-button--disabled:hover,.md-button.md-activity__whiteboard[disabled]:focus,.md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__whiteboard{background-color:#c233c4;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__whiteboard:hover{background-color:#932099;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__whiteboard.active,.md--contrast .md-button.md-activity__whiteboard:active{background-color:#601e66;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__whiteboard.disabled,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled,.md--contrast .md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__whiteboard.disabled:focus,.md--contrast .md-button.md-activity__whiteboard.disabled:hover,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:focus,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:hover,.md--contrast .md-button.md-activity__whiteboard[disabled]:focus,.md--contrast .md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__files{background-color:#d97f00;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__files:hover{background-color:#a85f00;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__files.active,.md-button.md-activity__files:active{background-color:#7d4705;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__files.disabled,.md-button.md-activity__files.md-button--disabled,.md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__files.disabled:focus,.md-button.md-activity__files.disabled:hover,.md-button.md-activity__files.md-button--disabled:focus,.md-button.md-activity__files.md-button--disabled:hover,.md-button.md-activity__files[disabled]:focus,.md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__files{background-color:#a85f00;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__files:hover{background-color:#7d4705;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__files.active,.md--contrast .md-button.md-activity__files:active{background-color:#54330d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__files.disabled,.md--contrast .md-button.md-activity__files.md-button--disabled,.md--contrast .md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__files.disabled:focus,.md--contrast .md-button.md-activity__files.disabled:hover,.md--contrast .md-button.md-activity__files.md-button--disabled:focus,.md--contrast .md-button.md-activity__files.md-button--disabled:hover,.md--contrast .md-button.md-activity__files[disabled]:focus,.md--contrast .md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__share-screen{background-color:#00a3b5;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__share-screen:hover{background-color:#008094;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__share-screen.active,.md-button.md-activity__share-screen:active{background-color:#066070;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__share-screen.disabled,.md-button.md-activity__share-screen.md-button--disabled,.md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__share-screen.disabled:focus,.md-button.md-activity__share-screen.disabled:hover,.md-button.md-activity__share-screen.md-button--disabled:focus,.md-button.md-activity__share-screen.md-button--disabled:hover,.md-button.md-activity__share-screen[disabled]:focus,.md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__share-screen{background-color:#008094;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__share-screen:hover{background-color:#066070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__share-screen.active,.md--contrast .md-button.md-activity__share-screen:active{background-color:#0a414d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__share-screen.disabled,.md--contrast .md-button.md-activity__share-screen.md-button--disabled,.md--contrast .md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__share-screen.disabled:focus,.md--contrast .md-button.md-activity__share-screen.disabled:hover,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:focus,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:hover,.md--contrast .md-button.md-activity__share-screen[disabled]:focus,.md--contrast .md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__tasks{background-color:#16a693;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__tasks:hover{background-color:#148579;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__tasks.active,.md-button.md-activity__tasks:active{background-color:#12615a;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__tasks.disabled,.md-button.md-activity__tasks.md-button--disabled,.md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__tasks.disabled:focus,.md-button.md-activity__tasks.disabled:hover,.md-button.md-activity__tasks.md-button--disabled:focus,.md-button.md-activity__tasks.md-button--disabled:hover,.md-button.md-activity__tasks[disabled]:focus,.md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__tasks{background-color:#148579;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__tasks:hover{background-color:#12615a;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__tasks.active,.md--contrast .md-button.md-activity__tasks:active{background-color:#12423f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__tasks.disabled,.md--contrast .md-button.md-activity__tasks.md-button--disabled,.md--contrast .md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__tasks.disabled:focus,.md--contrast .md-button.md-activity__tasks.disabled:hover,.md--contrast .md-button.md-activity__tasks.md-button--disabled:focus,.md--contrast .md-button.md-activity__tasks.md-button--disabled:hover,.md--contrast .md-button.md-activity__tasks[disabled]:focus,.md--contrast .md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}`}}]);
|
|
77
|
+
`}};m([Object(b.property)({type:Boolean,reflect:!0})],o.prototype,"active",null),m([Object(b.property)({type:Number,attribute:"tab-index",reflect:!0})],o.prototype,"tabIndex",null),m([Object(b.property)({type:String})],o.prototype,"ariaLabel",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaLabelledBy",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaLive",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaExpanded",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaHaspopup",void 0),m([Object(b.property)({type:String})],o.prototype,"ariaPressed",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"circle",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"rounded",void 0),m([Object(b.property)({type:String})],o.prototype,"color",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"containerLarge",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"disabled",void 0),m([Object(b.property)({type:String})],o.prototype,"href",void 0),m([Object(b.property)({type:String})],o.prototype,"id",void 0),m([Object(b.property)({type:String})],o.prototype,"value",void 0),m([Object(b.property)({type:String})],o.prototype,"keyboardKey",void 0),m([Object(b.property)({type:String})],o.prototype,"label",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"loading",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"outline",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"hasRemoveStyle",void 0),m([Object(b.property)({type:String})],o.prototype,"size",void 0),m([Object(b.property)({type:String})],o.prototype,"tag",void 0),m([Object(b.property)({type:String})],o.prototype,"type",void 0),m([Object(b.property)({type:String})],o.prototype,"role",void 0),m([Object(b.property)({type:String})],o.prototype,"variant",void 0),m([Object(b.property)({type:String})],o.prototype,"width",void 0),m([Object(b.property)({type:String})],o.prototype,"maxWidth",void 0),m([Object(b.property)({type:String})],o.prototype,"activityType",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"iconActive",void 0),m([Object(b.property)({type:Boolean})],o.prototype,"isActive",void 0),m([Object(b.property)({attribute:!1})],o.prototype,"clickFunction",void 0),m([Object(b.property)({type:Boolean,attribute:"is-placeholder-text"})],o.prototype,"isPlaceholderText",void 0),m([Object(b.query)(".md-button")],o.prototype,"button",void 0),o=m([Object(a.a)("md-button")],o),t.ELEMENT=o}(p||(p={}))},28:function(t,o,d){"use strict";d.d(o,"a",(function(){return a}));var r=d(1);function a(t){return t===r.b.Enter||t===r.b.Space||t===r.b.NumpadEnter}},63:function(t,o,d){"use strict";var r=d(0);o.a=r.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}.md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-block;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;font-weight:400;line-height:1.5rem;min-width:4.5rem;position:relative;text-align:center;text-decoration:none}.md-button>*{font-size:inherit}.md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}.md-button+.md-button{margin-left:.3125rem}.md-button.active-state.focus-state,.md-button.active-state:focus,.md-button:active.focus-state,.md-button:active:focus{box-shadow:none}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{box-shadow:none}.md-button{font-size:1rem;line-height:1.5rem;padding:.375rem 1.125rem;height:2.25rem}.md-button .md-prepend{margin-right:calc(2.25rem/4)}.md-button .md-append{margin-left:calc(2.25rem/4)}.md-button{border-radius:1.125rem}.md-button{background-color:#dedede;border-color:transparent;color:#000}.md-button:hover{background-color:#ccc;color:#000}.md-button.active,.md-button:active{background-color:#b2b2b2;color:#000}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md-button.focus-state,.md-button:focus{box-shadow:none;outline:0}.md-button.md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle{border-radius:100%}.md-button.md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}.md-button.md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}.md-button.md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.25rem;line-height:2.25rem}.md-button.md-activity{fill:#fff;margin:.3125rem}.md--dark .md-button.md-activity,.md-button.md-activity__chat{background-color:#00a0d1;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__chat:hover{background-color:#007aa3;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__chat.active,.md-button.md-activity__chat:active{background-color:#005e7d;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__chat.disabled,.md-button.md-activity__chat.md-button--disabled,.md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__chat.disabled:focus,.md-button.md-activity__chat.disabled:hover,.md-button.md-activity__chat.md-button--disabled:focus,.md-button.md-activity__chat.md-button--disabled:hover,.md-button.md-activity__chat[disabled]:focus,.md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__chat{background-color:#007aa3;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__chat:hover{background-color:#005e7d;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__chat.active,.md--contrast .md-button.md-activity__chat:active{background-color:#064157;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__chat.disabled,.md--contrast .md-button.md-activity__chat.md-button--disabled,.md--contrast .md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__chat.disabled:focus,.md--contrast .md-button.md-activity__chat.disabled:hover,.md--contrast .md-button.md-activity__chat.md-button--disabled:focus,.md--contrast .md-button.md-activity__chat.md-button--disabled:hover,.md--contrast .md-button.md-activity__chat[disabled]:focus,.md--contrast .md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__camera{background-color:#00ab50;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__camera:hover{background-color:#00853c;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__camera.active,.md-button.md-activity__camera:active{background-color:#03612c;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__camera.disabled,.md-button.md-activity__camera.md-button--disabled,.md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__camera.disabled:focus,.md-button.md-activity__camera.disabled:hover,.md-button.md-activity__camera.md-button--disabled:focus,.md-button.md-activity__camera.md-button--disabled:hover,.md-button.md-activity__camera[disabled]:focus,.md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__camera{background-color:#00853c;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__camera:hover{background-color:#03612c;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__camera.active,.md--contrast .md-button.md-activity__camera:active{background-color:#08421f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__camera.disabled,.md--contrast .md-button.md-activity__camera.md-button--disabled,.md--contrast .md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__camera.disabled:focus,.md--contrast .md-button.md-activity__camera.disabled:hover,.md--contrast .md-button.md-activity__camera.md-button--disabled:focus,.md--contrast .md-button.md-activity__camera.md-button--disabled:hover,.md--contrast .md-button.md-activity__camera[disabled]:focus,.md--contrast .md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__contact-card.active,.md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__contact-card.disabled,.md-button.md-activity__contact-card.md-button--disabled,.md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__contact-card.disabled:focus,.md-button.md-activity__contact-card.disabled:hover,.md-button.md-activity__contact-card.md-button--disabled:focus,.md-button.md-activity__contact-card.md-button--disabled:hover,.md-button.md-activity__contact-card[disabled]:focus,.md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__contact-card.active,.md--contrast .md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__contact-card.disabled,.md--contrast .md-button.md-activity__contact-card.md-button--disabled,.md--contrast .md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__contact-card.disabled:focus,.md--contrast .md-button.md-activity__contact-card.disabled:hover,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:focus,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:hover,.md--contrast .md-button.md-activity__contact-card[disabled]:focus,.md--contrast .md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__meetings{background-color:#f26b1d;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__meetings:hover{background-color:#c74f0e;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__meetings.active,.md-button.md-activity__meetings:active{background-color:#914017;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__meetings.disabled,.md-button.md-activity__meetings.md-button--disabled,.md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__meetings.disabled:focus,.md-button.md-activity__meetings.disabled:hover,.md-button.md-activity__meetings.md-button--disabled:focus,.md-button.md-activity__meetings.md-button--disabled:hover,.md-button.md-activity__meetings[disabled]:focus,.md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__meetings{background-color:#c74f0e;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__meetings:hover{background-color:#914017;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__meetings.active,.md--contrast .md-button.md-activity__meetings:active{background-color:#59311e;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__meetings.disabled,.md--contrast .md-button.md-activity__meetings.md-button--disabled,.md--contrast .md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__meetings.disabled:focus,.md--contrast .md-button.md-activity__meetings.disabled:hover,.md--contrast .md-button.md-activity__meetings.md-button--disabled:focus,.md--contrast .md-button.md-activity__meetings.md-button--disabled:hover,.md--contrast .md-button.md-activity__meetings[disabled]:focus,.md--contrast .md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__whiteboard{background-color:#e060de;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__whiteboard:hover{background-color:#c233c4;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__whiteboard.active,.md-button.md-activity__whiteboard:active{background-color:#932099;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__whiteboard.disabled,.md-button.md-activity__whiteboard.md-button--disabled,.md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__whiteboard.disabled:focus,.md-button.md-activity__whiteboard.disabled:hover,.md-button.md-activity__whiteboard.md-button--disabled:focus,.md-button.md-activity__whiteboard.md-button--disabled:hover,.md-button.md-activity__whiteboard[disabled]:focus,.md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__whiteboard{background-color:#c233c4;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__whiteboard:hover{background-color:#932099;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__whiteboard.active,.md--contrast .md-button.md-activity__whiteboard:active{background-color:#601e66;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__whiteboard.disabled,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled,.md--contrast .md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__whiteboard.disabled:focus,.md--contrast .md-button.md-activity__whiteboard.disabled:hover,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:focus,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:hover,.md--contrast .md-button.md-activity__whiteboard[disabled]:focus,.md--contrast .md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__files{background-color:#d97f00;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__files:hover{background-color:#a85f00;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__files.active,.md-button.md-activity__files:active{background-color:#7d4705;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__files.disabled,.md-button.md-activity__files.md-button--disabled,.md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__files.disabled:focus,.md-button.md-activity__files.disabled:hover,.md-button.md-activity__files.md-button--disabled:focus,.md-button.md-activity__files.md-button--disabled:hover,.md-button.md-activity__files[disabled]:focus,.md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__files{background-color:#a85f00;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__files:hover{background-color:#7d4705;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__files.active,.md--contrast .md-button.md-activity__files:active{background-color:#54330d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__files.disabled,.md--contrast .md-button.md-activity__files.md-button--disabled,.md--contrast .md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__files.disabled:focus,.md--contrast .md-button.md-activity__files.disabled:hover,.md--contrast .md-button.md-activity__files.md-button--disabled:focus,.md--contrast .md-button.md-activity__files.md-button--disabled:hover,.md--contrast .md-button.md-activity__files[disabled]:focus,.md--contrast .md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__share-screen{background-color:#00a3b5;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__share-screen:hover{background-color:#008094;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__share-screen.active,.md-button.md-activity__share-screen:active{background-color:#066070;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__share-screen.disabled,.md-button.md-activity__share-screen.md-button--disabled,.md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__share-screen.disabled:focus,.md-button.md-activity__share-screen.disabled:hover,.md-button.md-activity__share-screen.md-button--disabled:focus,.md-button.md-activity__share-screen.md-button--disabled:hover,.md-button.md-activity__share-screen[disabled]:focus,.md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__share-screen{background-color:#008094;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__share-screen:hover{background-color:#066070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__share-screen.active,.md--contrast .md-button.md-activity__share-screen:active{background-color:#0a414d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__share-screen.disabled,.md--contrast .md-button.md-activity__share-screen.md-button--disabled,.md--contrast .md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__share-screen.disabled:focus,.md--contrast .md-button.md-activity__share-screen.disabled:hover,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:focus,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:hover,.md--contrast .md-button.md-activity__share-screen[disabled]:focus,.md--contrast .md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__tasks{background-color:#16a693;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__tasks:hover{background-color:#148579;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__tasks.active,.md-button.md-activity__tasks:active{background-color:#12615a;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__tasks.disabled,.md-button.md-activity__tasks.md-button--disabled,.md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__tasks.disabled:focus,.md-button.md-activity__tasks.disabled:hover,.md-button.md-activity__tasks.md-button--disabled:focus,.md-button.md-activity__tasks.md-button--disabled:hover,.md-button.md-activity__tasks[disabled]:focus,.md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__tasks{background-color:#148579;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__tasks:hover{background-color:#12615a;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__tasks.active,.md--contrast .md-button.md-activity__tasks:active{background-color:#12423f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__tasks.disabled,.md--contrast .md-button.md-activity__tasks.md-button--disabled,.md--contrast .md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__tasks.disabled:focus,.md--contrast .md-button.md-activity__tasks.disabled:hover,.md--contrast .md-button.md-activity__tasks.md-button--disabled:focus,.md--contrast .md-button.md-activity__tasks.md-button--disabled:hover,.md--contrast .md-button.md-activity__tasks[disabled]:focus,.md--contrast .md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}`}}]);
|
package/dist/chunks/md-68.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{123:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(30),i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{123:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(30),i(37);var a,o=i(5),r=i(9),s=i(6),l=i(0),n=i(3),d=i(15),c=i(1),h=l.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,u=function(e,t,i,a){var o,r=arguments.length,s=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,a);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(s=(r<3?o(s):r>3?o(t,i,s):o(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s},p=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function s(e){try{n(a.next(e))}catch(e){r(e)}}function l(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(s,l)}n((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends l.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;this.value=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.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.fullDateTime=d.DateTime.fromISO("",{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),e.has("value")&&(this.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[s.a,h]}render(){return l.html`
|
|
2
2
|
<md-datepicker
|
|
3
3
|
includes-time
|
|
4
4
|
?disabled=${this.disabled}
|
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],{34:function(e,t,s){"use strict";s.d(t,"a",(function(){return r}));var i=s(1),n=s(0),o=s(19),a=s(33),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==!1}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){var t;return(null===(t=null==e?void 0:e.id)||void 0===t?void 0:t.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){if(!e)return;const t=this.getDeepNestedTriggerElement(e);if(t.length>0){const e=this.findElement(t[0]);this.focusTrapIndex=e}}getDeepNestedTriggerElement(e){return e.shadowRoot?this.findFocusable(e.shadowRoot,new Set):this.isFocusable(e)?[e]:this.findFocusable(e,new Set)}setFocusableElements(){this.shadowRoot?this.focusableElements=this.findFocusable(this.shadowRoot,new Set):console.warn("shadow root is not available")}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}}}]);
|
package/dist/chunks/md-75.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{126:function(e,r,t){"use strict";t.r(r),t.d(r,"Grabber",(function(){return o}));t(14);var o,a=t(
|
|
2
|
-
<div class="md-grabber__container ${Object(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{126:function(e,r,t){"use strict";t.r(r),t.d(r,"Grabber",(function(){return o}));t(14);var o,a=t(31),i=t(7),b=t(5),d=t(28),n=t(6),s=t(0),l=t(4),c=t(3),g=s.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-grabber__container{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;overflow:hidden}.md-grabber__container.shadow{transition:box-shadow .15s ease-in-out;box-shadow:var(--grabber-shadow)}.md-grabber__container:focus-within{transition:box-shadow 0 ease-in-out;box-shadow:0 0 0 2px var(--md-default-focus-outline-color)}.md-grabber__container.leading{border-radius:0 var(--grabber-border-radius) var(--grabber-border-radius) 0}.md-grabber__container.trailing{border-radius:var(--grabber-border-radius) 0 0 var(--grabber-border-radius)}.md-grabber__container.top{border-radius:0 0 var(--grabber-border-radius) var(--grabber-border-radius)}.md-grabber__container.bottom{border-radius:var(--grabber-border-radius) var(--grabber-border-radius) 0 0}.md-grabber{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;position:relative;gap:2px;background-color:var(--grabber-bg-color);border-color:var(--grabber-border-color);justify-content:center;align-items:center;cursor:pointer;transition:transform 150ms ease-in-out}.md-grabber.visible{transform:translate3d(0,0,0)}.md-grabber:hover{background-color:var(--grabber-hover-bg-color)}.md-grabber:active{background-color:var(--grabber-pressed-bg-color)}.md-grabber:focus{outline:0}.md-grabber--leading,.md-grabber--trailing{width:var(--grabber-width,20px);height:40px;border-radius:0 var(--grabber-border-radius) var(--grabber-border-radius) 0;border:1px solid var(--grabber-border-color);border-left-width:0}.md-grabber--leading.md-grabber--dragger,.md-grabber--trailing.md-grabber--dragger{cursor:ew-resize}.md-grabber--leading:not(.visible),.md-grabber--trailing:not(.visible){transform:translate3d(-100%,0,0)}.md-grabber--trailing{rotate:180deg}.md-grabber--bottom,.md-grabber--top{width:40px;height:var(--grabber-width,20px);border-radius:0 0 var(--grabber-border-radius) var(--grabber-border-radius);border:1px solid var(--grabber-border-color);border-top-width:0}.md-grabber--bottom.md-grabber--dragger,.md-grabber--top.md-grabber--dragger{cursor:ns-resize}.md-grabber--bottom:not(.visible),.md-grabber--top:not(.visible){transform:translate3d(0,-100%,0)}.md-grabber--bottom{rotate:180deg}.md-grabber md-icon,.md-grabber md-icon::part(icon){color:var(--grabber-text-color);width:fit-content;height:fit-content}.md-grabber--disabled{background-color:rgba(0,0,0,0)}.md-grabber--disabled:active,.md-grabber--disabled:hover{background-color:rgba(0,0,0,0)}.md-grabber--disabled md-icon::part(icon){color:var(--button-disabled-text-color)}@media(forced-colors:active){.md-grabber__container:focus-within{outline:2px solid ButtonText;outline-offset:1px}.md-grabber{background-color:Highlight}.md-grabber:hover{background-color:Highlight}.md-grabber:active{background-color:Highlight}.md-grabber md-icon,.md-grabber md-icon::part(icon){forced-color-adjust:none;color:HighlightText}}`,h=function(e,r,t,o){var a,i=arguments.length,b=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)b=Reflect.decorate(e,r,t,o);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(b=(i<3?a(b):i>3?a(r,t,b):a(r,t))||b);return i>3&&b&&Object.defineProperty(r,t,b),b};!function(e){let r=class extends(Object(i.a)(s.LitElement)){constructor(){super(...arguments),this.label="Expand",this.checkedLabel="Collapse",this.hovered=!1,this.disabled=!1,this.checked=!1,this.visible=!0,this.focused=!1,this.disableClickToggle=!1,this.alignment="leading",this.dragger=!1,this.shadow=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get styles(){return[n.a,g]}toggleGrabber(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("grabber-toggled",{detail:{checked:this.checked},bubbles:!0,composed:!0})))}handleMouseDown(){this.disableClickToggle||this.toggleGrabber()}handleKeyDown(e){this.disableClickToggle||Object(d.a)(e.code)&&(e.preventDefault(),this.toggleGrabber())}handleMouseEnter(){this.hovered=!0,this.dispatchHoverEvent()}handleMouseLeave(){this.hovered=!1,this.dispatchHoverEvent()}handleFocus(){this.focused=!0}handleBlur(){this.focused=!1}dispatchHoverEvent(){this.dispatchEvent(new CustomEvent("grabber-hover-changed",{bubbles:!0,composed:!0,detail:{hovered:this.hovered}}))}get collapsed(){return!this.checked}get grabberClassMap(){return{"md-grabber--active":this.checked,"md-grabber--disabled":this.disabled,"md-grabber--dragger":this.dragger,["md-grabber--"+this.alignment]:this.alignment,visible:this.visible||this.focused}}get grabberContainerClassMap(){return{[""+this.alignment]:!0,shadow:this.shadow&&(this.visible||this.checked)}}get iconName(){return this.dragger?"list-menu-bold":"leading"===this.alignment||"trailing"===this.alignment?this.checked?"arrow-left-bold":"arrow-right-bold":this.checked?"arrow-up-bold":"arrow-down-bold"}get iconSize(){return this.dragger||!1===a.themeManager.isMomentumV2Enabled?"10":"12"}render(){return s.html`
|
|
2
|
+
<div class="md-grabber__container ${Object(l.classMap)(this.grabberContainerClassMap)}">
|
|
3
3
|
<button
|
|
4
|
-
class="md-grabber ${Object(
|
|
4
|
+
class="md-grabber ${Object(l.classMap)(this.grabberClassMap)}"
|
|
5
5
|
part="grabber"
|
|
6
6
|
aria-pressed=${this.checked}
|
|
7
7
|
?disabled=${this.disabled}
|
|
8
8
|
tabindex="0"
|
|
9
|
-
aria-label=${Object(
|
|
9
|
+
aria-label=${Object(c.ifDefined)(this.label.length?this.label:void 0)}
|
|
10
10
|
type="button"
|
|
11
11
|
role="button"
|
|
12
12
|
@click="${()=>this.handleMouseDown()}"
|
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
<md-icon name="${this.iconName}" size="${this.iconSize}" iconSet="momentumDesign"></md-icon>
|
|
20
20
|
</button>
|
|
21
21
|
</div>
|
|
22
|
-
`}};
|
|
22
|
+
`}};h([Object(s.property)({type:String})],r.prototype,"label",void 0),h([Object(s.property)({type:String})],r.prototype,"checkedLabel",void 0),h([Object(s.property)({type:Boolean})],r.prototype,"hovered",void 0),h([Object(s.property)({type:Boolean})],r.prototype,"disabled",void 0),h([Object(s.property)({type:Boolean})],r.prototype,"checked",void 0),h([Object(s.property)({type:Boolean})],r.prototype,"visible",void 0),h([Object(s.property)({type:Boolean})],r.prototype,"focused",void 0),h([Object(s.property)({type:Boolean,attribute:"disable-click-toggle"})],r.prototype,"disableClickToggle",void 0),h([Object(s.property)({type:String,reflect:!0})],r.prototype,"alignment",void 0),h([Object(s.property)({type:Boolean})],r.prototype,"dragger",void 0),h([Object(s.property)({type:Boolean})],r.prototype,"shadow",void 0),r=h([Object(b.a)("md-grabber")],r),e.ELEMENT=r}(o||(o={}))}}]);
|