@momentum-ui/web-components 2.7.29 → 2.7.30
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-15.js +2 -2
- package/dist/chunks/md-16.js +1 -1
- package/dist/chunks/md-2.js +1 -1
- package/dist/chunks/md-30.js +1 -1
- package/dist/chunks/md-31.js +1 -1
- package/dist/chunks/md-35.js +1 -1
- package/dist/chunks/md-36.js +3 -3
- package/dist/chunks/md-39.js +1 -1
- package/dist/chunks/md-42.js +1 -1
- package/dist/chunks/md-44.js +1 -1
- package/dist/chunks/md-47.js +1 -1
- package/dist/chunks/md-5.js +1 -1
- 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 +2 -2
- package/dist/chunks/md-55.js +1 -1
- package/dist/chunks/md-59.js +1 -1
- package/dist/chunks/md-62.js +1 -1
- package/dist/chunks/md-68.js +1 -1
- package/dist/chunks/md-69.js +3 -3
- package/dist/chunks/md-7.js +4 -4
- package/dist/chunks/md-70.js +1 -1
- package/dist/chunks/md-74.js +2 -2
- package/dist/chunks/md-75.js +1 -1
- package/dist/chunks/md-79.js +1 -1
- package/dist/chunks/md-82.js +13 -13
- package/dist/types/constants.d.ts +3 -0
- package/package.json +1 -1
package/dist/chunks/md-51.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{107:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));var r,a=d(4),o=d(5),i=d(0),n=i.css`:host(md-card){display:inline-block}:host(md-card) .md-card{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-tertiary-white-bg-color);border:var(--md-quaternary-bg-color);border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16);color:var(--md-secondary-text-color);cursor:pointer;max-width:26.5rem;padding:calc(.5rem * 2);position:relative;width:100%}:host(md-card) .md-card-header{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;flex:1 0 100%;margin-bottom:.5rem}:host(md-card) .md-card-header md-favorite{padding-top:calc(.5rem * .5)}:host(md-card) .md-card-header-title{display:flex;flex:1 1 100%;flex-direction:column;margin:0 .5rem}:host(md-card) .md-card-header-title h1{color:var(--md-primary-text-color);font-family:CiscoSans-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:calc(.5rem * 3);margin:0}:host(md-card) .md-card-header-title h2{color:var(--md-secondary-text-color);font-size:12px;line-height:calc(.5rem * 2.25)}:host(md-card) .md-card-header-actions{align-self:stretch;display:inline-flex;position:relative;z-index:1}:host(md-card) .md-card-header-actions .md-card-info-icon,:host(md-card) .md-card-header-actions .md-card-max-icon{padding-right:.5rem}:host(md-card) .md-card-header-actions md-menu-overlay::part(overlay-content){max-width:9rem}:host(md-card) .md-card .md-card-menu-icon{border-radius:calc(.5rem / 2);display:inline-flex}:host(md-card) .md-card .md-card-menu-icon::part(button){padding:calc(.5rem * .25)}:host(md-card) .md-card .md-card-menu-icon:hover{background-color:var(--md-tertiary-bg-color)}:host(md-card) .md-card .md-card-menu-icon:active{background-color:var(--md-quaternary-bg-color)}:host(md-card) .md-card .md-card-menu-list-items{padding:calc(.5rem * .25)}:host(md-card) .md-card-content{background:var(--md-secondary-bg-color);border:var(--md-quaternary-bg-color);border-radius:calc(.5rem / 2);height:14rem;margin-bottom:calc(.5rem * 2);overflow:hidden}:host(md-card) .md-card.full-screen{display:inline-block;height:100%!important;left:0;max-width:100%;position:absolute;top:0;width:100%}:host(md-card) .md-card.full-screen .md-card-content{height:auto}:host(md-card) .md-card-footer{display:flex;flex-wrap:wrap;gap:.5rem}`,c=(d(15),d(17),d(66),d(67),d(76),d(1)),s=d(14),m=d(2),l=function(e,t,d,r){var a,o=arguments.length,i=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,d,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(i=(o<3?a(i):o>3?a(t,d,i):a(t,d))||i);return o>3&&i&&Object.defineProperty(t,d,i),i};!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[a.a,n]}handleCardClick(e){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(e){e.code!==c.
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[51],{107:function(e,t,d){"use strict";d.r(t),d.d(t,"Card",(function(){return r}));var r,a=d(4),o=d(5),i=d(0),n=i.css`:host(md-card){display:inline-block}:host(md-card) .md-card{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;background:var(--md-tertiary-white-bg-color);border:var(--md-quaternary-bg-color);border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16);color:var(--md-secondary-text-color);cursor:pointer;max-width:26.5rem;padding:calc(.5rem * 2);position:relative;width:100%}:host(md-card) .md-card-header{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;flex:1 0 100%;margin-bottom:.5rem}:host(md-card) .md-card-header md-favorite{padding-top:calc(.5rem * .5)}:host(md-card) .md-card-header-title{display:flex;flex:1 1 100%;flex-direction:column;margin:0 .5rem}:host(md-card) .md-card-header-title h1{color:var(--md-primary-text-color);font-family:CiscoSans-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:calc(.5rem * 3);margin:0}:host(md-card) .md-card-header-title h2{color:var(--md-secondary-text-color);font-size:12px;line-height:calc(.5rem * 2.25)}:host(md-card) .md-card-header-actions{align-self:stretch;display:inline-flex;position:relative;z-index:1}:host(md-card) .md-card-header-actions .md-card-info-icon,:host(md-card) .md-card-header-actions .md-card-max-icon{padding-right:.5rem}:host(md-card) .md-card-header-actions md-menu-overlay::part(overlay-content){max-width:9rem}:host(md-card) .md-card .md-card-menu-icon{border-radius:calc(.5rem / 2);display:inline-flex}:host(md-card) .md-card .md-card-menu-icon::part(button){padding:calc(.5rem * .25)}:host(md-card) .md-card .md-card-menu-icon:hover{background-color:var(--md-tertiary-bg-color)}:host(md-card) .md-card .md-card-menu-icon:active{background-color:var(--md-quaternary-bg-color)}:host(md-card) .md-card .md-card-menu-list-items{padding:calc(.5rem * .25)}:host(md-card) .md-card-content{background:var(--md-secondary-bg-color);border:var(--md-quaternary-bg-color);border-radius:calc(.5rem / 2);height:14rem;margin-bottom:calc(.5rem * 2);overflow:hidden}:host(md-card) .md-card.full-screen{display:inline-block;height:100%!important;left:0;max-width:100%;position:absolute;top:0;width:100%}:host(md-card) .md-card.full-screen .md-card-content{height:auto}:host(md-card) .md-card-footer{display:flex;flex-wrap:wrap;gap:.5rem}`,c=(d(15),d(17),d(66),d(67),d(76),d(1)),s=d(14),m=d(2),l=function(e,t,d,r){var a,o=arguments.length,i=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,d,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(i=(o<3?a(i):o>3?a(t,d,i):a(t,d))||i);return o>3&&i&&Object.defineProperty(t,d,i),i};!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.title="title",this.subtitle="",this.id="",this.info="",this.infoAriaLabel="Card Info",this.menuAriaLabel="Card Menu",this.menuOptions=[]}static get styles(){return[a.a,n]}handleCardClick(e){this.dispatchEvent(new CustomEvent("card-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardKeyDown(e){e.code!==c.b.Enter&&e.code!==c.b.Space||this.dispatchEvent(new CustomEvent("card-keydown",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCardMenuEvent(e,t){e.stopPropagation();const d=t.toLowerCase();this.dispatchEvent(new CustomEvent("card-menu-click",{detail:{id:this.id,type:d},bubbles:!0,composed:!0}))}handleCardMenuKeyDown(e,t){e.preventDefault(),this.dispatchEvent(new CustomEvent("card-menu-keydown",{detail:{id:this.id,type:t.toLowerCase()},bubbles:!0,composed:!0}))}render(){return i.html`
|
|
2
2
|
<div
|
|
3
3
|
class="md-card"
|
|
4
4
|
id="${this.id}"
|
package/dist/chunks/md-53.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{86:function(e,t,i){"use strict";i.r(t),i.d(t,"Checkbox",(function(){return s}));var s,c=i(1),n=i(7),a=i(4),d=i(5),o=i(0),r=i(58),h=function(e,t,i,s){var c,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var d=e.length-1;d>=0;d--)(c=e[d])&&(a=(n<3?c(a):n>3?c(t,i,a):c(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends(Object(n.a)(o.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this.indeterminate||this.setAttribute("aria-checked",""+e),this.requestUpdate("checked",t)}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,this.setAttribute("aria-checked","mixed"),this.requestUpdate("indeterminate",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}static get styles(){return[a.a,r.a]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(e){this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e))}handleKeyDown(e){const{code:t}=e;t!==c.
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{86:function(e,t,i){"use strict";i.r(t),i.d(t,"Checkbox",(function(){return s}));var s,c=i(1),n=i(7),a=i(4),d=i(5),o=i(0),r=i(58),h=function(e,t,i,s){var c,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var d=e.length-1;d>=0;d--)(c=e[d])&&(a=(n<3?c(a):n>3?c(t,i,a):c(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends(Object(n.a)(o.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this.indeterminate||this.setAttribute("aria-checked",""+e),this.requestUpdate("checked",t)}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,this.setAttribute("aria-checked","mixed"),this.requestUpdate("indeterminate",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}static get styles(){return[a.a,r.a]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(e){this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e))}handleKeyDown(e){const{code:t}=e;t!==c.b.Space&&t!==c.b.Enter||(e.preventDefault(),this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e)))}handleChange(e){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e}}))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","checkbox"),this.label&&this.setAttribute("aria-label",this.label)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}update(e){super.update(e),e.has("indeterminate")&&(this.checked=!1)}updated(e){super.updated(e),e.has("indeterminate")&&(this.input.indeterminate=this.indeterminate)}render(){return o.html`
|
|
2
2
|
<input
|
|
3
3
|
class="checkbox-input"
|
|
4
4
|
type="checkbox"
|
package/dist/chunks/md-54.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[54],{87:function(e,t,o){"use strict";o.r(t),o.d(t,"CheckboxGroup",(function(){return r}));var r,c=o(1),s=o(7),n=o(4),l=o(5),i=o(0),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[54],{87:function(e,t,o){"use strict";o.r(t),o.d(t,"CheckboxGroup",(function(){return r}));var r,c=o(1),s=o(7),n=o(4),l=o(5),i=o(0),h=o(58),a=function(e,t,o,r){var c,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(n=(s<3?c(n):s>3?c(t,o,n):c(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};!function(e){let t=class extends(Object(s.d)(i.LitElement)){constructor(){super(...arguments),this.label="group",this.alignment="vertical"}static get styles(){return[n.a,h.a]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}switchCheckboxOnArrowPress(e,t=1){const o=super.getAvailableSelectedIndex(e,t);-1!==o&&(this.selected=o)}handleKeyDown(e){const{code:t}=e;switch(t){case c.b.ArrowUp:case c.b.ArrowLeft:0===this.selected?this.switchCheckboxOnArrowPress(this.slotted.length-1,-1):this.switchCheckboxOnArrowPress(this.selected-1,-1);break;case c.b.ArrowDown:case c.b.ArrowRight:this.selected===this.slotted.length-1?this.switchCheckboxOnArrowPress(0):this.switchCheckboxOnArrowPress(this.selected+1)}}get slotElement(){return this.checkboxSlot}render(){return i.html`
|
|
2
2
|
<div role="group" aria-labelledby="id-group-label">
|
|
3
3
|
<slot name="checkbox"></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};
|
|
5
|
+
`}};a([Object(i.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),a([Object(i.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),a([Object(i.query)("slot[name='checkbox']")],t.prototype,"checkboxSlot",void 0),t=a([Object(l.a)("md-checkboxgroup")],t),e.ELEMENT=t}(r||(r={}))}}]);
|
package/dist/chunks/md-55.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
${this.renderHeight()};
|
|
7
7
|
}
|
|
8
8
|
</style>
|
|
9
|
-
`:i.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(o){super.updated(o),this.truncStringPortion(this.value)}truncStringPortion(o,e=this.PRE_TRUNC_CHARS,r=this.POST_TRUNC_CHARS,c=this.DOT_COUNT){if(this.value.length>this.MAX_LENGTH){let a="";a+=o.substring(0,e),a+=".".repeat(c),a+=o.substring(o.length-r,o.length),this.renderedText=a,this.textOverflow=!0}else this.renderedText=this.value}handleClick(o){this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(o){switch(o.code){case a.
|
|
9
|
+
`:i.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(o){super.updated(o),this.truncStringPortion(this.value)}truncStringPortion(o,e=this.PRE_TRUNC_CHARS,r=this.POST_TRUNC_CHARS,c=this.DOT_COUNT){if(this.value.length>this.MAX_LENGTH){let a="";a+=o.substring(0,e),a+=".".repeat(c),a+=o.substring(o.length-r,o.length),this.renderedText=a,this.textOverflow=!0}else this.renderedText=this.value}handleClick(o){this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(o){switch(o.code){case a.b.Space:case a.b.Enter:this.handleSelect(),this.handleClick(o)}}static get styles(){return[t.a,b]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?d.html`
|
|
10
10
|
<md-progress-bar
|
|
11
11
|
class="md-chip--loading"
|
|
12
12
|
type="determinate"
|
package/dist/chunks/md-59.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{111:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(24),i(32);var a,o=i(1),r=i(8),l=i(4),s=i(5),d=i(0),n=i(6),c=i(12),u=d.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,p=function(e,t,i,a){var o,r=arguments.length,l=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l},h=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function l(e){try{d(a.next(e))}catch(e){r(e)}}function s(e){try{d(a.throw(e))}catch(e){r(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,s)}d((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends d.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=o.
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{111:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(24),i(32);var a,o=i(1),r=i(8),l=i(4),s=i(5),d=i(0),n=i(6),c=i(12),u=d.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,p=function(e,t,i,a){var o,r=arguments.length,l=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l},h=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function l(e){try{d(a.next(e))}catch(e){r(e)}}function s(e){try{d(a.throw(e))}catch(e){r(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,s)}d((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends d.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=o.c.SECOND,this.dateValue=void 0,this.timeValue="00:00:00-08:00",this.value=void 0,this.locale="en-US",this.disabled=!1,this.fullDateTime=void 0,this.selectedTimeObject=void 0,this.selectedDateObject=Object(r.n)(),this.firstCycle=!0,this.handleDateChange=e=>{var t,i;this.selectedDateObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.dateValue=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate(),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleTimeChange=e=>{var t,i;this.selectedTimeObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.timeValue=null===(i=this.selectedTimeObject)||void 0===i?void 0:i.startOf("second").toISOTime({suppressMilliseconds:!0}),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleDateTimeInputChange=e=>{var t,i;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.value)},this.parseValueForVisuals=e=>{e&&(this.dateValue=e.split("T")[0],this.timeValue=e.split("T")[1])},this.updateDateTimeObject=()=>{this.value&&(this.fullDateTime=c.DateTime.fromISO(this.value,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-time-change",{bubbles:!0,composed:!0,detail:{dateTimeString:this.value,dateTime:this.fullDateTime,locale:this.locale,twentyFourHourFormat:this.twentyFourHourFormat}})))},this.combineDateAndTimeValues=(e,t)=>{e&&(this.value=t?`${e}T${t}`:e)}}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var i;return h(this,void 0,void 0,(function*(){if(t.firstUpdated.call(this,e),!this.value){const e=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate();this.combineDateAndTimeValues(e,this.timeValue)}yield new Promise(e=>setTimeout(e,0)),this.datePicker&&(this.datePicker.addEventListener("date-selection-change",this.handleDateChange),this.datePicker.addEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.addEventListener("time-selection-change",this.handleTimeChange)}))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.parseValueForVisuals(this.value),this.firstCycle?this.firstCycle=!1:this.updateDateTimeObject()),this.dateValue&&this.timeValue&&(e.has("timeValue")||e.has("dateValue"))&&this.combineDateAndTimeValues(this.dateValue,this.timeValue),this.value&&e.has("locale")&&(this.fullDateTime=c.DateTime.fromISO(this.value,{locale:this.locale}))}static get styles(){return[l.a,u]}render(){return d.html`
|
|
2
2
|
<md-datepicker
|
|
3
3
|
includes-time
|
|
4
4
|
?disabled=${this.disabled}
|
package/dist/chunks/md-62.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{112:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return u}));o(15);var i=o(1),s=o(7),n=o(4),d=o(0),r=o(2),l=o(13),a=o(36),p=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;display:inline-block;background-color:transparent;border:none;cursor:pointer;height:1.75rem;margin:0;margin-left:calc(.25rem * 3);outline:0;padding:0;padding-top:calc(.25rem / 2);position:relative;vertical-align:bottom}: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-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}: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}: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,#c9f4ff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-focus,#91ebff)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host([focus-visible]) .md-dropdown .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none}:host([disabled]) .md-dropdown .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown .md-dropdown-label:active,:host([disabled]) .md-dropdown .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown .md-dropdown-label:hover>md-icon{opacity:.3}`,c=function(e,t,o,i){var s,n=arguments.length,d=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,o,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(d=(n<3?s(d):n>3?s(t,o,d):s(t,o))||d);return n>3&&d&&Object.defineProperty(t,o,d),d},h=function(e,t,o,i){return new(o||(o=Promise))((function(s,n){function d(e){try{l(i.next(e))}catch(e){n(e)}}function r(e){try{l(i.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(d,r)}l((i=i.apply(e,t||[])).next())}))};var u;!function(e){let t=class extends(Object(s.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.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.collapse())},this.onKeyDown=e=>{switch(e.code){case i.
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{112:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return u}));o(15);var i=o(1),s=o(7),n=o(4),d=o(0),r=o(2),l=o(13),a=o(36),p=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;display:inline-block;background-color:transparent;border:none;cursor:pointer;height:1.75rem;margin:0;margin-left:calc(.25rem * 3);outline:0;padding:0;padding-top:calc(.25rem / 2);position:relative;vertical-align:bottom}: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-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}: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}: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,#c9f4ff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-focus,#91ebff)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host([focus-visible]) .md-dropdown .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none}:host([disabled]) .md-dropdown .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown .md-dropdown-label:active,:host([disabled]) .md-dropdown .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown .md-dropdown-label:hover>md-icon{opacity:.3}`,c=function(e,t,o,i){var s,n=arguments.length,d=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,o,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(d=(n<3?s(d):n>3?s(t,o,d):s(t,o))||d);return n>3&&d&&Object.defineProperty(t,o,d),d},h=function(e,t,o,i){return new(o||(o=Promise))((function(s,n){function d(e){try{l(i.next(e))}catch(e){n(e)}}function r(e){try{l(i.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(d,r)}l((i=i.apply(e,t||[])).next())}))};var u;!function(e){let t=class extends(Object(s.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.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.collapse())},this.onKeyDown=e=>{switch(e.code){case i.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case i.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case i.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case i.b.Home:this.expanded?this.focusFirst():this.expand();break;case i.b.End:this.expanded?this.focusLast():this.expand();break;case i.b.Escape||i.b.Backspace:this.expanded&&this.collapse()}}}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),this.setAttribute("tabindex","0"),e.forEach((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}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)}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"disabled"===t&&this.setAttribute("tabindex",this.disabled?"-1":"0"),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:i,value:s}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(i)?console.error(`Dropdown already have option key: "${i}". Ignoring `):i?(e.push(i),t.push({key:i,value:s,option:o})):console.error(`Dropdown key is not defined: "${i}". (value: "${s}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return h(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return h(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||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[n.a,p]}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown)}expand(){this.expanded=!0,document.dispatchEvent(new CustomEvent("on-widget-update")),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1}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.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)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return h(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:i}=this.optionsList.getBoundingClientRect(),s=this.optionsListItems[e],n=this.optionsListItems[e+1]||s,d=this.optionsListItems[e-1]||s,r=n.getBoundingClientRect(),l=d.getBoundingClientRect();r.bottom>i?t=r.bottom-i+2:l.top<o&&(t=l.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}}render(){return r.html`
|
|
2
2
|
<div class="md-dropdown ${Object(l.classMap)(this.dropDownClassMap)}" part="dropdown">
|
|
3
3
|
<label
|
|
4
4
|
class="md-dropdown-label"
|
package/dist/chunks/md-68.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{102:function(t,e,r){"use strict";r.r(e),r.d(e,"MeetingAlertRole",(function(){return c})),r.d(e,"MeetingAlert",(function(){return p}));var o=r(1),l=r(4),a=r(5),i=r(0),n=r(2),d=(r(43),r(17),r(15),r(6));var m=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:#fff;border:1px solid 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:#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:#00a0d1;font-size:1rem;line-height:1.5rem}.md-alert__message,.md-alert__status{font-family:"CiscoSansTT Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.125rem}.md-alert__status{color:#03612c}.md-alert__message{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:#00ab50}.md-alert.md-alert--success .md-alert__title{color:#00ab50}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:#d97f00}.md-alert.md-alert--warning .md-alert__title{color:#d97f00}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:#f7644a}.md-alert.md-alert--error .md-alert__title{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:#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:#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)}`,s=function(t,e,r,o){var l,a=arguments.length,i=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,o);else for(var n=t.length-1;n>=0;n--)(l=t[n])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(t){let e=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=t=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:t}}))},this._onClose=t=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:t}}))},this.handleSnooze=t=>{this.onSnooze?this.onSnooze(t):this._onSnooze(t),t.stopPropagation()},this.handleClose=t=>{this._onClose(t),t.stopPropagation()},this.handleKeyDown=t=>{if(t.code===o.
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{102:function(t,e,r){"use strict";r.r(e),r.d(e,"MeetingAlertRole",(function(){return c})),r.d(e,"MeetingAlert",(function(){return p}));var o=r(1),l=r(4),a=r(5),i=r(0),n=r(2),d=(r(43),r(17),r(15),r(6));var m=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:#fff;border:1px solid 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:#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:#00a0d1;font-size:1rem;line-height:1.5rem}.md-alert__message,.md-alert__status{font-family:"CiscoSansTT Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.125rem}.md-alert__status{color:#03612c}.md-alert__message{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:#00ab50}.md-alert.md-alert--success .md-alert__title{color:#00ab50}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:#d97f00}.md-alert.md-alert--warning .md-alert__title{color:#d97f00}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:#f7644a}.md-alert.md-alert--error .md-alert__title{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:#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:#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)}`,s=function(t,e,r,o){var l,a=arguments.length,i=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,o);else for(var n=t.length-1;n>=0;n--)(l=t[n])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(t){let e=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=t=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:t}}))},this._onClose=t=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:t}}))},this.handleSnooze=t=>{this.onSnooze?this.onSnooze(t):this._onSnooze(t),t.stopPropagation()},this.handleClose=t=>{this._onClose(t),t.stopPropagation()},this.handleKeyDown=t=>{if(t.code===o.b.Escape&&this.handleClose(t),t.code===o.b.Enter||t.code===o.b.Space){switch(t.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(t);break;case"snooze":this.handleSnooze(t)}t.preventDefault()}this.onKeyDown&&this.onKeyDown(t)}}getStyles(){return i.html`
|
|
2
2
|
<style>
|
|
3
3
|
::slotted(img) {
|
|
4
4
|
display: inline-block;
|
package/dist/chunks/md-69.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{95:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_ITEM_COPY_ID_PREFIX",(function(){return I})),i.d(t,"Menu",(function(){return
|
|
2
|
-
<nav class="md-menu ${Object(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{95:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_ITEM_COPY_ID_PREFIX",(function(){return I})),i.d(t,"Menu",(function(){return b}));var s=i(5),n=i(0),c=i(53),d=i(1),o=i(22),r=i(35),l=i(52),a=i(3),h=i(4),m=i(62),u=function(e,t,i,s){var n,c=arguments.length,d=c<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(d=(c<3?n(d):c>3?n(t,i,d):n(t,i))||d);return c>3&&d&&Object.defineProperty(t,i,d),d},p=function(e,t,i,s){return new(i||(i=Promise))((function(n,c){function d(e){try{r(s.next(e))}catch(e){c(e)}}function o(e){try{r(s.throw(e))}catch(e){c(e)}}function r(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(d,o)}r((s=s.apply(e,t||[])).next())}))};const I="more-menu-item-";var b;!function(e){let t=class extends(Object(r.a)(Object(l.a)(n.LitElement))){constructor(){super(...arguments),this.justified=!1,this.direction="horizontal",this.items=[],this.itemsHash={},this.itemsIdxHash={}}getNormalizedItemId(e){return e.replace(I,"")}static get styles(){return[h.a,m.a]}get slotItem(){return this.menuSlotElement}linkMenuItems(){return p(this,void 0,void 0,(function*(){const{items:e}=this;e.forEach((e,t)=>{const i=Object(o.nanoid)();e.setAttribute("id",i),e.setAttribute("aria-controls",i),e.selected=this.selected===t}),this.itemsHash=this.items.reduce((e,t)=>(e[t.id]=t,e),{}),this.itemsIdxHash=this.items.reduce((e,t,i)=>(e[t.id]=i,e),{})}))}setupMenuItems(){if(this.menuSlotElement){const e=this.menuSlotElement.assignedElements({flatten:!0});this.getChildrenFromTree({children:e},this.items)}}getChildrenFromTree(e,t){for(var i=0;i<e.children.length;i++){var s=e.children[i];s instanceof c.MenuItem.ELEMENT&&t.push(s),this.getChildrenFromTree(s,t)}}updateSelectedItem(e){const t=this.slotted.findIndex(e=>e.hasAttribute("selected"));t!==e&&(this.items&&[t,e].forEach(e=>{const t=this.items[e];t&&t.toggleAttribute("selected")}),this.dispatchEvent(new CustomEvent("selected-menu-item",{detail:{value:e},composed:!0,bubbles:!0})),this.changeSelectedItemIdx(e))}changeSelectedItemIdx(e){this.selected=e}handleItemClick(e){const{id:t}=e.detail,i=this.itemsHash[this.getNormalizedItemId(t)];if(i&&!i.disabled){const e=this.itemsIdxHash[i.id];-1!==e&&this.updateSelectedItem(e)}}handleItemKeydown(e){const{key:t,id:i}=e.detail;switch(t){case d.b.End:this.changeSelectedItemIdx(this.items.length-1);break;case d.b.Home:this.changeSelectedItemIdx(0);break;case d.b.ArrowLeft:case d.b.ArrowUp:0===this.selected?this.changeSelectedItemIdx(this.items.length-1):this.changeSelectedItemIdx(this.selected-1);break;case d.b.ArrowRight:case d.b.ArrowDown:this.selected===this.items.length-1?this.changeSelectedItemIdx(0):this.changeSelectedItemIdx(this.selected+1);break;case d.b.Enter:case d.b.Space:const e=this.slotted.findIndex(e=>e.id===i&&!e.disabled);-1!==e&&this.updateSelectedItem(e)}}connectedCallback(){super.connectedCallback(),this.addEventListener("menu-item-click",this.handleItemClick),this.addEventListener("menu-item-keydown",this.handleItemKeydown)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return p(this,void 0,void 0,(function*(){t.updated.call(this,e),e.has("slotted")&&(this.setupMenuItems(),this.linkMenuItems())}))}disconnectedCallback(){super.connectedCallback(),this.removeEventListener("menu-item-click",this.handleItemClick),this.removeEventListener("menu-item-keydown",this.handleItemKeydown)}get menuClassMap(){return{["md-menu--"+this.direction]:this.direction,justified:this.justified}}render(){return n.html`
|
|
2
|
+
<nav class="md-menu ${Object(a.classMap)(this.menuClassMap)}">
|
|
3
3
|
<ul class="md-menu-list">
|
|
4
4
|
<slot></slot>
|
|
5
5
|
</ul>
|
|
6
6
|
</nav>
|
|
7
|
-
`}};u([Object(n.property)({type:Boolean})],t.prototype,"justified",void 0),u([Object(n.property)({type:String})],t.prototype,"direction",void 0),u([Object(n.query)("slot")],t.prototype,"menuSlotElement",void 0),u([Object(n.query)("md-menu-overlay")],t.prototype,"menuSubElement",void 0),t=u([Object(s.a)("md-menu")],t),e.ELEMENT=t}(
|
|
7
|
+
`}};u([Object(n.property)({type:Boolean})],t.prototype,"justified",void 0),u([Object(n.property)({type:String})],t.prototype,"direction",void 0),u([Object(n.query)("slot")],t.prototype,"menuSlotElement",void 0),u([Object(n.query)("md-menu-overlay")],t.prototype,"menuSubElement",void 0),t=u([Object(s.a)("md-menu")],t),e.ELEMENT=t}(b||(b={}))}}]);
|
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 s})),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,"Button",(function(){return k}));var a=d(55),r=(d(48),d(1)),n=d(5),b=d(4),e=d(0),i=d(2),c=d(3),m=d(6),u=e.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{border:none;border-radius:1.125rem;cursor:pointer;display:inline-block;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;font-size:1rem;line-height:1.5rem;border-radius:1.125rem;height:2.25rem;padding:.5625rem 1.125rem .625rem 1.125rem;background-color:#dedede;border-color:transparent;color:#000;transition:background-color 150ms ease;background-color:var(--button-secondary-bg-color,#dedede);box-sizing:border-box;color:var(--button-secondary-text-color,#121212)}: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}: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::after{border-radius:1.125rem}: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: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.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: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{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{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;box-shadow:none;min-width:0}: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.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::after{border-radius:0}: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--size-none{font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;min-width:0}:host .md-button--size-none::after{border-radius:0}: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--28{font-size:.75rem;line-height:.9375rem;border-radius:1rem;height:1.75rem;padding:.375rem .875rem .4375rem .875rem}:host .md-button--28::after{border-radius:1rem}: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--32{font-size:.875rem;line-height:1rem;border-radius:1.125rem;height:2rem;padding:.5rem 1rem .5625rem 1rem}:host .md-button--32::after{border-radius:1.125rem}: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--36{font-size:.875rem;line-height:1.5rem;height:2.25rem;padding:.5625rem 1.125rem .625rem 1.125rem}: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:1.0625rem;border-radius:1.25rem;height:2.5rem;padding:.6875rem 1.25rem .75rem 1.25rem}:host .md-button--40::after{border-radius:1.25rem}: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--52{font-size:1rem;line-height:1.5rem;border-radius:1.625rem;height:3.25rem;padding:.875rem 1.625rem .9375rem 1.625rem}:host .md-button--52::after{border-radius:1.625rem}: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--circle{border-radius:100%;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem;padding:0}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;width:auto;height:auto;min-width:0;min-height:0}: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*="--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*="--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:.5rem;line-height:.5rem}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:.75rem;line-height:.75rem}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:.875rem;line-height:.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:#007aa3;border-color:transparent;color:#fff}:host .md-button--blue:focus{background-color:#005e7d;color:#fff}:host .md-button--blue:hover{background-color:#005e7d;color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:#064157;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.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:focus{background-color:#005e7d;color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:#005e7d;color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:#064157;color:#fff}: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--red{background-color:#f7644a;border-color:transparent;color:#fff}: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.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.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: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--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--green{background-color:#00ab50;border-color:transparent;color:#fff}: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.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.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: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--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--orange{background-color:#f26b1d;border-color:transparent;color:#fff}: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.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.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: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--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--yellow{background-color:#d97f00;border-color:transparent;color:#fff}: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.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.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: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--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--mint{background-color:#16a693;border-color:transparent;color:#fff}: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.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.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: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--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--purple{background-color:#e060de;border-color:transparent;color:#fff}: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.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.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: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--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--pink{background-color:#f0677e;border-color:transparent;color:#fff}: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.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.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: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--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--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}: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.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.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: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--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--white{background-color:#fff;border-color:transparent;color:#000}: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.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.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: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--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--dark-gray{background-color:var(--button-inverted-white-hover-bg-color,#292929);border-color:transparent;color:#fff}: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.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.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: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--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--duck-egg{background-color:#949494;border-color:transparent;color:#fff}: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.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.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: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--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--violet{background-color:#a87ff1;border-color:transparent;color:#fff}: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.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.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: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--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--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff;color:#007aa3}: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--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--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}: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--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[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;color:#545454;fill:#545454;font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;min-width:0}: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.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.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::after{border-radius:0}: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.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{background-color:transparent!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{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=secondary]) .md-button{background-color:var(--button-secondary-bg-color,#dedede);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color,#d4371c);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{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-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{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)}: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{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)}: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{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)}: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{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{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)}: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)}::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}`,l=function(t,o,d,a){var r,n=arguments.length,b=n<3?o:null===a?a=Object.getOwnPropertyDescriptor(o,d):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)b=Reflect.decorate(t,o,d,a);else for(var e=t.length-1;e>=0;e--)(r=t[e])&&(b=(n<3?r(b):n>3?r(o,d,b):r(o,d))||b);return n>3&&b&&Object.defineProperty(o,d,b),b};const s=["20","28","32","36","40","44","52","56","72","68","84","size-none",20,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","white","darkGrey"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""];var k;!function(t){let o=class extends e.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaExpanded="false",this.ariaHaspopup=!1,this.ariaPressed="false",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.clickFunction=null,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 e.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 s})),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,"Button",(function(){return k}));var a=d(55),r=(d(48),d(1)),n=d(5),b=d(4),e=d(0),i=d(2),c=d(3),m=d(6),u=e.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{border:none;border-radius:1.125rem;cursor:pointer;display:inline-block;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;font-size:1rem;line-height:1.5rem;border-radius:1.125rem;height:2.25rem;padding:.5625rem 1.125rem .625rem 1.125rem;background-color:#dedede;border-color:transparent;color:#000;transition:background-color 150ms ease;background-color:var(--button-secondary-bg-color,#dedede);box-sizing:border-box;color:var(--button-secondary-text-color,#121212)}: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}: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::after{border-radius:1.125rem}: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: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.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: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{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{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;box-shadow:none;min-width:0}: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.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::after{border-radius:0}: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--size-none{font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;min-width:0}:host .md-button--size-none::after{border-radius:0}: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--28{font-size:.75rem;line-height:.9375rem;border-radius:1rem;height:1.75rem;padding:.375rem .875rem .4375rem .875rem}:host .md-button--28::after{border-radius:1rem}: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--32{font-size:.875rem;line-height:1rem;border-radius:1.125rem;height:2rem;padding:.5rem 1rem .5625rem 1rem}:host .md-button--32::after{border-radius:1.125rem}: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--36{font-size:.875rem;line-height:1.5rem;height:2.25rem;padding:.5625rem 1.125rem .625rem 1.125rem}: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:1.0625rem;border-radius:1.25rem;height:2.5rem;padding:.6875rem 1.25rem .75rem 1.25rem}:host .md-button--40::after{border-radius:1.25rem}: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--52{font-size:1rem;line-height:1.5rem;border-radius:1.625rem;height:3.25rem;padding:.875rem 1.625rem .9375rem 1.625rem}:host .md-button--52::after{border-radius:1.625rem}: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--circle{border-radius:100%;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem;padding:0}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;width:auto;height:auto;min-width:0;min-height:0}: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*="--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*="--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:.5rem;line-height:.5rem}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:.75rem;line-height:.75rem}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:.875rem;line-height:.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:#007aa3;border-color:transparent;color:#fff}:host .md-button--blue:focus{background-color:#005e7d;color:#fff}:host .md-button--blue:hover{background-color:#005e7d;color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:#064157;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.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:focus{background-color:#005e7d;color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:#005e7d;color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:#064157;color:#fff}: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--red{background-color:#f7644a;border-color:transparent;color:#fff}: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.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.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: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--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--green{background-color:#00ab50;border-color:transparent;color:#fff}: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.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.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: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--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--orange{background-color:#f26b1d;border-color:transparent;color:#fff}: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.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.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: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--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--yellow{background-color:#d97f00;border-color:transparent;color:#fff}: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.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.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: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--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--mint{background-color:#16a693;border-color:transparent;color:#fff}: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.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.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: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--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--purple{background-color:#e060de;border-color:transparent;color:#fff}: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.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.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: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--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--pink{background-color:#f0677e;border-color:transparent;color:#fff}: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.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.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: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--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--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}: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.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.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: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--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--white{background-color:#fff;border-color:transparent;color:#000}: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.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.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: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--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--dark-gray{background-color:var(--button-inverted-white-hover-bg-color,#292929);border-color:transparent;color:#fff}: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.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.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: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--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--duck-egg{background-color:#949494;border-color:transparent;color:#fff}: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.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.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: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--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--violet{background-color:#a87ff1;border-color:transparent;color:#fff}: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.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.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: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--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--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff;color:#007aa3}: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--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--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}: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--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[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;color:#545454;fill:#545454;font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;min-width:0}: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.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.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::after{border-radius:0}: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.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{background-color:transparent!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{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=secondary]) .md-button{background-color:var(--button-secondary-bg-color,#dedede);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color,#d4371c);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{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-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{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)}: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{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)}: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{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)}: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{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{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)}: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)}::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}`,l=function(t,o,d,a){var r,n=arguments.length,b=n<3?o:null===a?a=Object.getOwnPropertyDescriptor(o,d):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)b=Reflect.decorate(t,o,d,a);else for(var e=t.length-1;e>=0;e--)(r=t[e])&&(b=(n<3?r(b):n>3?r(o,d,b):r(o,d))||b);return n>3&&b&&Object.defineProperty(o,d,b),b};const s=["20","28","32","36","40","44","52","56","72","68","84","size-none",20,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","white","darkGrey"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""];var k;!function(t){let o=class extends e.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaExpanded="",this.ariaHaspopup=!1,this.ariaPressed="false",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.clickFunction=null,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 e.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-button--${this.size} {
|
|
4
4
|
${this.renderWidth()};
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<slot name="icon"></slot>
|
|
12
12
|
`,this.textTemplate=()=>this.circle&&this.hasIcon?i.nothing:e.html`
|
|
13
13
|
<slot name="text"></slot>
|
|
14
|
-
`}get active(){return this._active}set active(t){const o=this._active;this._active=t,this.requestUpdate("active",o)}get tabIndex(){return this.disabled?-1:this._tabIndex}set tabIndex(t){const o=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",o)}handleKeyDown(t){if(this.disabled)return;const{code:o}=t;o!==r.
|
|
14
|
+
`}get active(){return this._active}set active(t){const o=this._active;this._active=t,this.requestUpdate("active",o)}get tabIndex(){return this.disabled?-1:this._tabIndex}set tabIndex(t){const o=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",o)}handleKeyDown(t){if(this.disabled)return;const{code:o}=t;o!==r.b.Enter&&o!==r.b.Space||this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.disabled||(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[b.a,u,a.a]}get buttonClassMap(){return{"md-button--circle":this.circle,"md-button--none":this.hasRemoveStyle,"md-button--outline":this.outline,active:this.active&&!this.disabled,["md-button--"+this.size]:!this.hasRemoveStyle,["md-button--"+this.color]:!this.hasRemoveStyle&&!!this.color,["md-activity__"+this.activityType]:!!this.activityType,"md-activity":!!this.activityType,"md-button--icon":this.iconActive,"md-button--onlyicon":this.hasIcon&&!this.slottedText}}get slottedText(){var t;return null===(t=this.querySelector("[slot=text]"))||void 0===t?void 0:t.textContent}get hasIcon(){return null!==this.querySelector("[slot=icon]")||this.loading}childrenTemplate(){return e.html`
|
|
15
15
|
<span part="button-children" class="md-button__children">
|
|
16
16
|
${this.iconTemplate()} ${this.textTemplate()}
|
|
17
17
|
<slot></slot>
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
tabindex=${this.tabIndex}
|
|
27
27
|
aria-label=${Object(m.ifDefined)(this.ariaLabel||void 0)}
|
|
28
28
|
aria-labelledby=${Object(m.ifDefined)(this.ariaLabelledBy||void 0)}
|
|
29
|
-
aria-expanded="${"true"===this.ariaExpanded}"
|
|
30
|
-
aria-haspopup=${this.ariaHaspopup}
|
|
29
|
+
aria-expanded="${this.ariaExpanded?"true"===this.ariaExpanded:Object(m.ifDefined)(this.ariaExpanded)}"
|
|
30
|
+
aria-haspopup=${Object(m.ifDefined)(this.ariaHaspopup||void 0)}
|
|
31
31
|
type=${this.type}
|
|
32
32
|
role=${this.role}
|
|
33
33
|
?disabled=${this.disabled||this.loading}
|
package/dist/chunks/md-70.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[70],{116:function(d,e,m){"use strict";m.r(e),m.d(e,"modalType",(function(){return _})),m.d(e,"Modal",(function(){return p}));m(17),m(15);var o=m(1),a=m(7),l=m(5),t=m(4),i=m(0),n=m(2),r=m(3),s=i.css`.md-modal{color:var(--md-primary-text-color,#121212);display:block;height:100vh;left:0;margin:0 auto;position:fixed;right:0;visibility:visible;width:100vw;width:100vw;max-height:none;top:auto}.md-modal .md-modal__title{color:var(--md-primary-text-color,#707070)}.md-modal .md-modal__content{height:auto;min-height:0;border-radius:var(--modal-main-radius,.5rem);max-height:none}.md-modal:focus{box-shadow:none}.md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5rem;width:100%;flex-shrink:0;padding-bottom:1rem;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2)}.md-modal__header .md-modal__title{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.md-modal__header .md-modal__message{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5rem;width:100%;color:var(--modal-main-text-color,#545454);flex-flow:row wrap;text-align:center}.md-modal__header .md-modal__close{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border:0;position:absolute}.md-modal__content{background-color:var(--modal-main-bg-color,#fff);box-shadow:0 8px 16px 0 rgba(0,0,0,.16);border:1px solid var(--modal-main-border-color,#dedede);display:flex;flex-direction:column}.md-modal__flex-container{display:flex;flex:1 1 0%;flex-direction:column;max-height:inherit;min-height:inherit;padding:var(--modal-main-padding,1.5rem 1rem);width:100%}.md-modal__body{align-items:stretch;align-self:stretch;background:var(--modal-main-bg-color,#fff);display:flex;flex:1 1 auto;flex-direction:column;margin:0;overflow-x:hidden;overflow-y:auto;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2)}.md-modal__body--padding{padding:0 2rem}.md-modal__footer{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end;flex-shrink:0;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2);padding-top:1rem;width:100%}.md-modal__footer md-button:not(:first-of-type){margin-left:.75rem}.md-modal__footer ::slotted(md-button){margin-left:.75rem}.md-modal.md-modal--full{width:100vw;max-height:none;top:auto}.md-modal.md-modal--full .md-modal__content{height:100vh;min-height:0;border-radius:0;max-height:none}.md-modal.md-modal--full .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2.25rem;line-height:3rem;width:100%}.md-modal.md-modal--full .md-modal__header .md-modal__message{font-size:1.25rem;line-height:2rem;padding-top:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close{height:1.25rem;right:1.5rem;top:auto;width:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close::before{font-size:1.25rem}.md-modal.md-modal--full .md-modal__footer{padding-bottom:1.5rem;padding-top:1.5rem}.md-modal.md-modal--large{width:60rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:45rem;border-radius:var(--modal-main-radius,.5rem);max-height:none}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.625rem;line-height:2rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:1rem;line-height:1.5rem;text-align:left}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:1rem;right:1rem;top:auto;width:1rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:1rem}@media only screen and (min-width:40.0625em) and (max-width:64em){.md-modal.md-modal--large{width:40rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;text-align:center}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:.875rem}}@media only screen and (max-height:50em){.md-modal.md-modal--large .md-modal__content{min-height:auto}}.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--default .md-modal__close,.md-modal.md-modal--medium .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__close::before,.md-modal.md-modal--medium .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em) and (max-width:64em){.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}}@media only screen and (max-height:50em){.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:auto}}.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}.md-modal.md-modal--small .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--small .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em) and (max-width:64em){.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}}.md-modal.md-modal--dialog{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--dialog .md-modal__content{height:auto;min-height:0;border-radius:var(--modal-main-radius,.5rem);max-height:none}.md-modal.md-modal--dialog .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--dialog .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--dialog .md-modal__content{flex-direction:row}.md-modal.md-modal--dialog .md-modal__content .md-modal__header{align-items:flex-start;padding:0 0 .75rem 0}.md-modal.md-modal--dialog .md-modal__content .md-modal__title{font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__body{margin-bottom:1.5rem;text-align:left}.md-modal.md-modal--dialog .md-modal__content .md-modal__body>*{font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.375rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__footer{display:flex;justify-content:flex-end;padding:0}.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:40em){.md-modal.md-modal--default.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--dialog.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--large.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--medium.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--small.md-modal--dialog .md-modal__flex-container{min-height:calc(100vh - (1.5rem * 2))}}@media only screen and (max-width:40em){.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{width:100vw;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--dialog .md-modal__content,.md-modal.md-modal--full .md-modal__content,.md-modal.md-modal--large .md-modal__content,.md-modal.md-modal--medium .md-modal__content,.md-modal.md-modal--small .md-modal__content{height:100vh;min-height:0;border-radius:0;max-height:none}.md-modal.md-modal--default .md-modal__flex-container,.md-modal.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full .md-modal__flex-container,.md-modal.md-modal--large .md-modal__flex-container,.md-modal.md-modal--medium .md-modal__flex-container,.md-modal.md-modal--small .md-modal__flex-container{min-height:100vh}.md-modal.md-modal--default .md-modal__header,.md-modal.md-modal--dialog .md-modal__header,.md-modal.md-modal--full .md-modal__header,.md-modal.md-modal--large .md-modal__header,.md-modal.md-modal--medium .md-modal__header,.md-modal.md-modal--small .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5rem;width:100%}.md-modal.md-modal--default .md-modal__header .md-modal__message,.md-modal.md-modal--dialog .md-modal__header .md-modal__message,.md-modal.md-modal--full .md-modal__header .md-modal__message,.md-modal.md-modal--large .md-modal__header .md-modal__message,.md-modal.md-modal--medium .md-modal__header .md-modal__message,.md-modal.md-modal--small .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;padding-top:.75rem}.md-modal.md-modal--default .md-modal__header .md-modal__close,.md-modal.md-modal--dialog .md-modal__header .md-modal__close,.md-modal.md-modal--full .md-modal__header .md-modal__close,.md-modal.md-modal--large .md-modal__header .md-modal__close,.md-modal.md-modal--medium .md-modal__header .md-modal__close,.md-modal.md-modal--small .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__header .md-modal__close::before,.md-modal.md-modal--dialog .md-modal__header .md-modal__close::before,.md-modal.md-modal--full .md-modal__header .md-modal__close::before,.md-modal.md-modal--large .md-modal__header .md-modal__close::before,.md-modal.md-modal--medium .md-modal__header .md-modal__close::before,.md-modal.md-modal--small .md-modal__header .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--default .md-modal__footer,.md-modal.md-modal--dialog .md-modal__footer,.md-modal.md-modal--full .md-modal__footer,.md-modal.md-modal--large .md-modal__footer,.md-modal.md-modal--medium .md-modal__footer,.md-modal.md-modal--small .md-modal__footer{padding:var(--modal-main-padding,1.5rem 1rem);padding-right:1.5rem}.md-modal.md-modal--default .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--dialog .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--full .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--large .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--medium .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--small .md-modal__footer md-button:not(:first-of-type){margin-left:1rem}}.md-modal__backdrop{background:rgba(0,0,0,.45);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1040}.md-modal__backdrop .md-modal_overlay{bottom:0;position:absolute;top:0;width:100%}.md-close{color:#545454;float:right;font-size:21px;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff}.md-close:focus,.md-close:hover{color:#064157;cursor:pointer;text-decoration:none}.md-close{background:0 0;border-radius:0;cursor:pointer;font-weight:400;min-width:initial;padding:0}.md-close::before{font-family:momentum-ui-icons;vertical-align:middle}.md-close:hover{color:#005e7d}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}`,h=function(d,e,m,o){var a,l=arguments.length,t=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,m):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(d,e,m,o);else for(var i=d.length-1;i>=0;i--)(a=d[i])&&(t=(l<3?a(t):l>3?a(e,m,t):a(e,m))||t);return l>3&&t&&Object.defineProperty(e,m,t),t},c=function(d,e,m,o){return new(m||(m=Promise))((function(a,l){function t(d){try{n(o.next(d))}catch(d){l(d)}}function i(d){try{n(o.throw(d))}catch(d){l(d)}}function n(d){var e;d.done?a(d.value):(e=d.value,e instanceof m?e:new m((function(d){d(e)}))).then(t,i)}n((o=o.apply(d,e||[])).next())}))};const _=["default","full","large","small","dialog"];var p;!function(d){let e=class extends(Object(a.b)(i.LitElement)){constructor(){super(...arguments),this.show=!1,this.headerLabel="",this.headerMessage="",this.htmlId="",this.ariaLabel="modal",this.ariaLabelledBy="",this.ariaLabelClose="Close Modal",this.ariaLabelCancel="Cancel Modal",this.ariaLabelSubmit="Submit Modal",this.ariaDescription="",this.showCloseButton=!1,this.backdropClickExit=!1,this.noExitOnEsc=!1,this.size="default",this.closeBtnName="",this.hideFooter=!1,this.hideHeader=!1,this.disableInitialFocus=!1,this.animating=!1,this.handleCloseOutside=d=>{d.code===o.a.Escape&&(d.preventDefault(),this.show&&!this.noExitOnEsc&&(this.show=!1))}}static get styles(){return[t.a,s]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleCloseOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleCloseOutside)}update(d){super.update(d),d.has("show")&&(this.show?this.modalFadeIn():!0===d.get("show")&&this.modalFadeOut())}notifyModalClose(){this.dispatchEvent(new CustomEvent("close-modal",{composed:!0,bubbles:!0}))}focusInsideModal(){this.focusableElements&&this.focusableElements.length&&this.setInitialFocus()}handleKeyDown(d){d.code!==o.a.Enter&&d.code!==o.a.Space||this.show&&(this.show=!0)}transitionPromise(d){return new Promise(e=>{const m=()=>{d.removeEventListener("transitionend",m),this.activateFocusTrap(),this.setFocusableElements(),requestAnimationFrame(()=>{e()})},o=()=>{d.removeEventListener("transitioncancel",o),this.deactivateFocusTrap(),this.modalFadeOut(),e()};d.addEventListener("transitionend",m),d.addEventListener("transitioncancel",o),setTimeout(()=>{this.animating=!0},13)})}modalFadeIn(){return c(this,void 0,void 0,(function*(){this.backDrop&&(yield this.transitionPromise(this.backDrop),this.disableInitialFocus||this.focusInsideModal())}))}modalFadeOut(){this.animating=!1,this.deactivateFocusTrap(),this.notifyModalClose()}handleCloseBackdrop(){this.backdropClickExit&&(this.show=!1)}hideModal(){this.animating=!1,this.show=!1}topCloseBtnTemplate(){return i.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[70],{116:function(d,e,m){"use strict";m.r(e),m.d(e,"modalType",(function(){return _})),m.d(e,"Modal",(function(){return p}));m(17),m(15);var o=m(1),a=m(7),l=m(5),t=m(4),i=m(0),n=m(2),r=m(3),s=i.css`.md-modal{color:var(--md-primary-text-color,#121212);display:block;height:100vh;left:0;margin:0 auto;position:fixed;right:0;visibility:visible;width:100vw;width:100vw;max-height:none;top:auto}.md-modal .md-modal__title{color:var(--md-primary-text-color,#707070)}.md-modal .md-modal__content{height:auto;min-height:0;border-radius:var(--modal-main-radius,.5rem);max-height:none}.md-modal:focus{box-shadow:none}.md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5rem;width:100%;flex-shrink:0;padding-bottom:1rem;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2)}.md-modal__header .md-modal__title{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.md-modal__header .md-modal__message{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5rem;width:100%;color:var(--modal-main-text-color,#545454);flex-flow:row wrap;text-align:center}.md-modal__header .md-modal__close{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border:0;position:absolute}.md-modal__content{background-color:var(--modal-main-bg-color,#fff);box-shadow:0 8px 16px 0 rgba(0,0,0,.16);border:1px solid var(--modal-main-border-color,#dedede);display:flex;flex-direction:column}.md-modal__flex-container{display:flex;flex:1 1 0%;flex-direction:column;max-height:inherit;min-height:inherit;padding:var(--modal-main-padding,1.5rem 1rem);width:100%}.md-modal__body{align-items:stretch;align-self:stretch;background:var(--modal-main-bg-color,#fff);display:flex;flex:1 1 auto;flex-direction:column;margin:0;overflow-x:hidden;overflow-y:auto;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2)}.md-modal__body--padding{padding:0 2rem}.md-modal__footer{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end;flex-shrink:0;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2);padding-top:1rem;width:100%}.md-modal__footer md-button:not(:first-of-type){margin-left:.75rem}.md-modal__footer ::slotted(md-button){margin-left:.75rem}.md-modal.md-modal--full{width:100vw;max-height:none;top:auto}.md-modal.md-modal--full .md-modal__content{height:100vh;min-height:0;border-radius:0;max-height:none}.md-modal.md-modal--full .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2.25rem;line-height:3rem;width:100%}.md-modal.md-modal--full .md-modal__header .md-modal__message{font-size:1.25rem;line-height:2rem;padding-top:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close{height:1.25rem;right:1.5rem;top:auto;width:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close::before{font-size:1.25rem}.md-modal.md-modal--full .md-modal__footer{padding-bottom:1.5rem;padding-top:1.5rem}.md-modal.md-modal--large{width:60rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:45rem;border-radius:var(--modal-main-radius,.5rem);max-height:none}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.625rem;line-height:2rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:1rem;line-height:1.5rem;text-align:left}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:1rem;right:1rem;top:auto;width:1rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:1rem}@media only screen and (min-width:40.0625em) and (max-width:64em){.md-modal.md-modal--large{width:40rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;text-align:center}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:.875rem}}@media only screen and (max-height:50em){.md-modal.md-modal--large .md-modal__content{min-height:auto}}.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--default .md-modal__close,.md-modal.md-modal--medium .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__close::before,.md-modal.md-modal--medium .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em) and (max-width:64em){.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}}@media only screen and (max-height:50em){.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:auto}}.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}.md-modal.md-modal--small .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--small .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em) and (max-width:64em){.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}}.md-modal.md-modal--dialog{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--dialog .md-modal__content{height:auto;min-height:0;border-radius:var(--modal-main-radius,.5rem);max-height:none}.md-modal.md-modal--dialog .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--dialog .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--dialog .md-modal__content{flex-direction:row}.md-modal.md-modal--dialog .md-modal__content .md-modal__header{align-items:flex-start;padding:0 0 .75rem 0}.md-modal.md-modal--dialog .md-modal__content .md-modal__title{font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__body{margin-bottom:1.5rem;text-align:left}.md-modal.md-modal--dialog .md-modal__content .md-modal__body>*{font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.375rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__footer{display:flex;justify-content:flex-end;padding:0}.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:40em){.md-modal.md-modal--default.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--dialog.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--large.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--medium.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--small.md-modal--dialog .md-modal__flex-container{min-height:calc(100vh - (1.5rem * 2))}}@media only screen and (max-width:40em){.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{width:100vw;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--dialog .md-modal__content,.md-modal.md-modal--full .md-modal__content,.md-modal.md-modal--large .md-modal__content,.md-modal.md-modal--medium .md-modal__content,.md-modal.md-modal--small .md-modal__content{height:100vh;min-height:0;border-radius:0;max-height:none}.md-modal.md-modal--default .md-modal__flex-container,.md-modal.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full .md-modal__flex-container,.md-modal.md-modal--large .md-modal__flex-container,.md-modal.md-modal--medium .md-modal__flex-container,.md-modal.md-modal--small .md-modal__flex-container{min-height:100vh}.md-modal.md-modal--default .md-modal__header,.md-modal.md-modal--dialog .md-modal__header,.md-modal.md-modal--full .md-modal__header,.md-modal.md-modal--large .md-modal__header,.md-modal.md-modal--medium .md-modal__header,.md-modal.md-modal--small .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5rem;width:100%}.md-modal.md-modal--default .md-modal__header .md-modal__message,.md-modal.md-modal--dialog .md-modal__header .md-modal__message,.md-modal.md-modal--full .md-modal__header .md-modal__message,.md-modal.md-modal--large .md-modal__header .md-modal__message,.md-modal.md-modal--medium .md-modal__header .md-modal__message,.md-modal.md-modal--small .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;padding-top:.75rem}.md-modal.md-modal--default .md-modal__header .md-modal__close,.md-modal.md-modal--dialog .md-modal__header .md-modal__close,.md-modal.md-modal--full .md-modal__header .md-modal__close,.md-modal.md-modal--large .md-modal__header .md-modal__close,.md-modal.md-modal--medium .md-modal__header .md-modal__close,.md-modal.md-modal--small .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__header .md-modal__close::before,.md-modal.md-modal--dialog .md-modal__header .md-modal__close::before,.md-modal.md-modal--full .md-modal__header .md-modal__close::before,.md-modal.md-modal--large .md-modal__header .md-modal__close::before,.md-modal.md-modal--medium .md-modal__header .md-modal__close::before,.md-modal.md-modal--small .md-modal__header .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--default .md-modal__footer,.md-modal.md-modal--dialog .md-modal__footer,.md-modal.md-modal--full .md-modal__footer,.md-modal.md-modal--large .md-modal__footer,.md-modal.md-modal--medium .md-modal__footer,.md-modal.md-modal--small .md-modal__footer{padding:var(--modal-main-padding,1.5rem 1rem);padding-right:1.5rem}.md-modal.md-modal--default .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--dialog .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--full .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--large .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--medium .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--small .md-modal__footer md-button:not(:first-of-type){margin-left:1rem}}.md-modal__backdrop{background:rgba(0,0,0,.45);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1040}.md-modal__backdrop .md-modal_overlay{bottom:0;position:absolute;top:0;width:100%}.md-close{color:#545454;float:right;font-size:21px;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff}.md-close:focus,.md-close:hover{color:#064157;cursor:pointer;text-decoration:none}.md-close{background:0 0;border-radius:0;cursor:pointer;font-weight:400;min-width:initial;padding:0}.md-close::before{font-family:momentum-ui-icons;vertical-align:middle}.md-close:hover{color:#005e7d}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}`,h=function(d,e,m,o){var a,l=arguments.length,t=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,m):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(d,e,m,o);else for(var i=d.length-1;i>=0;i--)(a=d[i])&&(t=(l<3?a(t):l>3?a(e,m,t):a(e,m))||t);return l>3&&t&&Object.defineProperty(e,m,t),t},c=function(d,e,m,o){return new(m||(m=Promise))((function(a,l){function t(d){try{n(o.next(d))}catch(d){l(d)}}function i(d){try{n(o.throw(d))}catch(d){l(d)}}function n(d){var e;d.done?a(d.value):(e=d.value,e instanceof m?e:new m((function(d){d(e)}))).then(t,i)}n((o=o.apply(d,e||[])).next())}))};const _=["default","full","large","small","dialog"];var p;!function(d){let e=class extends(Object(a.b)(i.LitElement)){constructor(){super(...arguments),this.show=!1,this.headerLabel="",this.headerMessage="",this.htmlId="",this.ariaLabel="modal",this.ariaLabelledBy="",this.ariaLabelClose="Close Modal",this.ariaLabelCancel="Cancel Modal",this.ariaLabelSubmit="Submit Modal",this.ariaDescription="",this.showCloseButton=!1,this.backdropClickExit=!1,this.noExitOnEsc=!1,this.size="default",this.closeBtnName="",this.hideFooter=!1,this.hideHeader=!1,this.disableInitialFocus=!1,this.animating=!1,this.handleCloseOutside=d=>{d.code===o.b.Escape&&(d.preventDefault(),this.show&&!this.noExitOnEsc&&(this.show=!1))}}static get styles(){return[t.a,s]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleCloseOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleCloseOutside)}update(d){super.update(d),d.has("show")&&(this.show?this.modalFadeIn():!0===d.get("show")&&this.modalFadeOut())}notifyModalClose(){this.dispatchEvent(new CustomEvent("close-modal",{composed:!0,bubbles:!0}))}focusInsideModal(){this.focusableElements&&this.focusableElements.length&&this.setInitialFocus()}handleKeyDown(d){d.code!==o.b.Enter&&d.code!==o.b.Space||this.show&&(this.show=!0)}transitionPromise(d){return new Promise(e=>{const m=()=>{d.removeEventListener("transitionend",m),this.activateFocusTrap(),this.setFocusableElements(),requestAnimationFrame(()=>{e()})},o=()=>{d.removeEventListener("transitioncancel",o),this.deactivateFocusTrap(),this.modalFadeOut(),e()};d.addEventListener("transitionend",m),d.addEventListener("transitioncancel",o),setTimeout(()=>{this.animating=!0},13)})}modalFadeIn(){return c(this,void 0,void 0,(function*(){this.backDrop&&(yield this.transitionPromise(this.backDrop),this.disableInitialFocus||this.focusInsideModal())}))}modalFadeOut(){this.animating=!1,this.deactivateFocusTrap(),this.notifyModalClose()}handleCloseBackdrop(){this.backdropClickExit&&(this.show=!1)}hideModal(){this.animating=!1,this.show=!1}topCloseBtnTemplate(){return i.html`
|
|
2
2
|
${this.showCloseButton?i.html`
|
|
3
3
|
<md-button
|
|
4
4
|
hasRemoveStyle
|
package/dist/chunks/md-74.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{97:function(e,t,s){"use strict";s.r(t),s.d(t,"RadioGroup",(function(){return i}));var i,d=s(1),o=s(7),c=s(4),n=s(5),r=s(0),h=s(64),
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{97:function(e,t,s){"use strict";s.r(t),s.d(t,"RadioGroup",(function(){return i}));var i,d=s(1),o=s(7),c=s(4),n=s(5),r=s(0),h=s(64),l=function(e,t,s,i){var d,o=arguments.length,c=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(d=e[n])&&(c=(o<3?d(c):o>3?d(t,s,c):d(t,s))||c);return o>3&&c&&Object.defineProperty(t,s,c),c};!function(e){let t=class extends(Object(o.d)(r.LitElement)){constructor(){super(...arguments),this.label="group",this.checked=-1,this.alignment="vertical"}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}updated(e){super.updated(e),(e.has("slotted")||e.has("checked"))&&this.setFirstChecked()}get selectedRadioValue(){return this.slotted[this.selected].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("radio-change",{detail:{selected:this.selectedRadioValue},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}setFirstChecked(){-1!==this.checked&&(this.selected=this.checked,this.setChecked(this.checked))}findRadioIndex(e){const t=e.composedPath();return this.slotted.findIndex(e=>t.includes(e))}findCheckedRadioIndex(){return this.slotted.findIndex(e=>e.checked)}setChecked(e){const t=this.findCheckedRadioIndex();-1!==t&&t!==e&&this.slotted[t]&&(this.slotted[t].checked=!1),this.slotted[e]&&(this.slotted[e].checked=!0)}switchRadioOnArrowPress(e,t=1){const s=super.getAvailableSelectedIndex(e,t);-1!==s&&(this.selected=s,this.setChecked(s),this.notifySelectedChange())}isRadioDisabled(e){return this.slotted[e].disabled}handleClick(e){const t=this.findRadioIndex(e);-1!==t&&(this.isRadioDisabled(t)||(this.selected=t,this.setChecked(t),this.notifySelectedChange()))}handleKeyDown(e){const{code:t}=e;switch(t){case d.b.Enter:case d.b.Space:this.isRadioDisabled(this.selected)||(this.setChecked(this.selected),this.notifySelectedChange());break;case d.b.ArrowUp:case d.b.ArrowLeft:0===this.selected?this.switchRadioOnArrowPress(this.slotted.length-1,-1):this.switchRadioOnArrowPress(this.selected-1,-1);break;case d.b.ArrowDown:case d.b.ArrowRight:this.selected===this.slotted.length-1?this.switchRadioOnArrowPress(0):this.switchRadioOnArrowPress(this.selected+1)}}get slotElement(){return this.radioSlot}static get styles(){return[c.a,h.a]}render(){return r.html`
|
|
2
2
|
<div>
|
|
3
3
|
<slot name="radio"></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};
|
|
5
|
+
`}};l([Object(r.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),l([Object(r.property)({type:Number,reflect:!0})],t.prototype,"checked",void 0),l([Object(r.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),l([Object(r.query)("slot[name='radio']")],t.prototype,"radioSlot",void 0),t=l([Object(n.a)("md-radiogroup")],t),e.ELEMENT=t}(i||(i={}))}}]);
|