@momentum-ui/web-components 2.13.19 → 2.13.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-10.js +2 -2
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-16.js +1 -1
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-18.js +1 -1
- package/dist/chunks/md-26.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-29.js +1 -1
- package/dist/chunks/md-33.js +1 -1
- package/dist/chunks/md-34.js +1 -1
- package/dist/chunks/md-35.js +1 -1
- package/dist/chunks/md-39.js +1 -1
- package/dist/chunks/md-41.js +1 -1
- package/dist/chunks/md-42.js +1 -1
- package/dist/chunks/md-44.js +1 -1
- package/dist/chunks/md-46.js +1 -1
- package/dist/chunks/md-49.js +101 -42
- package/dist/chunks/md-50.js +1 -1
- package/dist/chunks/md-51.js +1 -1
- package/dist/chunks/md-53.js +1 -1
- package/dist/chunks/md-54.js +1 -1
- package/dist/chunks/md-57.js +1 -1
- package/dist/chunks/md-61.js +1 -1
- package/dist/chunks/md-63.js +1 -1
- package/dist/chunks/md-64.js +1 -1
- package/dist/chunks/md-65.js +1 -1
- package/dist/chunks/md-66.js +1 -1
- package/dist/chunks/md-67.js +1 -1
- package/dist/chunks/md-68.js +1 -1
- package/dist/chunks/md-69.js +1 -1
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-70.js +1 -1
- package/dist/chunks/md-71.js +1 -1
- package/dist/chunks/md-73.js +1 -1
- package/dist/chunks/md-74.js +1 -1
- package/dist/chunks/md-75.js +1 -1
- package/dist/chunks/md-76.js +1 -1
- package/dist/chunks/md-78.js +1 -1
- package/dist/chunks/md-80.js +2 -2
- package/dist/chunks/md-81.js +1 -1
- package/dist/chunks/md-83.js +1 -1
- package/dist/chunks/md-84.js +2 -2
- package/dist/chunks/md-85.js +1 -1
- package/dist/chunks/md-86.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-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-badge-entry.js +1 -1
- package/dist/comp/md-breadcrumb-entry.js +1 -1
- package/dist/comp/md-button-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-chip-entry.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-combobox-entry.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- 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-day-entry.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-week-entry.js +1 -1
- package/dist/comp/md-draggable-item-entry.js +1 -1
- package/dist/comp/md-dropdown-entry.js +1 -1
- package/dist/comp/md-editable-field-entry.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-form-entry.js +1 -1
- package/dist/comp/md-grabber-entry.js +1 -1
- package/dist/comp/md-icon-entry.js +1 -1
- package/dist/comp/md-input-entry.js +1 -1
- package/dist/comp/md-input-file.js +1 -1
- package/dist/comp/md-link-entry.js +1 -1
- package/dist/comp/md-list-entry.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +1 -1
- package/dist/comp/md-menu-entry.js +1 -1
- package/dist/comp/md-menu-item-entry.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-pagination-entry.js +1 -1
- package/dist/comp/md-phone-input-entry.js +1 -1
- package/dist/comp/md-radio-entry.js +1 -1
- package/dist/comp/md-slider-entry.js +1 -1
- package/dist/comp/md-tab-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-toggle-switch-entry.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/components/alert/Alert.d.ts +15 -0
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/dist/types/utils/enums.d.ts +1 -0
- package/package.json +2 -2
package/dist/chunks/md-64.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{115:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return g}));o(15);var r=o(1),i=o(7),s=o(5),d=o(0),n=o(3),a=o(13),l=o(2),p=o(12),c=o(16),h=o(8),u=d.css`:host(:focus){box-shadow:none!important;outline:0!important}:host .md-dropdown{display:flex;flex-direction:column;position:relative}:host .md-dropdown-select{display:none}:host .md-dropdown-label{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);min-height:2rem;padding:0 .75rem}:host .md-dropdown-label--text{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-secondary-text-color);line-height:2rem;outline:0;width:6.25rem;flex:1 0 auto}:host .md-dropdown-label--icon{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem/2);position:relative;vertical-align:bottom;height:inherit;display:flex}:host .md-dropdown-label--icon md-icon{color:var(--md-primary-text-color,#f7f7f7)}:host .md-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown-list{list-style:none;margin:0;padding:0;display:none;background-color:var(--md-primary-bg-color);border:1px solid var(--dropdown-list-border-color);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);left:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;z-index:99;padding:calc(var(--dropdown-list-padding)/16*1rem);font-size:var(--body-primary-font-size,inherit)}:host .md-dropdown-option{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;color:var(--md-primary-text-color,#f7f7f7);padding:.4375rem .75rem .5rem;border-radius:calc(var(--dropdown-list-item-border-radius)/16*1rem);height:calc(var(--dropdown-list-item-height)/16*1rem)}:host .md-dropdown-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:calc(100% - 1rem);display:block}:host .md-dropdown-option:hover{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown-option[selected]{background-color:var(--dropdown-list-item-bg-color-focus,#00a0d1);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown__expanded .md-dropdown-button.arrow-down{transform:rotate(180deg)}:host .md-dropdown--pill .group,:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host .md-dropdown .group{align-items:start;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);display:flex;min-height:2rem;padding:0 .75rem;height:2.125rem}:host .md-dropdown .group md-icon{color:var(--md-primary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:100%}:host .md-dropdown .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#545454)}:host .md-dropdown .group:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown .group:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown .group input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-primary-text-color);display:inline-block;flex:1 1 auto;height:2rem;outline:0}:host .md-dropdown .group ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host .md-dropdown .group .md-dropdown-left-icon{margin-right:.25rem}:host .md-dropdown .md-dropdown-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}:host .md-dropdown .md-dropdown-input[readonly]{pointer-events:none}:host .md-dropdown.md-error .group,:host .md-dropdown.md-error .group:active{border-color:var(--input-error-border-color)!important}:host .md-dropdown.md-warning .group,:host .md-dropdown.md-warning .group:active{border-color:var(--input-warning-border-color)!important}:host .md-dropdown.md-success .group,:host .md-dropdown.md-success .group:active{border-color:var(--input-success-border-color)!important}:host .help-text,:host .md-dropbox__messages{padding-top:.375rem}:host .group[readonly]{border-color:var(--dropdown-bg-color-disabled)!important}:host .group[readonly] md-icon{color:var(--dropdown-bg-color-disabled)!important}:host .md-dropdown-button{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem*1.5);position:relative;vertical-align:bottom;height:inherit;display:flex;align-items:center}:host .md-dropdown-button.clear{align-items:center;padding-top:.25rem;display:flex}:host .md-dropdown-button md-icon{color:var(--combobox-dropdown-item-icon-color)}:host .md-combobox-button.clear{height:auto;padding:.115rem}:host .md-combobox-button.arrow-down:focus,:host .md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}:host .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-radius:8px}:host .md-new-dropdown-label--text{color:var(--md-primary-text-color)}:host .md-new-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-new-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-new-dropdown .group{border-radius:8px;background-color:rgba(0,0,0,0)}:host(:active) .md-new-dropdown .group,:host(:active) .md-new-dropdown-label{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--md-secondary-seperator-color)!important}:host([focus-visible]) .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([focus-visible]) .group{border-color:var(--dropdown-border-color-focus,#005e7d)}:host([focus-visible]) .md-new-dropdown .group,:host([focus-visible]) .md-new-dropdown-label{outline:2px solid var(--dropdown-border-color-focus)!important;outline-offset:.125rem!important;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown-label:active,:host([disabled]) .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) .group{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .group md-icon{opacity:.3}:host([disabled]) .group:active,:host([disabled]) .group:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .group:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) md-help-text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown-label--text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label .md-dropdown-label--icon md-icon{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label:active,:host([disabled]) .md-new-dropdown-label:hover{background-color:rgba(0,0,0,0);pointer-events:none;outline:0!important;box-shadow:none;border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown-label:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown .group{background:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;pointer-events:none;outline:0!important}:host([disabled]) .md-new-dropdown .group input{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown .group:active,:host([disabled]) .md-new-dropdown .group:hover{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown .group:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}@media(forced-colors:active){:host([focus-visible]) .md-dropdown .md-dropdown-label{border:2px solid Highlight}:host([focus-visible]) .md-dropdown .md-dropdown-label--text{forced-color-adjust:none;background-color:Canvas;color:CanvasText}:host([focus-visible]) .md-dropdown-list{border:1px solid CanvasText}:host .md-dropdown-option[focused]{forced-color-adjust:none;background-color:Highlight;color:HighlightText}:host .group input{color:HighlightText}:host .group ::input-placeholder{color:GrayText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText!important}:host([disabled]) .group,:host([disabled]) .group:active{border:1px solid GrayText!important;outline:0!important}:host([disabled]) .group input,:host([disabled]) .group:active input{color:GrayText}:host([disabled]) .group ::input-placeholder,:host([disabled]) .group:active ::input-placeholder{color:HighlightText!important}}`,b=function(e,t,o,r){var i,s=arguments.length,d=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(d=(s<3?i(d):s>3?i(t,o,d):i(t,o))||d);return s>3&&d&&Object.defineProperty(t,o,d),d},m=function(e,t,o,r){return new(o||(o=Promise))((function(i,s){function d(e){try{a(r.next(e))}catch(e){s(e)}}function n(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(d,n)}a((r=r.apply(e,t||[])).next())}))};var g;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,o)=>o.type===t?e.concat(o.message):e,[])}}e.MessageController=t;let o=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.newMomentum=!1,this.compact=!1,this.searchable=!1,this.searchItem=!1,this.inputValue="",this.placeholder="Select...",this.readOnly=!1,this.autofocus=!1,this.leftIcon="",this.trimSpace=!1,this.resultsTextLocalization="No Results",this.helpText="",this.messageArr=[],this.htmlId="",this.clearAriaLabel="Clear",this.clearIconHeight="auto",this.arrowAriaLabel="Expand",this.popupChevronAriaHidden="true",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForDropdown="",this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.messageController=new t,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.expanded&&this.collapse())},this.onKeyDown=e=>{switch(e.code){case r.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case r.b.Space:case r.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case r.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case r.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case r.b.Home:this.expanded?this.focusFirst():this.expand();break;case r.b.End:this.expanded?this.focusLast():this.expand();break;case r.b.Escape||r.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}},this.notifyInputValueChanged=Object(c.b)(e=>{this.dispatchEvent(new CustomEvent("dropdown-input",{composed:!0,bubbles:!0,detail:{value:e}})),this.notifySearchResultCount(),requestAnimationFrame(()=>{this.input.focus()})},250)}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),e.forEach((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}}),this.searchable&&this.setInitialValue()}updated(e){super.updated(e),e.forEach((e,t)=>{if("options"===t&&this.updateRenderOptions(),"selectedKey"===t){const e=this.renderOptions.findIndex(e=>e.key===this.selectedKey);-1!==e&&(this.focusToIndex(e),this.searchable&&this.setInitialValue())}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}notifySearchResultCount(){if(this.searchResultAriaLabel){const e=/{{.*?}}/g;this.ariaLabelForDropdown=this.searchResultAriaLabel.replace(e,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForDropdown=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForDropdown=`Dropdown Element, ${this.filteredOptions.length} results found.`}setInitialValue(){var e;if(this.options.length){const t=this.renderOptions.find(e=>e.key===this.selectedKey),o=null==t?void 0:t.option;o&&(this.setInputValue(this.getOptionValue(o)),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,this.getOptionId(o)),this.notifyInputValueChanged(this.getOptionValue(o)),this.requestUpdate())}}getOptionValue(e){return this.isOptionObject(e)&&!this.optionValue?Object.values(e)[0]:this.isOptionObject(e)?e[this.optionValue]:e}getOptionId(e){return this.isOptionObject(e)?e[this.optionId]:e}isOptionObject(e){return"object"==typeof e&&null!==e}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:r,value:i}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(r)?console.error(`Dropdown already have option key: "${r}". Ignoring `):r?(e.push(r),t.push({key:r,value:i,option:o})):console.error(`Dropdown key is not defined: "${r}". (value: "${i}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return m(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return m(this,void 0,void 0,(function*(){yield new Promise(e=>requestAnimationFrame(()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const e=[...this.optionsListItems].slice(0,this.visibleOptions).reduce((e,t)=>e+t.offsetHeight,0)+"px";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}else{const e="auto";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}e()}))}))}handleFocusIn(e){this.disabled&&this.readOnly||super.handleFocusIn&&super.handleFocusIn(e),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[s.a,u]}get filteredOptions(){const e=this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue;if(!e.trim())return this.renderOptions;const t=this.renderOptions.filter(t=>t.value.toLowerCase().includes(e.toLowerCase()));return 0===t.length?[{key:"no-result",value:"No Result",disabled:!0}]:t}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}setVisualListbox(e){this.expanded=e}updateOnNextFrame(e){requestAnimationFrame(e)}setInputValue(e=""){this.input.value=e}shouldChangeButton(){const e=this.input&&this.input.value.length>0;return e&&document.dispatchEvent(new CustomEvent("on-widget-update")),e}toggleVisualListBox(e){var t,o;if(!this.readOnly){if(e.target.classList.contains("md-dropdown-input"))e.target.focus();else if("md-icon"===e.target.localName){const r=null===(o=null===(t=e.target.parentElement)||void 0===t?void 0:t.parentElement)||void 0===o?void 0:o.parentElement;if(r){const e=r.querySelector(".md-dropdown-input");setTimeout(()=>{e.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus()}}handleRemoveAll(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}removeAllSelected(){var e;this.focusReset(),this.selectedKey="",this.inputValue="",this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus()}),this.dispatchEvent(new CustomEvent("dropdown-selection-removed",{composed:!0,bubbles:!0,detail:{}}))}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("remove-all-selected",this.removeAllSelected)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown),this.removeEventListener("remove-all-selected",this.removeAllSelected)}expand(){this.expanded=!0;const e=-1!==this.focusedIndex?"combo-"+this.focusedIndex:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",e),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.searchable||this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const e=this.renderOptions[this.focusedIndex],t=e.key;t!==this.selectedKey&&(this.selectedKey=t,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:e.option?e.option:e.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(e){this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusToIndexWithOption(e){const t=this.renderOptions.findIndex(t=>t.key===e.key);this.renderOptions.length&&t>=0&&t<=this.renderOptions.length-1&&(this.focusedIndex=t)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return m(this,void 0,void 0,(function*(){yield new Promise(t=>{requestAnimationFrame(()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&e>=0&&this.optionsListItems.length>e){let t=0;const{top:o,bottom:r}=this.optionsList.getBoundingClientRect(),i=this.optionsListItems[e],s=this.optionsListItems[e+1]||i,d=this.optionsListItems[e-1]||i,n=s.getBoundingClientRect(),a=d.getBoundingClientRect();n.bottom>r?t=n.bottom-r+2:a.top<o&&(t=a.top-o-2),this.optionsList.scrollTop+=t}t()})})}))}getOptionKeyValuePair(e){if("string"==typeof e)return{key:e.trim(),value:e};if(e&&"object"==typeof e){const t=Object.keys(e),o=Object.values(e);if(t.length){if(1===t.length||!this.optionId)return{key:t[0],value:o[0]};if(this.optionId)return{key:e[this.optionId],value:e[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const e=this.renderOptions.find(e=>e.key===this.selectedKey);if(e)return e.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded,["md-"+this.messageType]:!!this.messageType,"md-new-dropdown":this.newMomentum}}handleInput(e){const t=e.target.value;this.inputValue=t.trim(),this.notifyInputValueChanged(t.trim())}helpTextTemplate(){return this.helpText?n.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{115:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return g}));o(15);var r=o(1),i=o(7),s=o(5),d=o(0),n=o(2),a=o(13),l=o(3),p=o(12),c=o(16),h=o(8),u=d.css`:host(:focus){box-shadow:none!important;outline:0!important}:host .md-dropdown{display:flex;flex-direction:column;position:relative}:host .md-dropdown-select{display:none}:host .md-dropdown-label{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);min-height:2rem;padding:0 .75rem}:host .md-dropdown-label--text{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-secondary-text-color);line-height:2rem;outline:0;width:6.25rem;flex:1 0 auto}:host .md-dropdown-label--icon{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem/2);position:relative;vertical-align:bottom;height:inherit;display:flex}:host .md-dropdown-label--icon md-icon{color:var(--md-primary-text-color,#f7f7f7)}:host .md-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown-list{list-style:none;margin:0;padding:0;display:none;background-color:var(--md-primary-bg-color);border:1px solid var(--dropdown-list-border-color);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);left:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;z-index:99;padding:calc(var(--dropdown-list-padding)/16*1rem);font-size:var(--body-primary-font-size,inherit)}:host .md-dropdown-option{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;color:var(--md-primary-text-color,#f7f7f7);padding:.4375rem .75rem .5rem;border-radius:calc(var(--dropdown-list-item-border-radius)/16*1rem);height:calc(var(--dropdown-list-item-height)/16*1rem)}:host .md-dropdown-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:calc(100% - 1rem);display:block}:host .md-dropdown-option:hover{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown-option[selected]{background-color:var(--dropdown-list-item-bg-color-focus,#00a0d1);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown__expanded .md-dropdown-button.arrow-down{transform:rotate(180deg)}:host .md-dropdown--pill .group,:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host .md-dropdown .group{align-items:start;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);display:flex;min-height:2rem;padding:0 .75rem;height:2.125rem}:host .md-dropdown .group md-icon{color:var(--md-primary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:100%}:host .md-dropdown .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#545454)}:host .md-dropdown .group:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown .group:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown .group input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-primary-text-color);display:inline-block;flex:1 1 auto;height:2rem;outline:0}:host .md-dropdown .group ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host .md-dropdown .group .md-dropdown-left-icon{margin-right:.25rem}:host .md-dropdown .md-dropdown-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}:host .md-dropdown .md-dropdown-input[readonly]{pointer-events:none}:host .md-dropdown.md-error .group,:host .md-dropdown.md-error .group:active{border-color:var(--input-error-border-color)!important}:host .md-dropdown.md-warning .group,:host .md-dropdown.md-warning .group:active{border-color:var(--input-warning-border-color)!important}:host .md-dropdown.md-success .group,:host .md-dropdown.md-success .group:active{border-color:var(--input-success-border-color)!important}:host .help-text,:host .md-dropbox__messages{padding-top:.375rem}:host .group[readonly]{border-color:var(--dropdown-bg-color-disabled)!important}:host .group[readonly] md-icon{color:var(--dropdown-bg-color-disabled)!important}:host .md-dropdown-button{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem*1.5);position:relative;vertical-align:bottom;height:inherit;display:flex;align-items:center}:host .md-dropdown-button.clear{align-items:center;padding-top:.25rem;display:flex}:host .md-dropdown-button md-icon{color:var(--combobox-dropdown-item-icon-color)}:host .md-combobox-button.clear{height:auto;padding:.115rem}:host .md-combobox-button.arrow-down:focus,:host .md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}:host .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-radius:8px}:host .md-new-dropdown-label--text{color:var(--md-primary-text-color)}:host .md-new-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-new-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-new-dropdown .group{border-radius:8px;background-color:rgba(0,0,0,0)}:host(:active) .md-new-dropdown .group,:host(:active) .md-new-dropdown-label{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--md-secondary-seperator-color)!important}:host([focus-visible]) .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([focus-visible]) .group{border-color:var(--dropdown-border-color-focus,#005e7d)}:host([focus-visible]) .md-new-dropdown .group,:host([focus-visible]) .md-new-dropdown-label{outline:2px solid var(--dropdown-border-color-focus)!important;outline-offset:.125rem!important;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown-label:active,:host([disabled]) .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) .group{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .group md-icon{opacity:.3}:host([disabled]) .group:active,:host([disabled]) .group:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .group:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) md-help-text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown-label--text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label .md-dropdown-label--icon md-icon{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label:active,:host([disabled]) .md-new-dropdown-label:hover{background-color:rgba(0,0,0,0);pointer-events:none;outline:0!important;box-shadow:none;border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown-label:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown .group{background:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;pointer-events:none;outline:0!important}:host([disabled]) .md-new-dropdown .group input{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown .group:active,:host([disabled]) .md-new-dropdown .group:hover{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown .group:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}@media(forced-colors:active){:host([focus-visible]) .md-dropdown .md-dropdown-label{border:2px solid Highlight}:host([focus-visible]) .md-dropdown .md-dropdown-label--text{forced-color-adjust:none;background-color:Canvas;color:CanvasText}:host([focus-visible]) .md-dropdown-list{border:1px solid CanvasText}:host .md-dropdown-option[focused]{forced-color-adjust:none;background-color:Highlight;color:HighlightText}:host .group input{color:HighlightText}:host .group ::input-placeholder{color:GrayText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText!important}:host([disabled]) .group,:host([disabled]) .group:active{border:1px solid GrayText!important;outline:0!important}:host([disabled]) .group input,:host([disabled]) .group:active input{color:GrayText}:host([disabled]) .group ::input-placeholder,:host([disabled]) .group:active ::input-placeholder{color:HighlightText!important}}`,b=function(e,t,o,r){var i,s=arguments.length,d=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(d=(s<3?i(d):s>3?i(t,o,d):i(t,o))||d);return s>3&&d&&Object.defineProperty(t,o,d),d},m=function(e,t,o,r){return new(o||(o=Promise))((function(i,s){function d(e){try{a(r.next(e))}catch(e){s(e)}}function n(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(d,n)}a((r=r.apply(e,t||[])).next())}))};var g;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,o)=>o.type===t?e.concat(o.message):e,[])}}e.MessageController=t;let o=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.newMomentum=!1,this.compact=!1,this.searchable=!1,this.searchItem=!1,this.inputValue="",this.placeholder="Select...",this.readOnly=!1,this.autofocus=!1,this.leftIcon="",this.trimSpace=!1,this.resultsTextLocalization="No Results",this.helpText="",this.messageArr=[],this.htmlId="",this.clearAriaLabel="Clear",this.clearIconHeight="auto",this.arrowAriaLabel="Expand",this.popupChevronAriaHidden="true",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForDropdown="",this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.messageController=new t,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.expanded&&this.collapse())},this.onKeyDown=e=>{switch(e.code){case r.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case r.b.Space:case r.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case r.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case r.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case r.b.Home:this.expanded?this.focusFirst():this.expand();break;case r.b.End:this.expanded?this.focusLast():this.expand();break;case r.b.Escape||r.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}},this.notifyInputValueChanged=Object(c.b)(e=>{this.dispatchEvent(new CustomEvent("dropdown-input",{composed:!0,bubbles:!0,detail:{value:e}})),this.notifySearchResultCount(),requestAnimationFrame(()=>{this.input.focus()})},250)}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),e.forEach((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}}),this.searchable&&this.setInitialValue()}updated(e){super.updated(e),e.forEach((e,t)=>{if("options"===t&&this.updateRenderOptions(),"selectedKey"===t){const e=this.renderOptions.findIndex(e=>e.key===this.selectedKey);-1!==e&&(this.focusToIndex(e),this.searchable&&this.setInitialValue())}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}notifySearchResultCount(){if(this.searchResultAriaLabel){const e=/{{.*?}}/g;this.ariaLabelForDropdown=this.searchResultAriaLabel.replace(e,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForDropdown=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForDropdown=`Dropdown Element, ${this.filteredOptions.length} results found.`}setInitialValue(){var e;if(this.options.length){const t=this.renderOptions.find(e=>e.key===this.selectedKey),o=null==t?void 0:t.option;o&&(this.setInputValue(this.getOptionValue(o)),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,this.getOptionId(o)),this.notifyInputValueChanged(this.getOptionValue(o)),this.requestUpdate())}}getOptionValue(e){return this.isOptionObject(e)&&!this.optionValue?Object.values(e)[0]:this.isOptionObject(e)?e[this.optionValue]:e}getOptionId(e){return this.isOptionObject(e)?e[this.optionId]:e}isOptionObject(e){return"object"==typeof e&&null!==e}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:r,value:i}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(r)?console.error(`Dropdown already have option key: "${r}". Ignoring `):r?(e.push(r),t.push({key:r,value:i,option:o})):console.error(`Dropdown key is not defined: "${r}". (value: "${i}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return m(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return m(this,void 0,void 0,(function*(){yield new Promise(e=>requestAnimationFrame(()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const e=[...this.optionsListItems].slice(0,this.visibleOptions).reduce((e,t)=>e+t.offsetHeight,0)+"px";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}else{const e="auto";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}e()}))}))}handleFocusIn(e){this.disabled&&this.readOnly||super.handleFocusIn&&super.handleFocusIn(e),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[s.a,u]}get filteredOptions(){const e=this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue;if(!e.trim())return this.renderOptions;const t=this.renderOptions.filter(t=>t.value.toLowerCase().includes(e.toLowerCase()));return 0===t.length?[{key:"no-result",value:"No Result",disabled:!0}]:t}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}setVisualListbox(e){this.expanded=e}updateOnNextFrame(e){requestAnimationFrame(e)}setInputValue(e=""){this.input.value=e}shouldChangeButton(){const e=this.input&&this.input.value.length>0;return e&&document.dispatchEvent(new CustomEvent("on-widget-update")),e}toggleVisualListBox(e){var t,o;if(!this.readOnly){if(e.target.classList.contains("md-dropdown-input"))e.target.focus();else if("md-icon"===e.target.localName){const r=null===(o=null===(t=e.target.parentElement)||void 0===t?void 0:t.parentElement)||void 0===o?void 0:o.parentElement;if(r){const e=r.querySelector(".md-dropdown-input");setTimeout(()=>{e.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus()}}handleRemoveAll(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}removeAllSelected(){var e;this.focusReset(),this.selectedKey="",this.inputValue="",this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus()}),this.dispatchEvent(new CustomEvent("dropdown-selection-removed",{composed:!0,bubbles:!0,detail:{}}))}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("remove-all-selected",this.removeAllSelected)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown),this.removeEventListener("remove-all-selected",this.removeAllSelected)}expand(){this.expanded=!0;const e=-1!==this.focusedIndex?"combo-"+this.focusedIndex:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",e),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.searchable||this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const e=this.renderOptions[this.focusedIndex],t=e.key;t!==this.selectedKey&&(this.selectedKey=t,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:e.option?e.option:e.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(e){this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusToIndexWithOption(e){const t=this.renderOptions.findIndex(t=>t.key===e.key);this.renderOptions.length&&t>=0&&t<=this.renderOptions.length-1&&(this.focusedIndex=t)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return m(this,void 0,void 0,(function*(){yield new Promise(t=>{requestAnimationFrame(()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&e>=0&&this.optionsListItems.length>e){let t=0;const{top:o,bottom:r}=this.optionsList.getBoundingClientRect(),i=this.optionsListItems[e],s=this.optionsListItems[e+1]||i,d=this.optionsListItems[e-1]||i,n=s.getBoundingClientRect(),a=d.getBoundingClientRect();n.bottom>r?t=n.bottom-r+2:a.top<o&&(t=a.top-o-2),this.optionsList.scrollTop+=t}t()})})}))}getOptionKeyValuePair(e){if("string"==typeof e)return{key:e.trim(),value:e};if(e&&"object"==typeof e){const t=Object.keys(e),o=Object.values(e);if(t.length){if(1===t.length||!this.optionId)return{key:t[0],value:o[0]};if(this.optionId)return{key:e[this.optionId],value:e[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const e=this.renderOptions.find(e=>e.key===this.selectedKey);if(e)return e.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded,["md-"+this.messageType]:!!this.messageType,"md-new-dropdown":this.newMomentum}}handleInput(e){const t=e.target.value;this.inputValue=t.trim(),this.notifyInputValueChanged(t.trim())}helpTextTemplate(){return this.helpText?n.html`
|
|
2
2
|
<md-help-text
|
|
3
3
|
class="help-text ${Object(a.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
4
4
|
.message=${this.helpText}
|
package/dist/chunks/md-65.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{116:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return f})),i.d(t,"EditableTextfield",(function(){return g}));var d=i(19),l=i(5),r=i(45),a=i.n(r),s=i(6),o=i(0),n=i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{116:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return f})),i.d(t,"EditableTextfield",(function(){return g}));var d=i(19),l=i(5),r=i(45),a=i.n(r),s=i(6),o=i(0),n=i(2),c=i(4),h=i(3),b=i(28),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:1.3571428571 rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:rgba(0,0,0,0)}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}@media(forced-colors:active){.md-editable-textfield:focus{outline:1px solid Highlight;box-shadow:none}.md-editable-textfield--disabled{color:GrayText;cursor:default}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}}`,m=function(e,t,i,d){var l,r=arguments.length,a=r<3?t:null===d?d=Object.getOwnPropertyDescriptor(t,i):d;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,d);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(a=(r<3?l(a):r>3?l(t,i,a):l(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};const f=["left","right","center"];var g;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(d.a.integerString));break;case"decimal":i(new RegExp(d.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:d}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>d.includes(e)))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&d.match("Space"))&&e.preventDefault();const l=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(l)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(l)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=a.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),d=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],d||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[l.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
|
|
2
2
|
<div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
|
|
3
3
|
<md-help-text
|
|
4
4
|
id="alert-message"
|
package/dist/chunks/md-66.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{95:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(15);var o,n=e(7),a=e(6),s=e(5),r=(e(46),e(47),e(48),e(21)),l=e.n(r),d=(e(49),e(0)),c=e(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[66],{95:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(15);var o,n=e(7),a=e(6),s=e(5),r=(e(46),e(47),e(48),e(21)),l=e.n(r),d=(e(49),e(0)),c=e(2),h=e(3),m=(e(76),e(65)),p=function(t,i,e,o){var n,a=arguments.length,s=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(i,e,s):n(i,e))||s);return a>3&&s&&Object.defineProperty(i,e,s),s},b=function(t,i,e,o){return new(e||(e=Promise))((function(n,a){function s(t){try{l(o.next(t))}catch(t){a(t)}}function r(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,r)}l((o=o.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(n.a)(Object(n.e)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",t.rect.width+"px","important"),i.style.setProperty("height",t.rect.height+"px","important");const{initialX:n,initialY:a}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+a,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.a,m.a]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>b(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l.a.modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l.a.modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&l.a.isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
2
2
|
${this.show?d.html`
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
|
package/dist/chunks/md-67.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{96:function(t,e,i){"use strict";i.r(e),i.d(e,"Form",(function(){return o}));var o,r=i(7),n=i(0),s=i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{96:function(t,e,i){"use strict";i.r(e),i.d(e,"Form",(function(){return o}));var o,r=i(7),n=i(0),s=i(3),a=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends(Object(r.e)(n.LitElement)){constructor(){super(...arguments),this.rel="",this.name="",this.action="",this.label="",this.method="get",this.target="_self",this.enctype="application/x-www-form-urlencoded",this.novalidate=!1,this.charset="UTF-8",this.isvalid=!1,this.token="on",this.allowRedirect=!1,this.autofillname="input-name",this.formElement=[],this.handleSubmit=t=>{t.preventDefault(),this.validated()&&this.submitForm()},this.handleFormSubmit=t=>{this.allowRedirect||t.preventDefault(),this.dispatchEvent(new CustomEvent("form-submitted",{composed:!0,bubbles:!0}))}}get formMethod(){return"GET"===this.method?"get":"POST"===this.method?"post":this.method}isSubmittable(t){return t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement}isDisabled(t){return t.hasAttribute("disabled")||"true"===t.getAttribute("aria-disabled")}findSubmittable(t,e){const i=Array.from(t.children);for(const t of i)if(!this.isDisabled(t))if(this.isSubmittable(t)&&e.add(t),t.shadowRoot)this.findSubmittable(t.shadowRoot,e);else if("SLOT"===t.tagName){const i=t.assignedElements();if(i.length){const{parentElement:t}=i[0];t&&this.findSubmittable(t,e)}}else this.findSubmittable(t,e);return[...e]}validated(){return!!this.novalidate||this.isvalid}submitForm(){const{form:t}=this;t.requestSubmit?t.requestSubmit():t.submit()}get submitButton(){return this.querySelector("button[type='submit']")||this.querySelector("input[type='submit']")||this.querySelector("md-button[type='submit']")}disconnectedCallback(){super.disconnectedCallback(),this.cleanupWrappedForms(),this.teardownEvents()}deleteWrappedForm(t){t.removeEventListener("submit",this.handleFormSubmit)}cleanupWrappedForms(){const{formElement:t}=this;if(t.length)for(const e of t)this.deleteWrappedForm(e);this.formElement=[]}createWrappedForm(t){const e=document.createElement("form");e.addEventListener("submit",this.handleFormSubmit);const{parentNode:i}=t;t.autocomplete=this.token,t.id||(t.id=this.autofillname),t.name||(t.name=this.autofillname),i&&(this.formElement.push(e),i.insertBefore(e,t),e.append(t))}teardownEvents(){this.submitButton&&this.submitButton.removeEventListener("click",this.handleSubmit)}setupEvents(){this.submitButton&&this.submitButton.addEventListener("click",this.handleSubmit)}setupSubmittable(){const t=this.findSubmittable(this.form,new Set);if(t.length)for(const e of t)this.createWrappedForm(e)}slottedChanged(){this.setupSubmittable(),this.setupEvents()}render(){return n.html`
|
|
2
2
|
<form
|
|
3
3
|
class="md-form"
|
|
4
4
|
role="form"
|
package/dist/chunks/md-68.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{117:function(e,r,t){"use strict";t.r(r),t.d(r,"Grabber",(function(){return o}));t(15);var o,a=t(1),i=t(7),n=t(6),d=t(5),b=t(0),c=t(4),l=t(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{117:function(e,r,t){"use strict";t.r(r),t.d(r,"Grabber",(function(){return o}));t(15);var o,a=t(1),i=t(7),n=t(6),d=t(5),b=t(0),c=t(4),l=t(3),s=b.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:focus-within{box-shadow:0 0 0 2px var(--md-default-focus-outline-color)}.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: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: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}}`,g=function(e,r,t,o){var a,i=arguments.length,n=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,r,t,o);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(n=(i<3?a(n):i>3?a(r,t,n):a(r,t))||n);return i>3&&n&&Object.defineProperty(r,t,n),n};!function(e){let r=class extends(Object(i.a)(b.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.alignment="leading"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get styles(){return[d.a,s]}toggleGrabber(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("grabber-toggled",{detail:{checked:this.checked},bubbles:!0,composed:!0})))}handleMouseDownn(){this.toggleGrabber()}handleKeyDown(e){e.code!==a.b.Enter&&e.code!==a.b.Space&&e.code!==a.b.NumpadEnter||(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--"+this.alignment]:this.alignment,visible:this.visible||this.focused}}get iconName(){return"leading"===this.alignment||"trailing"===this.alignment?this.checked?"arrow-left-bold":"arrow-right-bold":this.checked?"arrow-up-bold":"arrow-down-bold"}render(){return b.html`
|
|
2
2
|
<div class="md-grabber__container">
|
|
3
3
|
<button
|
|
4
4
|
class="md-grabber ${Object(c.classMap)(this.grabberClassMap)}"
|
package/dist/chunks/md-69.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{118:function(s,e,t){"use strict";t.r(e),t.d(e,"InputFile",(function(){return a}));t(17);var a,i=t(7),r=t(5),l=t(23),n=t.n(l),o=t(0),j=t(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{118:function(s,e,t){"use strict";t.r(e),t.d(e,"InputFile",(function(){return a}));t(17);var a,i=t(7),r=t(5),l=t(23),n=t.n(l),o=t(0),j=t(2),c=t(3),p=o.css`:host(md-input-file) md-button{margin:.25rem}:host(md-input-file) input[type=file]{display:none}`,u=function(s,e,t,a){var i,r=arguments.length,l=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(s,e,t,a);else for(var n=s.length-1;n>=0;n--)(i=s[n])&&(l=(r<3?i(l):r>3?i(e,t,l):i(e,t))||l);return r>3&&l&&Object.defineProperty(e,t,l),l},m=function(s,e,t,a){return new(t||(t=Promise))((function(i,r){function l(s){try{o(a.next(s))}catch(s){r(s)}}function n(s){try{o(a.throw(s))}catch(s){r(s)}}function o(s){var e;s.done?i(s.value):(e=s.value,e instanceof t?e:new t((function(s){s(e)}))).then(l,n)}o((a=a.apply(s,e||[])).next())}))};!function(s){let e=class extends o.LitElement{constructor(){super(...arguments),this.acceptLanguage="javascript",this.getLocalization="Input File",this.acceptTypes="",this.fileName=""}static get styles(){return[r.a,p]}triggerFileLoad(s){s.preventDefault(),this.input.click()}handleFile(s){return m(this,void 0,void 0,(function*(){s.preventDefault();const e=this.input.files;if(e&&0!==e.length)for(const s of e){let e="";this.fileName=s.name;try{e=yield this.readFile(s)}catch(s){e=""}}}))}readFile(s){return new Promise((e,t)=>{const a=new FileReader;a.onload=s=>{e(s.target.result)},a.onerror=s=>t(s),a.readAsText(s)})}importLanguage(s){return m(this,void 0,void 0,(function*(){try{const{default:e}=yield t(90)("./"+s);n.a.registerLanguage(""+s,e),this.setAcceptTypes()}catch(s){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const s=n.a.listLanguages();return s.length?s.map(s=>n.a.getLanguage(""+s).aliases).map(s=>s.map(s=>"."+s)).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(s){super.updated(s),s.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage)}render(){return o.html`
|
|
2
2
|
<div class="md-input-file">
|
|
3
3
|
<label for="file-input">
|
|
4
4
|
<md-button color="blue" class="md-input-file-btn" @click=${this.triggerFileLoad}>
|
package/dist/chunks/md-7.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[7],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return l})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var r=d(59),a=(d(51),d(6)),n=d(36),e=d(5),b=d(0),i=d(3),c=d(4),m=d(2),u=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-flex;font-family:var(--brand-font-medium, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:550;font-size:1rem;line-height:normal;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;align-items:center;justify-content:center}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;max-width:100%;flex:1}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button{font-size:1rem;line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button .md-append{margin-left:calc(2.25rem/4)}:host .md-button{border-radius:1.125rem}:host .md-button::after{border-radius:calc(1.125rem + 2px)}:host .md-button{background-color:#dedede;border-color:transparent;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button{background-color:var(--button-secondary-bg-color,#dedede);box-sizing:border-box;color:var(--button-secondary-text-color,#121212)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color,#007aa3)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{box-shadow:none;min-width:0}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--none .md-prepend{margin-right:calc(100%/4)}:host .md-button--none .md-append{margin-left:calc(100%/4)}:host .md-button--none{border-radius:0}:host .md-button--none::after{border-radius:0}:host .md-button--size-none{min-width:0}:host .md-button--size-none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--size-none .md-prepend{margin-right:calc(100%/4)}:host .md-button--size-none .md-append{margin-left:calc(100%/4)}:host .md-button--size-none{border-radius:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--24{font-size:var(--button-font-size-extra-small,.625rem);line-height:normal;padding:var(--button-padding-24,.25rem .75rem .3125rem .75rem);height:1.5rem}:host .md-button--24 .md-prepend{margin-right:calc(1.5rem/4)}:host .md-button--24 .md-append{margin-left:calc(1.5rem/4)}:host .md-button--24{border-radius:.75rem}:host .md-button--24::after{border-radius:calc(.75rem + 2px)}:host .md-button--28{font-size:var(--button-font-size-small,.75rem);line-height:normal;padding:var(--button-padding-28,.375rem .875rem .4375rem .875rem);height:1.75rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem/4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem/4)}:host .md-button--28{border-radius:.875rem}:host .md-button--28::after{border-radius:calc(.875rem + 2px)}:host .md-button--32{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-32,.5rem 1rem .5625rem 1rem);height:2rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem/4)}:host .md-button--32 .md-append{margin-left:calc(2rem/4)}:host .md-button--32{border-radius:1rem}:host .md-button--32::after{border-radius:calc(1rem + 2px)}:host .md-button--36{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem/4)}:host .md-button--40{font-size:1rem;line-height:normal;padding:var(--button-padding-40,.6875rem 1.25rem .75rem 1.25rem);height:2.5rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem/4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem/4)}:host .md-button--40{border-radius:1.25rem}:host .md-button--40::after{border-radius:calc(1.25rem + 2px)}:host .md-button--52{font-size:1rem;line-height:normal;padding:var(--button-padding-52,.875rem 1.625rem .9375rem 1.625rem);height:3.25rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem/4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem/4)}:host .md-button--52{border-radius:1.625rem}:host .md-button--52::after{border-radius:calc(1.625rem + 2px)}:host .md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle{border-radius:100%}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.5rem);line-height:var(--button-font-size-extra-small,.5rem)}:host .md-button--circle[class*="--24"]{width:1.5rem;height:1.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.625rem);line-height:var(--button-font-size-extra-small,.625rem)}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-small,.75rem);line-height:var(--button-font-size-small,.75rem)}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:var(--button-accent-bg-color,#007aa3);border-color:transparent;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color,#005e7d);box-shadow:0 0 0 1px var(--button-primary-outline-color,#005e7d)}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color,#292929);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color,#292929);border-color:transparent;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color,#292929);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color,#292929)}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--link{color:#007aa3}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{min-width:0}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon{color:#545454;fill:#545454}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100%/4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100%/4)}:host .md-button.md-button--icon{border-radius:0}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:rgba(255,255,255,.2);fill:rgba(255,255,255,.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:rgba(255,255,255,.2);fill:rgba(255,255,255,.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:rgba(255,255,255,.92);fill:rgba(255,255,255,.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:rgba(255,255,255,.84);fill:rgba(255,255,255,.84)}:host .md-button.md-button--onlyicon.disabled,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color,#007aa3);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color,#005e7d)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color,#064157)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color,#007aa3);color:var(--button-promotional-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color,#005e7d)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color,#064157)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-text-color));border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghost]) .md-button.disabled,:host([variant=ghost]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color,#dedede);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:not(.isActive).disabled,:host([variant=secondary]) .md-button:not(.isActive):disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color,#dedede));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color,#b2b2b2))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color,#dedede);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button.isActive.disabled,:host([variant=secondary]) .md-button.isActive:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color,#dedede));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color,#b2b2b2))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color,#d4371c);color:var(--button-red-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color,#a12512)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color,#6e1d13)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color,#00853c);color:var(--button-green-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color,#03612c)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color,#08421f)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color,#edfaf4);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-available-border-color);font-size:var(--body-secondary-font-size,1rem);font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=available]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,var(--button-padding-32,.5rem 1rem .5625rem 1rem))}:host([variant=available]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color,#befade)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color,#befade)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color,#fff5f2);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=unavailable]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,var(--button-padding-32,.5rem 1rem .5625rem 1rem))}:host([variant=unavailable]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color,#ffe8e3)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color,#ffe8e3)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color,#f7f7f7);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=idle]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,var(--button-padding-32,.5rem 1rem .5625rem 1rem))}:host([variant=idle]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color,#ededed)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color,#ededed)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color,#fff);color:var(--button-white-text-color,#545454)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color,#ededed)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color,#dedede)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color,#ccc);color:var(--button-white-outline-text-color,#545454)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color,#3b3b3b);color:var(--button-inverted-white-text-color,#fff)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color,#292929)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color,#1c1c1c)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color,#b2b2b2);color:var(--button-inverted-white-outline-text-color,#b2b2b2)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color,#fff7e3);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=engaged]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,var(--button-padding-32,.5rem 1rem .5625rem 1rem))}:host([variant=engaged]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=engaged]) .md-button:hover{background-color:var(--button-engaged-hover-bg-color,#ffecc2)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color,#ffd98c)}:host([variant=tab]) .md-button:not(.isActive){background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-text-color))}:host([variant=tab]) .md-button:not(.isActive):hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=tab]) .md-button:not(.isActive):active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=tab]) .md-button:not(.isActive).disabled,:host([variant=tab]) .md-button:not(.isActive):disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=tab]) .md-button.isActive{background-color:var(--button-ghost-active-bg-color);color:var(--button-ghost-active-text-color)}:host([variant=tab]) .md-button.isActive:hover{background-color:var(--button-ghost-active-hover-bg-color)}:host([variant=tab]) .md-button.isActive:active{background-color:var(--button-ghost-active-pressed-bg-color)}:host([variant=tab]) .md-button.isActive.disabled,:host([variant=tab]) .md-button.isActive:disabled{background-color:var(--button-ghost-active-disabled-bg-color);color:var(--button-ghost-active-disabled-text-color)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}@media(forced-colors:active){:host .md-button:focus{outline:2px solid Highlight}:host .md-button:active{color:Highlight;outline:2px solid Highlight}:host .md-button.disabled,:host .md-button[disabled]{color:GrayText!important}:host .md-button--outline.disabled{color:GrayText!important}:host .md-button--outline:active:disabled,:host .md-button--outline:focus:disabled{outline:2px solid Highlight}}`,s=function(t,o,d,r){var a,n=arguments.length,e=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,r);else for(var b=t.length-1;b>=0;b--)(a=t[b])&&(e=(n<3?a(e):n>3?a(o,d,e):a(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};const l=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","white","darkGrey","promotional","tab","available","unavailable","engaged","idle"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return b.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[7],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return l})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var r=d(59),a=(d(51),d(6)),n=d(36),e=d(5),b=d(0),i=d(2),c=d(4),m=d(3),u=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-flex;font-family:var(--brand-font-medium, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:550;font-size:1rem;line-height:normal;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;align-items:center;justify-content:center}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;max-width:100%;flex:1}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button{font-size:1rem;line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button .md-append{margin-left:calc(2.25rem/4)}:host .md-button{border-radius:1.125rem}:host .md-button::after{border-radius:calc(1.125rem + 2px)}:host .md-button{background-color:#dedede;border-color:transparent;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button{background-color:var(--button-secondary-bg-color,#dedede);box-sizing:border-box;color:var(--button-secondary-text-color,#121212)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color,#007aa3)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{box-shadow:none;min-width:0}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--none .md-prepend{margin-right:calc(100%/4)}:host .md-button--none .md-append{margin-left:calc(100%/4)}:host .md-button--none{border-radius:0}:host .md-button--none::after{border-radius:0}:host .md-button--size-none{min-width:0}:host .md-button--size-none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--size-none .md-prepend{margin-right:calc(100%/4)}:host .md-button--size-none .md-append{margin-left:calc(100%/4)}:host .md-button--size-none{border-radius:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--24{font-size:var(--button-font-size-extra-small,.625rem);line-height:normal;padding:var(--button-padding-24,.25rem .75rem .3125rem .75rem);height:1.5rem}:host .md-button--24 .md-prepend{margin-right:calc(1.5rem/4)}:host .md-button--24 .md-append{margin-left:calc(1.5rem/4)}:host .md-button--24{border-radius:.75rem}:host .md-button--24::after{border-radius:calc(.75rem + 2px)}:host .md-button--28{font-size:var(--button-font-size-small,.75rem);line-height:normal;padding:var(--button-padding-28,.375rem .875rem .4375rem .875rem);height:1.75rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem/4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem/4)}:host .md-button--28{border-radius:.875rem}:host .md-button--28::after{border-radius:calc(.875rem + 2px)}:host .md-button--32{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-32,.5rem 1rem .5625rem 1rem);height:2rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem/4)}:host .md-button--32 .md-append{margin-left:calc(2rem/4)}:host .md-button--32{border-radius:1rem}:host .md-button--32::after{border-radius:calc(1rem + 2px)}:host .md-button--36{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem/4)}:host .md-button--40{font-size:1rem;line-height:normal;padding:var(--button-padding-40,.6875rem 1.25rem .75rem 1.25rem);height:2.5rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem/4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem/4)}:host .md-button--40{border-radius:1.25rem}:host .md-button--40::after{border-radius:calc(1.25rem + 2px)}:host .md-button--52{font-size:1rem;line-height:normal;padding:var(--button-padding-52,.875rem 1.625rem .9375rem 1.625rem);height:3.25rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem/4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem/4)}:host .md-button--52{border-radius:1.625rem}:host .md-button--52::after{border-radius:calc(1.625rem + 2px)}:host .md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle{border-radius:100%}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.5rem);line-height:var(--button-font-size-extra-small,.5rem)}:host .md-button--circle[class*="--24"]{width:1.5rem;height:1.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.625rem);line-height:var(--button-font-size-extra-small,.625rem)}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-small,.75rem);line-height:var(--button-font-size-small,.75rem)}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:var(--button-accent-bg-color,#007aa3);border-color:transparent;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color,#005e7d);box-shadow:0 0 0 1px var(--button-primary-outline-color,#005e7d)}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color,#292929);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color,#292929);border-color:transparent;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color,#292929);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color,#292929)}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--link{color:#007aa3}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{min-width:0}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon{color:#545454;fill:#545454}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100%/4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100%/4)}:host .md-button.md-button--icon{border-radius:0}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:rgba(255,255,255,.2);fill:rgba(255,255,255,.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:rgba(255,255,255,.2);fill:rgba(255,255,255,.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:rgba(255,255,255,.92);fill:rgba(255,255,255,.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:rgba(255,255,255,.84);fill:rgba(255,255,255,.84)}:host .md-button.md-button--onlyicon.disabled,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color,#007aa3);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color,#005e7d)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color,#064157)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color,#007aa3);color:var(--button-promotional-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color,#005e7d)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color,#064157)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-text-color));border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghost]) .md-button.disabled,:host([variant=ghost]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color,#dedede);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:not(.isActive).disabled,:host([variant=secondary]) .md-button:not(.isActive):disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color,#dedede));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color,#b2b2b2))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color,#dedede);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button.isActive.disabled,:host([variant=secondary]) .md-button.isActive:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color,#dedede));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color,#b2b2b2))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color,#d4371c);color:var(--button-red-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color,#a12512)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color,#6e1d13)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color,#00853c);color:var(--button-green-text-color,var(--button-primary-text-color,#f7f7f7))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color,#03612c)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color,#08421f)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color,#edfaf4);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-available-border-color);font-size:var(--body-secondary-font-size,1rem);font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=available]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,var(--button-padding-32,.5rem 1rem .5625rem 1rem))}:host([variant=available]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color,#befade)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color,#befade)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color,#fff5f2);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=unavailable]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,var(--button-padding-32,.5rem 1rem .5625rem 1rem))}:host([variant=unavailable]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color,#ffe8e3)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color,#ffe8e3)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color,#f7f7f7);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=idle]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,var(--button-padding-32,.5rem 1rem .5625rem 1rem))}:host([variant=idle]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color,#ededed)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color,#ededed)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color,#fff);color:var(--button-white-text-color,#545454)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color,#ededed)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color,#dedede)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color,#ccc);color:var(--button-white-outline-text-color,#545454)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color,#3b3b3b);color:var(--button-inverted-white-text-color,#fff)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color,#292929)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color,#1c1c1c)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color,#b2b2b2);color:var(--button-inverted-white-outline-text-color,#b2b2b2)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color,#fff7e3);color:var(--button-secondary-text-color,#121212);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:var(--body-secondary-font-size,1rem);font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=engaged]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,var(--button-padding-32,.5rem 1rem .5625rem 1rem))}:host([variant=engaged]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=engaged]) .md-button:hover{background-color:var(--button-engaged-hover-bg-color,#ffecc2)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color,#ffd98c)}:host([variant=tab]) .md-button:not(.isActive){background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-text-color))}:host([variant=tab]) .md-button:not(.isActive):hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=tab]) .md-button:not(.isActive):active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=tab]) .md-button:not(.isActive).disabled,:host([variant=tab]) .md-button:not(.isActive):disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=tab]) .md-button.isActive{background-color:var(--button-ghost-active-bg-color);color:var(--button-ghost-active-text-color)}:host([variant=tab]) .md-button.isActive:hover{background-color:var(--button-ghost-active-hover-bg-color)}:host([variant=tab]) .md-button.isActive:active{background-color:var(--button-ghost-active-pressed-bg-color)}:host([variant=tab]) .md-button.isActive.disabled,:host([variant=tab]) .md-button.isActive:disabled{background-color:var(--button-ghost-active-disabled-bg-color);color:var(--button-ghost-active-disabled-text-color)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}@media(forced-colors:active){:host .md-button:focus{outline:2px solid Highlight}:host .md-button:active{color:Highlight;outline:2px solid Highlight}:host .md-button.disabled,:host .md-button[disabled]{color:GrayText!important}:host .md-button--outline.disabled{color:GrayText!important}:host .md-button--outline:active:disabled,:host .md-button--outline:focus:disabled{outline:2px solid Highlight}}`,s=function(t,o,d,r){var a,n=arguments.length,e=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,r);else for(var b=t.length-1;b>=0;b--)(a=t[b])&&(e=(n<3?a(e):n>3?a(o,d,e):a(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};const l=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","white","darkGrey","promotional","tab","available","unavailable","engaged","idle"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return b.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-button--${this.size} {
|
|
4
4
|
${this.renderWidth()};
|
package/dist/chunks/md-70.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[70],{119:function(e,i,n){"use strict";n.r(i),n.d(i,"linkTag",(function(){return s})),n.d(i,"linkColor",(function(){return k})),n.d(i,"linkRole",(function(){return b})),n.d(i,"Link",(function(){return m}));var t=n(5),l=n(6),r=n(0),o=n(4),a=n(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[70],{119:function(e,i,n){"use strict";n.r(i),n.d(i,"linkTag",(function(){return s})),n.d(i,"linkColor",(function(){return k})),n.d(i,"linkRole",(function(){return b})),n.d(i,"Link",(function(){return m}));var t=n(5),l=n(6),r=n(0),o=n(4),a=n(3),d=r.css`.md-link{border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:var(--link-inline-font-size,14px);line-height:170%;width:fit-content;color:var(--link-default,#005e7d)}.md-link:hover{color:var(--link-hover,#005e7d)}.md-link:focus{box-shadow:0 0 0 2px var(--link-focus-outline,#007aa3);color:var(--link-focus,#005e7d)}.md-link.active{color:var(--link-pressed,#064157)}.md-link.disabled,.md-link.md-link--inline.disabled{color:var(--link-disabled,#b2b2b2)!important}.md-link.md-link--inline{color:var(--link-inline,#a12512)}.md-link.md-link--inline:hover{color:var(--link-inline-hover,#6e1d13)}.md-link.md-link--inline:focus{color:var(--link-inline-focus,#a12512)}.md-link.md-link--inline.active{color:var(--link-inline-pressed,#4a1812)}.md-link .md-link--blue{color:var(--link-blue,#00a0d1)}.md-link .md-link--blue:hover{color:var(--link-blue-hover,#007aa3)}.md-link .md-link--blue.active{color:var(--link-blue-active,#005e7d)}.md-link .md-link--red{color:var(--link-red,#f7644a)}.md-link .md-link--red:hover{color:var(--link-red-hover,#d4371c)}.md-link .md-link--red.active{color:var(--link-red-active,#a12512)}.md-link .md-link--green{color:var(--link-green,#00ab50)}.md-link .md-link--green:hover{color:var(--link-green-hover,#00853c)}.md-link .md-link--green.active{color:var(--link-green-active,#03612c)}.md-link .md-link--yellow{color:var(--link-yellow,#d97f00)}.md-link .md-link--yellow:hover{color:var(--link-yellow-hover,#a85f00)}.md-link .md-link--yellow.active{color:var(--link-yellow-active,#7d4705)}.md-link .md-link--orange{color:var(--link-orange,#f26b1d)}.md-link .md-link--orange:hover{color:var(--link-orange-hover,#c74f0e)}.md-link .md-link--orange.active{color:var(--link-orange-active,#914017)}.md-link:focus{outline:0}.md-link.disabled{pointer-events:none}.md-link--inline{font-size:var(--link-inline-font-size,14px);line-height:100%;text-decoration:underline}@media(forced-colors:active){.md-link:focus{box-shadow:none;outline:2px solid Highlight}.md-link.disabled{color:GrayText!important}}`,c=function(e,i,n,t){var l,r=arguments.length,o=r<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,n,t);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(o=(r<3?l(o):r>3?l(i,n,o):l(i,n))||o);return r>3&&o&&Object.defineProperty(i,n,o),o};const s=["a","div","span"],k=["","blue","red","green","yellow","orange"],b=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"];var m;!function(e){let i=class extends r.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.href="",this.tag="a",this.target="_self",this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(e){const i=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",i)}static get styles(){return[t.a,d]}render(){const e={["md-link--"+this.color]:this.color,"md-link--inline":this.inline,disabled:this.disabled};return r.html` ${(()=>{switch(this.tag){case"div":return r.html`
|
|
2
2
|
<div
|
|
3
3
|
class="md-link ${Object(o.classMap)(e)}"
|
|
4
4
|
tabindex=${this.tabIndex}
|
package/dist/chunks/md-71.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{104:function(e,t,r){"use strict";r.r(t),r.d(t,"MeetingAlertRole",(function(){return c})),r.d(t,"MeetingAlert",(function(){return p}));r(50),r(17),r(15);var o=r(1),l=r(6),a=r(5),i=r(0),n=r(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{104:function(e,t,r){"use strict";r.r(t),r.d(t,"MeetingAlertRole",(function(){return c})),r.d(t,"MeetingAlert",(function(){return p}));r(50),r(17),r(15);var o=r(1),l=r(6),a=r(5),i=r(0),n=r(2),m=r(3);var s=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:var(--meeting-alert-bg-color,#fff);border:1px solid var(--meeting-alert-border-color,rgba(0,0,0,.12));box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e8";color:var(--meeting-alert-info-text-color,#00a0d1)}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:var(--meeting-alert-info-text-color,#00a0d1);font-size:var(--body-primary-font-size,1rem);line-height:1.5rem}.md-alert__message,.md-alert__status{font-size:var(--body-secondary-font-size,.875rem);font-family:var(--brand-font-medium, var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif));line-height:1.125rem}.md-alert__status{color:var(--meeting-alert-success-text-color,#03612c)}.md-alert__message{color:var(--meeting-alert-text-color,#292929)}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--success .md-alert__title{color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--warning .md-alert__title{color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--error .md-alert__title{color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:var(--meeting-alert-title-text-color,#000)}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:var(--meeting-alert-title-text-color,#000);font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,d=function(e,t,r,o){var l,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(i=(a<3?l(i):a>3?l(t,r,i):l(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=e=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:e}}))},this._onClose=e=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:e}}))},this.handleSnooze=e=>{this.onSnooze?this.onSnooze(e):this._onSnooze(e),e.stopPropagation()},this.handleClose=e=>{this._onClose(e),e.stopPropagation()},this.handleKeyDown=e=>{if(e.code===o.b.Escape&&this.handleClose(e),e.code===o.b.Enter||e.code===o.b.Space){switch(e.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(e);break;case"snooze":this.handleSnooze(e)}e.preventDefault()}this.onKeyDown&&this.onKeyDown(e)}}getStyles(){return i.html`
|
|
2
2
|
<style>
|
|
3
3
|
::slotted(img) {
|
|
4
4
|
display: inline-block;
|