@momentum-ui/web-components 2.10.5 → 2.10.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-10.js +3 -2
- package/dist/chunks/md-13.js +1 -1
- package/dist/chunks/md-15.js +4 -4
- package/dist/chunks/md-16.js +1 -1
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-23.js +1 -1
- package/dist/chunks/md-29.js +1 -1
- package/dist/chunks/md-30.js +1 -1
- package/dist/chunks/md-36.js +1 -1
- package/dist/chunks/md-37.js +1 -1
- package/dist/chunks/md-39.js +1 -1
- package/dist/chunks/md-40.js +1 -1
- package/dist/chunks/md-41.js +1 -1
- package/dist/chunks/md-42.js +1 -1
- package/dist/chunks/md-45.js +1 -1
- package/dist/chunks/md-48.js +1 -1
- package/dist/chunks/md-49.js +1 -1
- package/dist/chunks/md-5.js +1 -1
- package/dist/chunks/md-50.js +1 -1
- package/dist/chunks/md-52.js +1 -1
- package/dist/chunks/md-53.js +1 -1
- package/dist/chunks/md-56.js +8 -8
- package/dist/chunks/md-60.js +1 -1
- package/dist/chunks/md-62.js +1 -1
- package/dist/chunks/md-63.js +5 -5
- package/dist/chunks/md-64.js +1 -1
- package/dist/chunks/md-65.js +1 -1
- package/dist/chunks/md-66.js +1 -1
- package/dist/chunks/md-67.js +1 -1
- package/dist/chunks/md-68.js +1 -1
- package/dist/chunks/md-69.js +1 -1
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-71.js +3 -4
- package/dist/chunks/md-72.js +1 -1
- package/dist/chunks/md-73.js +1 -1
- package/dist/chunks/md-74.js +1 -1
- package/dist/chunks/md-76.js +1 -1
- package/dist/chunks/md-78.js +1 -1
- package/dist/chunks/md-79.js +1 -1
- package/dist/chunks/md-81.js +1 -1
- package/dist/chunks/md-82.js +1 -1
- package/dist/chunks/md-83.js +1 -1
- package/dist/comp/md-accordion-item-entry.js +1 -1
- package/dist/comp/md-activity-button-entry.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +1 -1
- package/dist/comp/md-alert-entry.js +1 -1
- package/dist/comp/md-audio-player-entry.js +1 -1
- package/dist/comp/md-avatar-entry.js +1 -1
- package/dist/comp/md-badge-entry.js +1 -1
- package/dist/comp/md-breadcrumb-entry.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-card-entry.js +1 -1
- package/dist/comp/md-chat-message-entry.js +1 -1
- package/dist/comp/md-chip-entry.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-combobox-entry.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +1 -1
- package/dist/comp/md-datepicker-day-entry.js +1 -1
- package/dist/comp/md-datepicker-entry.js +1 -1
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-week-entry.js +1 -1
- package/dist/comp/md-draggable-item-entry.js +1 -1
- package/dist/comp/md-dropdown-entry.js +1 -1
- package/dist/comp/md-editable-field-entry.js +1 -1
- package/dist/comp/md-favorite-entry.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +1 -1
- package/dist/comp/md-form-entry.js +1 -1
- package/dist/comp/md-icon-entry.js +1 -1
- package/dist/comp/md-input-entry.js +1 -1
- package/dist/comp/md-input-file.js +1 -1
- package/dist/comp/md-link-entry.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +1 -1
- package/dist/comp/md-menu-entry.js +1 -1
- package/dist/comp/md-menu-item-entry.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- package/dist/comp/md-modal-entry.js +1 -1
- package/dist/comp/md-pagination-entry.js +1 -1
- package/dist/comp/md-phone-input-entry.js +1 -1
- package/dist/comp/md-radio-entry.js +1 -1
- package/dist/comp/md-slider-entry.js +1 -1
- package/dist/comp/md-tab-entry.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +1 -1
- package/dist/comp/md-table-entry.js +1 -1
- package/dist/comp/md-tabs-entry.js +1 -1
- package/dist/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/types/components/chip/Chip.d.ts +6 -1
- package/dist/types/components/icon/Icon.d.ts +1 -0
- package/dist/types/components/menu-overlay/MenuOverlay.d.ts +1 -0
- package/dist/types/components/modal/Modal.d.ts +0 -1
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/package.json +1 -1
package/dist/chunks/md-69.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{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(5),a=r(6),i=r(0),n=r(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{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(5),a=r(6),i=r(0),n=r(3),d=(r(43),r(17),r(15),r(2));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-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,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var a=d(55),r=(d(48),d(1)),n=d(6),e=d(5),b=d(0),i=d(2),c=d(4),m=d(3),u=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{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,:host .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color,#007aa3)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{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,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color,#007aa3);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color,#005e7d)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color,#064157)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=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,: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,: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,: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,: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,: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,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color,#fff);color:var(--button-white-text-color,#545454)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color,#ededed)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color,#dedede)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color,#ccc);color:var(--button-white-outline-text-color,#545454)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color,#3b3b3b);color:var(--button-inverted-white-text-color,#fff)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color,#292929)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color,#1c1c1c)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color,#b2b2b2);color:var(--button-inverted-white-outline-text-color,#b2b2b2)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color,#fff7e3)}: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,e=n<3?o:null===a?a=Object.getOwnPropertyDescriptor(o,d):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,a);else for(var b=t.length-1;b>=0;b--)(r=t[b])&&(e=(n<3?r(e):n>3?r(o,d,e):r(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};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",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.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 b.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[7],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return 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,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var a=d(55),r=(d(48),d(1)),n=d(6),e=d(5),b=d(0),i=d(3),c=d(4),m=d(2),u=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{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,:host .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color,#007aa3)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{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,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color,#007aa3);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color,#005e7d)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color,#064157)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=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,: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,: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,: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,: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,: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,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color,#fff);color:var(--button-white-text-color,#545454)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color,#ededed)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color,#dedede)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color,#ccc);color:var(--button-white-outline-text-color,#545454)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color,#3b3b3b);color:var(--button-inverted-white-text-color,#fff)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color,#292929)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color,#1c1c1c)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color,#b2b2b2);color:var(--button-inverted-white-outline-text-color,#b2b2b2)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color,#fff7e3)}: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,e=n<3?o:null===a?a=Object.getOwnPropertyDescriptor(o,d):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,a);else for(var b=t.length-1;b>=0;b--)(r=t[b])&&(e=(n<3?r(e):n>3?r(o,d,e):r(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};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",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.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 b.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-button--${this.size} {
|
|
4
4
|
${this.renderWidth()};
|
package/dist/chunks/md-71.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{117:function(d,e,m){"use strict";m.r(e),m.d(e,"modalType",(function(){return f})),m.d(e,"Modal",(function(){return p}));m(17),m(15);var o=m(1),a=m(7),l=m(6),t=m(5),i=m(0),n=m(2),r=m(4),s=m(3),h=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 h2{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.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:rgba(0,0,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}`,c=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},_=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 f=["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="modal_header",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,h]}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 _(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([[71],{117:function(d,e,m){"use strict";m.r(e),m.d(e,"modalType",(function(){return f})),m.d(e,"Modal",(function(){return p}));m(17),m(15);var o=m(1),a=m(7),l=m(6),t=m(5),i=m(0),n=m(3),r=m(4),s=m(2),h=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 h2{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.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:rgba(0,0,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}`,c=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},_=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 f=["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.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,h]}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 _(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
|
|
@@ -58,8 +58,7 @@
|
|
|
58
58
|
role="dialog"
|
|
59
59
|
id="${this.htmlId}"
|
|
60
60
|
class="md-modal ${Object(r.classMap)(this.modalContainerClassMap)}"
|
|
61
|
-
aria-label="${this.ariaLabel}"
|
|
62
|
-
aria-labelledby=${this.ariaLabelledBy}
|
|
61
|
+
aria-label="${Object(s.ifDefined)(this.headerLabel||this.ariaLabel||void 0)}"
|
|
63
62
|
aria-describedby=${Object(s.ifDefined)(this.ariaDescription||void 0)}
|
|
64
63
|
>
|
|
65
64
|
<div part="modal-content" class="md-modal__content">
|
|
@@ -74,4 +73,4 @@
|
|
|
74
73
|
</div>
|
|
75
74
|
</div>
|
|
76
75
|
`:n.nothing}
|
|
77
|
-
`}};c([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),c([Object(i.property)({type:String})],e.prototype,"headerLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"headerMessage",void 0),c([Object(i.property)({type:String})],e.prototype,"htmlId",void 0),c([Object(i.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),c([Object(i.property)({type:String
|
|
76
|
+
`}};c([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),c([Object(i.property)({type:String})],e.prototype,"headerLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"headerMessage",void 0),c([Object(i.property)({type:String})],e.prototype,"htmlId",void 0),c([Object(i.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelClose",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelCancel",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelSubmit",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaDescription",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"showCloseButton",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"backdropClickExit",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"noExitOnEsc",void 0),c([Object(i.property)({type:String})],e.prototype,"size",void 0),c([Object(i.property)({type:String})],e.prototype,"closeBtnName",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"hideFooter",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"hideHeader",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"disableInitialFocus",void 0),c([Object(i.internalProperty)()],e.prototype,"animating",void 0),c([Object(i.query)(".md-modal__backdrop")],e.prototype,"backDrop",void 0),e=c([Object(l.a)("md-modal")],e),d.ELEMENT=e}(p||(p={}))}}]);
|
package/dist/chunks/md-72.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{118:function(t,e,a){"use strict";a.r(e),a.d(e,"Pagination",(function(){return i}));var i,n=a(5),o=a(6),r=a(0),s=a(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{118:function(t,e,a){"use strict";a.r(e),a.d(e,"Pagination",(function(){return i}));var i,n=a(5),o=a(6),r=a(0),s=a(3),l=r.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-pagination) .md-pagination{color:var(--pagination-nav-color,#545454);display:flex;padding:0;position:relative}:host(md-pagination) .md-pagination-container{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;flex:0 1 100%}:host(md-pagination) .md-pagination-list{margin:0;padding:0;list-style:none;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;font-size:.875rem;line-height:1;color:var(--pagination-color,#949494)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-radius:.875rem;cursor:pointer;height:1.25rem;margin:0 .125rem;min-width:1.25rem;padding:.25rem}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):hover{background:var(--pagination-bg-hover,#007aa3);color:var(--pagination-color-current,#fff)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):focus{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis)[aria-current=true]{background:var(--pagination-bg-current,#00a0d1);color:var(--pagination-color-current,#fff);cursor:default;pointer-events:none}:host(md-pagination) .md-pagination-nav{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background:0 0;border:0;border-radius:.25rem;color:var(--pagination-nav-color,#545454);cursor:pointer;flex:0 0 1.25rem;outline:0;padding:0}:host(md-pagination) .md-pagination-nav:hover{color:var(--pagination-nav-hover,#007aa3)}:host(md-pagination) .md-pagination-nav:disabled{color:var(--pagination-nav-disabled,#ccc);cursor:default}:host(md-pagination) .md-pagination-nav:focus{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(md-pagination) .md-pagination-dots{margin:0;padding:0;list-style:none;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host(md-pagination) .md-pagination-dots li{display:block;overflow:hidden;text-indent:-9999px;background:var(--pagination-dots-color,#ccc);border-radius:50%;cursor:pointer;height:.5rem;margin:.25rem;width:.5rem}:host(md-pagination) .md-pagination-dots li:hover,:host(md-pagination) .md-pagination-dots li[aria-current=true]{background:var(--pagination-dots-color-current,#00a0d1)}:host([focus-visible]){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}`,c=function(t,e,a,i){var n,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,i);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(r=(o<3?n(r):o>3?n(e,a,r):n(e,a))||r);return o>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends r.LitElement{constructor(){super(...arguments),this._currentPage=1,this.hasDots=!1,this.onlyDots=!1,this.noNavigation=!1,this.totalPage=0,this.visiblePage=3}get currentPage(){return this._currentPage}set currentPage(t){const e=this._currentPage;this._currentPage=t,this.notifyPageChange(e,t),this.requestUpdate("currentPage",e)}static get styles(){return[n.a,l]}computePrevious(t){1!==t&&t!==this.currentPage&&(this.currentPage-=1)}computeNext(t){t<=this.totalPage&&t!==this.currentPage&&(this.currentPage+=1)}computeFirst(){this.currentPage>=1&&(this.currentPage=1)}computeLast(){this.currentPage>=1&&(this.currentPage=this.totalPage)}computeCurrent(t){this.currentPage=t}notifyPageChange(t,e){this.dispatchEvent(new CustomEvent("page-change",{composed:!0,bubbles:!0,detail:{oldPage:t,newPage:e}}))}get hasPreviousPage(){return this.currentPage<=1}get hasNextPage(){return this.currentPage>=this.totalPage}computePageList(t){if(this.totalPage>this.visiblePage&&t){const[t,e,a]=[this.currentPage-1,this.currentPage,this.currentPage+1];let i=[];if(e<=this.visiblePage-1)return i=[...Array(this.visiblePage)].map((t,e)=>1+e),i.push("..."),i.push(this.totalPage),i;if(this.totalPage-e<=this.visiblePage-2){i=[],i.push(1),i.push("...");const t=[...Array(this.visiblePage)].map((t,e)=>this.totalPage-this.visiblePage+1+e);return i.concat(t)}return[1,"...",t,e,a,"...",this.totalPage]}return[...Array(this.totalPage)].map((t,e)=>1+e)}pagesTemplate(t){return this.computePageList(t).map(t=>"..."===t?r.html`
|
|
2
2
|
<li class="page-ellipsis">${t}</li>
|
|
3
3
|
`:r.html`
|
|
4
4
|
<li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}>
|
package/dist/chunks/md-73.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{119:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(78),o(24);var i,r=o(6),n=o(5),a=o(79),l=o(80),d=o(63),p=o(0),s=o(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{119:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(78),o(24);var i,r=o(6),n=o(5),a=o(79),l=o(80),d=o(63),p=o(0),s=o(3),h=o(36),c=p.css`.md-phone-input__container{--combo-box-contaier-width:100px;display:flex;position:relative}.md-phone-input__container span.flag-box{align-items:center;border:1px solid var(--input-default-border-color,#ccc);border-bottom-left-radius:.25rem;border-right:none;border-top-left-radius:.25rem;display:flex;height:2.125rem;justify-content:center;position:relative;width:2.25rem}.md-phone-input__container span.flag-box .flag-svg-wrapper{justify-content:center}.md-phone-input__container .flag-svg-wrapper{align-items:center;display:flex;width:2rem}.md-phone-input__container .flag-svg-wrapper img{max-height:.7rem}.md-phone-input__container md-combobox{width:var(--combo-box-contaier-width)}.md-phone-input__container md-combobox::part(combobox){position:initial}.md-phone-input__container md-combobox::part(group){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.md-phone-input__container md-combobox::part(multiwrap){overflow-x:hidden}.md-phone-input__container md-combobox::part(multiwrap-input){padding-left:0;padding-right:0;width:100%}.md-phone-input__container md-combobox::part(combobox-options){top:2.5rem}.md-phone-input__container md-combobox::part(label){width:100%}.md-phone-input__container md-input::part(input){border-bottom-left-radius:0;border-top-left-radius:0;padding-right:2.75rem}.md-phone-input__container md-input::part(message){margin-left:calc(var(--combo-box-contaier-width)*-1);width:calc(100% + var(--combo-box-contaier-width))}.md-phone-input__container .md-phone-input__option{align-items:center;display:flex;justify-content:start}.md-phone-input__container .md-phone-input__option :nth-child(3){margin-left:1rem}.md-phone-input__container md-input[disabled]::part(input){background:var(--phone-input-disabled-bg-color);border:1px solid var(--phone-input-default-border-color);color:var(--md-disabled-text-color)}.md-phone-input__container md-input[disabled]::part(input)::placeholder{border:none}`,u=function(t,e,o,i){var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};!function(t){let e=class extends p.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.clearIconHeight="auto",this.countryCodeAriaLabel="",this.dialNumberAriaLabel="",this.clearAriaLabel="Clear Input",this.clearCountryCodeAriaLabel="Clear Country Code",this.id="",this.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=Object(a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id="md-phone-input-"+Math.random().toString(36).substr(2,4)),this.validateInput(this.value)}getCountryFlag(t){return p.html`
|
|
2
2
|
<span class="flag-svg-wrapper">
|
|
3
3
|
<img src="${Object(l.findFlagUrlByIso2Code)(t)}" />
|
|
4
4
|
</span>
|
package/dist/chunks/md-74.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{96:function(e,t,i){"use strict";i.r(t),i.d(t,"Radio",(function(){return r}));var r,a=i(7),o=i(6),d=i(5),s=i(0),l=i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{96:function(e,t,i){"use strict";i.r(t),i.d(t,"Radio",(function(){return r}));var r,a=i(7),o=i(6),d=i(5),s=i(0),l=i(2),c=i(64),p=function(e,t,i,r){var a,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(d=(o<3?a(d):o>3?a(t,i,d):a(t,i))||d);return o>3&&d&&Object.defineProperty(t,i,d),d};!function(e){let t=class extends(Object(a.a)(s.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.label="",this.value="",this.ariaLabel="",this.autofocus=!1,this._disabled=!1,this._checked=!1}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)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this.setAttribute("aria-checked",""+e),this.requestUpdate("checked",t)}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","radio"),this.label&&this.setAttribute("aria-label",this.label)}static get styles(){return[d.a,c.a]}render(){return s.html`
|
|
2
2
|
<div class="md-radio-wrapper" part="radio-wrapper">
|
|
3
3
|
<input
|
|
4
4
|
class="md-radio-input"
|
package/dist/chunks/md-76.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[76],{120:function(e,t,i){"use strict";i.r(t),i.d(t,"Slider",(function(){return s}));var s,r=i(1),o=i(7),n=i(5),a=i(6),d=i(0),l=i(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[76],{120:function(e,t,i){"use strict";i.r(t),i.d(t,"Slider",(function(){return s}));var s,r=i(1),o=i(7),n=i(5),a=i(6),d=i(0),l=i(3),h=i(2),c=i(14),m=i(9),p=d.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-slider){display:flex;flex:1 1 auto;padding:1.25rem 0}:host(md-slider) .md-slider{border-radius:.25rem;display:flex;flex:1 1 auto;height:1.25rem;margin-right:1.25rem;position:relative;width:calc(100% - 1.25rem)}:host(md-slider) .md-slider__bar{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-bar,#ccc);border-radius:.125rem;cursor:pointer;height:.125rem;left:0;right:-1.25rem;z-index:0}:host(md-slider) .md-slider__selection{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-selection,#00a0d1);border-radius:.125rem;height:.125rem;left:0;transition:left 50ms,right 50ms;z-index:1}:host(md-slider) .md-slider__pointer{position:absolute;top:50%;transform:translateY(-50%);border-radius:.25rem;cursor:grabbing;height:1.25rem;transition:left 50ms,right 50ms;width:1.25rem;z-index:2}:host(md-slider) .md-slider__pointer::after{background-color:var(--slider-background-pointer,#fff);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);content:"";height:100%;position:absolute;width:100%}@media screen and (-ms-high-contrast:active){:host(md-slider) .md-slider__pointer::after{filter:brightness(1) contrast(1) saturate(1.5)}}:host(md-slider) .md-slider__hashlabel{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;bottom:-1.25rem;color:var(--slider-label,#545454);font-size:14px;left:0;line-height:14px;position:absolute;right:-1.25rem;white-space:nowrap}:host(md-slider) .md-slider__value{color:var(--slider-label,#545454);font-size:14px;line-height:14px;position:absolute;right:-1.25rem;top:-1.25rem}:host([disabled]) .md-slider__bar{cursor:not-allowed}:host([disabled]) .md-slider__pointer{cursor:not-allowed}:host([disabled]) .md-slider__pointer::after{background-color:var(--slider-background-disabled-pointer,#ccc)}:host([disabled]) .md-slider__selection{background-color:var(--slider-background-disabled-selection,#949494)}:host([focus-visible]:not([disabled])) .md-slider__pointer::after{box-shadow:0 0 0 8px rgba(0,160,209,.4)}:host([no-pointer][focus-visible]:not([disabled])) .md-slider{box-shadow:0 0 0 2px var(--slider-background-focus-selection,#007aa3),0 2px 6px rgba(0,0,0,.16)}:host(:hover:not([disabled])) .md-slider__pointer::after{background-color:var(--slider-background-hover-pointer,#c9f4ff)}:host([no-pointer]) .md-slider{margin-right:0!important}:host([no-pointer]) .md-slider__bar,:host([no-pointer]) .md-slider__value{right:0}:host([no-pointer]) .md-slider__pointer{display:none}`,u=function(e,t,i,s){var r,o=arguments.length,n=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends(Object(o.a)(d.LitElement)){constructor(){super(...arguments),this._disabled=!1,this._now=0,this.min=0,this.max=100,this.hideValue=!1,this.text=0,this.label="slider",this.step=0,this.dragging=!1}get now(){return this._now}set now(e){const t=this._now;e<this.min||e>this.max?console.warn("Please select correct value"):(this._now=Math.round(e),this.requestUpdate("now",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)}get pointerPosition(){const e=this.max-this.min;return(this.now-this.min)/e*100}calculateHandlePosition(e){const{width:t,left:i}=this.getBoundingClientRect(),{clientX:s}=e,r=(s-i)/t;return this.min+(this.max-this.min)*r}moveSliderTo(e){this.disabled||(e>this.max?this.now=this.max:e<this.min?this.now=this.min:this.now=e)}trackMouseEvent(){if(!this.currentMouseEvent||!this.dragging)return;const e=this.calculateHandlePosition(this.currentMouseEvent);this.moveSliderTo(e),requestAnimationFrame(()=>{this.trackMouseEvent()})}ticksTemplate(){const{min:e,max:t,step:i}=this,s=Math.round((t-e)/i),r=new Array(s+1).fill(0,0,s+1).map((t,s)=>e+s*i).filter(i=>i>=e&&i<=t);return d.html`
|
|
2
2
|
<div class="md-slider__hashlabel">
|
|
3
3
|
${Object(c.repeat)(r,e=>d.html`
|
|
4
4
|
<div class="tick">
|
package/dist/chunks/md-78.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[78],{101:function(e,t,o){"use strict";o.r(t),o.d(t,"TableAdvanced",(function(){return w}));o(17),o(15),o(32);var r=o(6),i=o(34),a=o(5),l=o(0),d=o(2),s=o(4),n=o(3),c=o(81),h=o(31),p=o.n(h),b=l.css`:host{display:block}.md-table-advanced{width:100%}table{border-collapse:separate;border-spacing:0;max-width:100%;position:relative;width:100%}table.sticky-header{height:100%}table.sticky-header thead th:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border-left:0;border-top:0;position:sticky;top:0;z-index:1}table.sticky-header thead th::before{border-top:1px solid var(--table-advanced-border-color,#dedede);bottom:0;content:" ";left:0;position:absolute;top:0;width:100%}table.sticky-header thead tr:last-child th{top:2.5rem}table.sticky-header thead tr:last-child th::before{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-top:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead tr:first-child th{height:calc(2.5rem + .0625rem*2);top:0}table.sticky-header thead tr:first-child th::before{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-top:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead tr:focus{outline:0}table.sticky-header thead tr:focus th:first-child{border-left:2px solid var(--md-focus-border-color)}table.sticky-header thead tr:focus th:last-child{border-right:2px solid var(--md-focus-border-color)}table.sticky-header thead tr:focus th::before{border-bottom:2px solid var(--md-focus-border-color);border-top:2px solid var(--md-focus-border-color)}thead th:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}thead th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border:1px solid var(--table-advanced-border-color,#dedede);border-left:0;color:var(--md-secondary-text-color);font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:2.5rem;max-width:0;padding:0 .375rem;position:relative;text-align:left}thead th .filter{display:inline-block;height:auto;margin-top:calc(.25rem/2)}thead th .resize{background-color:rgba(0,0,0,0);cursor:col-resize;height:100%;left:calc(-.25rem/2);position:absolute;top:0;width:.25rem;z-index:1}thead .head-inner-cell{align-items:center;display:flex;min-width:.875rem}thead .head-inner-cell .filter-wrap{align-items:center;display:inline-flex;flex:1;justify-content:flex-end}thead .head-inner-cell .filter-icon{color:var(--md-secondary-text-color);cursor:pointer;display:inline-block;height:1.5rem;min-width:1.25rem;position:relative;z-index:1}thead .head-inner-cell .filter-icon::part(button){padding:.25rem;text-align:center;width:1.5rem}thead .head-inner-cell .filter-icon:hover{background-color:var(--table-advanced-filter-hover-bg-color,#ededed)}thead .head-inner-cell .filter-icon:active{background-color:var(--table-advanced-filter-pressed-bg-color,#dedede)}thead .head-inner-cell span{display:inline-block;overflow:hidden;padding-right:calc(.25rem*1.25);text-overflow:ellipsis;white-space:nowrap;width:100%}thead .head-inner-cell .sortable{background:rgba(0,0,0,0);border:0;color:var(--md-secondary-text-color);display:inline-block;min-width:calc(1rem*2.5);overflow:hidden;padding-right:calc(.25rem*4);text-overflow:ellipsis;white-space:nowrap;width:auto}thead md-menu-overlay::part(overlay){top:-.375rem;white-space:normal}@supports(-moz-appearance:none){thead md-menu-overlay::part(overlay){top:-.25rem;white-space:normal}}thead .drag-area-col{cursor:grab;display:block;height:calc(.25rem*10);left:.25rem;position:absolute;right:.25rem;top:0;z-index:1}thead .drag-area-col.drag{border:2px dashed var(--table-advanced-filter-border-color,#ccc);opacity:1}thead .drag-area-col.over{background-color:#a87ff1;height:100%;opacity:.1}thead .sortable{cursor:pointer;position:relative;z-index:1}thead .sortable::after,thead .sortable::before{border:.25rem solid transparent;content:"";display:block;height:0;opacity:.3;position:absolute;right:.25rem;top:50%;width:0}thead .sortable::before{border-bottom-color:var(--md-secondary-text-color);margin-top:-9px}thead .sortable::after{border-top-color:var(--md-secondary-text-color);margin-top:1px}thead .sortable.ascending::after{opacity:1}thead .sortable.descending::before{opacity:1}.filter-active{display:inline-block;height:1.25rem;text-align:center;vertical-align:bottom;width:1.25rem}.filter-active::part(icon){line-height:.875rem}.filter-menu{background-color:var(--table-advanced-filter-bg-color,#fff);padding:calc(.25rem*3);position:relative;z-index:1}.filter-menu select{background-color:var(--table-advanced-filter-bg-color,#fff);border:1px solid var(--table-advanced-filter-border-color,#ccc);color:var(--md-secondary-text-color);min-height:calc(.875rem*1.8);width:100%}.filter-menu input{background-color:var(--table-advanced-filter-bg-color,#fff);border:1px solid var(--table-advanced-filter-border-color,#ccc);color:var(--md-secondary-text-color);margin-top:calc(.25rem*2);width:100%}tbody tr{position:relative}tbody tr td:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}tbody tr td{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-right:1px solid var(--table-advanced-border-color,#dedede);font-size:14px;height:2.5rem;max-width:0;padding:calc(.25rem*1.5);position:relative}tbody tr th:first-child{border-top:1px solid var(--table-advanced-border-color,#dedede)}tbody tr th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-right:1px solid var(--table-advanced-border-color,#dedede);font-size:14px;max-width:0;padding:0 calc(.25rem*4);position:relative;text-align:left}tbody tr .inner-cell{display:flex;white-space:nowrap}tbody tr .inner-cell .warn-icon{display:inline-block;margin-left:.25rem;max-height:1.25rem;position:relative;vertical-align:middle;z-index:0}tbody tr .inner-cell md-icon::part(icon){line-height:1.25rem}tbody tr .inner-cell span{align-self:center;display:inline-block;flex:1;overflow:hidden;padding:0 .25rem;text-overflow:ellipsis;vertical-align:middle}tbody tr .drag-handle{cursor:grab;display:block;float:left;margin-right:calc(.25rem*1.5)}tbody tr .drag-area{height:50%;left:0;opacity:.3;position:absolute;right:0}tbody tr .drag-area.top{top:0}tbody tr .drag-area.bottom{background-color:rgba(0,0,0,0);bottom:0}tbody tr.ghost{opacity:.3}tbody tr:hover{background-color:var(--table-advanced-hover-bg-color,#f7f7f7)}tbody tr:hover td,tbody tr:hover th{background-color:var(--table-advanced-hover-bg-color,#f7f7f7)}tbody tr.selected,tbody tr:active{background-color:var(--table-advanced-selected-bg-color,#ededed)}tbody tr.selected td,tbody tr.selected th,tbody tr:active td,tbody tr:active th{background-color:var(--table-advanced-selected-bg-color,#ededed)}md-button.row-collapsible{height:1.25rem;margin-right:calc(.25rem*1.5);max-width:1.25rem;min-width:1.25rem}md-button.row-collapsible::part(button){border-radius:calc(.25rem/2);padding:0 .25rem}md-button.row-collapsible md-icon::part(icon){line-height:calc(.25rem*4)}`;function g(e=250){return function(t,o,r){let i;return function(e,t){if(e.descriptor=e.descriptor||Object.getOwnPropertyDescriptor(e.target,e.key),"function"!=typeof e.descriptor.value)return console.warn(e.key,"Decorator must be used on function"),e.descriptor;const o=e.descriptor.value,r=e.target.constructor.name;return e.descriptor.value=function(){const e=[];for(let t=0;t<arguments.length;t++)e[t]=arguments[t];return t.call(this,o,e,r)},e.descriptor}({target:t,key:o,descriptor:r},(function(t,o){clearTimeout(i),i=window.setTimeout(()=>{clearTimeout(i),t.apply(this,o)},e)}))}}class u{constructor(e,t){this.target=e,this.eventName=t}emit(e,t={bubbles:!0,composed:!0,cancelable:!1}){this.target.dispatchEvent(new CustomEvent(this.eventName,Object.assign({detail:e},t)))}}const m=new WeakMap,f=Object(d.directive)(e=>t=>{if(!(t instanceof d.NodePart))throw new Error("templateCallback can only be used in text bindings");const o=m.get(t);if(void 0!==o&&e.template===o.template&&t.value===o.fragment)return;const r=document.importNode(e.template.content,!0);e.cb({content:e.content,row:e.row,col:e.col,insertIndex:e.insertIndex,fragment:r}),t.setValue(r),m.set(t,{template:e.template,fragment:r})});var v;!function(e){const t={placeholder:"Filter..."};e.OPTIONS={equals:{label:"Equals",input:t,predicate:(e,t)=>e==t},notEqual:{label:"Not equal",input:t,predicate:(e,t)=>e!=t},contains:{label:"Contains",input:t,predicate:(e,t)=>e.includes(t)},notContains:{label:"Not contains",input:t,predicate:(e,t)=>!e.includes(t)},startsWith:{label:"Starts with",input:t,predicate:(e,t)=>e.startsWith(t)},endsWith:{label:"Ends with",input:t,predicate:(e,t)=>e.endsWith(t)},lessThan:{label:"Less than",input:t,predicate:(e,t)=>e<t},lessThanOrEquals:{label:"Less than or equals",input:t,predicate:(e,t)=>e<=t},greaterThan:{label:"Greater than",input:t,predicate:(e,t)=>e>t},greaterThanOrEquals:{label:"Greater than or equals",input:t,predicate:(e,t)=>e>=t}},e.optionsString=[e.OPTIONS.equals,e.OPTIONS.notEqual,e.OPTIONS.contains,e.OPTIONS.notContains,e.OPTIONS.startsWith,e.OPTIONS.endsWith],e.optionsNumber=[e.OPTIONS.equals,e.OPTIONS.notEqual,e.OPTIONS.lessThan,e.OPTIONS.lessThanOrEquals,e.OPTIONS.greaterThan,e.OPTIONS.greaterThanOrEquals]}(v||(v={}));var y=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};const x=document.createElement("img");var w;x.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",function(e){let t=class extends(Object(i.a)(l.LitElement)){constructor(){super(...arguments),this.isRowFocusable="true",this.error="",this.COLS=[],this.ROWS=[],this.updCols=()=>this.requestUpdate("COLS"),this.updRows=()=>this.requestUpdate("ROWS"),this.dragRow=-1,this.dropRow=-1,this.drops=[],this.dragRowElem=null,this.dragCol=-1,this.dropCol=-1,this.isResizing=!1,this.isSelectable=!1,this.selected={},this.expandedRowIdx={},this.dragover=e=>e.preventDefault(),this.eX=0,this.onResize=(e,t)=>{var o;if(-1!=this.dragCol||-1!=this.dragRow)return;this.isResizing=!0;const r=e.target;null===(o=e.dataTransfer)||void 0===o||o.setDragImage(x,0,0);const i=this.COLS.map(e=>this.shadowRoot.querySelector("th.col-index-"+e.index));this.COLS.forEach((e,t)=>e.width=i[t].offsetWidth+"px"),this.updCols();const a=e.x;this.eX=e.x;let l=-1,d=-1,s=-1;const n=this.COLS[t.index-1],c=i[t.index],h=i[t.index-1],p=c.offsetWidth,b=h.offsetWidth,g=()=>{const e=this.eX;if(l!=e&&0!=e){l=e;const o=l-a;d=p-o,s=b+o,t.width=d+"px",n.width=s+"px",this.updCols()}},u=e=>this.eX=e.x,m=()=>{this.isResizing=!1,r.removeEventListener("drag",g),r.removeEventListener("dragend",m),document.removeEventListener("dragover",u)};r.addEventListener("drag",g),r.addEventListener("dragend",m),document.addEventListener("dragover",u)}}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("dragover",this.dragover)}connectedCallback(){super.connectedCallback(),document.addEventListener("dragover",this.dragover),this.updateTableConfig(),this.updateTableData(),this.populateTable()}update(e){super.update(e),e.has("data")&&(this.updateTableData(),this.updateDataInTable())}updateTableData(){if("string"==typeof this.data)try{this.tableData=JSON.parse(this.data)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the config json")}else this.tableData=Object.assign({},this.data)}updateTableConfig(){if("string"==typeof this.config)try{this.tableConfig=JSON.parse(this.config)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the data json")}else this.tableConfig=Object.assign({},this.config)}populateColumns(){var e;let t=0;const o=(e,o)=>{var r,i,a,l;const d=e.filters||(null===(i=null===(r=this.tableConfig.default)||void 0===r?void 0:r.col)||void 0===i?void 0:i.filters),s=d?"forString"==d?v.optionsString:"forNumber"==d?v.optionsNumber:d.length?d:null:null;this.COLS.push({options:Object.assign({},e),index:t++,group:o,sort:"default",sorter:e.sorter||(null===(l=null===(a=this.tableConfig.default)||void 0===a?void 0:a.col)||void 0===l?void 0:l.sorter),isCollapsable:this.tableConfig.cols.collapse==e.id,filter:s?{list:s,selectedIndex:0,input:"",active:!1,menuVisible:!1}:void 0})};this.tableConfig.cols.define.forEach(e=>{"children"in e?e.children.forEach(t=>o(t,{name:e.groupName,length:e.children.length})):o(e)}),this.isSelectable=!!this.tableConfig.rows&&"none"!=(null===(e=this.tableConfig.rows)||void 0===e?void 0:e.selectable)}populateData(){const e=this.COLS.length;if("csv"in this.tableData){const e=p.a.parse(this.tableData.csv,{skipEmptyLines:!0,transform:e=>e.trim()});if(e.errors)return void(this.error="PARSE ERROR:\n"+JSON.stringify(e.errors,null,2));{const t=e.data;this.ROWS=t.map(e=>e.map(e=>({text:e})))}}else if("list2d"in this.tableData)this.ROWS=this.tableData.list2d.map(e=>e.map(e=>({text:e})));else{for(;this.tableData.list.length>e;)this.ROWS.push(this.tableData.list.splice(0,e).map(e=>({text:e})));0!=this.tableData.list.length&&this.ROWS.push(this.tableData.list.map(e=>({text:e})))}0!=this.ROWS.length||(this.error="DATA ERROR: Data is empty")}validateData(){const e=this.COLS.length;this.ROWS.reduce((e,t)=>e+t.length,0)%e==0?this.ROWS.forEach((t,o)=>{const r=t.length;r!=e&&(this.error=`DATA ERROR: Total number of cols (=${e}) and data[${o}] length (=${r}) mismatch`)}):this.error=this.error="DATA ERROR: Data length mismatch. You must provide (numberOfRows * numberOfColumns) amount of data values."}populateTemplate(){const e=this.tableConfig.cellTemplates,t=Object.keys(e||{});e&&t.length&&this.ROWS.forEach((t,o)=>{t.forEach((t,r)=>{for(const i in e){const a=t.text.indexOf(i);if(-1!=a){const l=e[i],d=this.querySelector("#"+l.templateName);if(null==d){console.warn(`cellTemplates["${i}"]: Missing '${l.templateName}' template.`);continue}let s=t.text.replace(i,"");l.contentCb&&(s=l.contentCb({col:r,row:o,content:s,insertIndex:a})),this.ROWS[o][r]={text:s,template:{template:d,templateCb:l.templateCb,insertIndex:"replace"==l.contentUse?-1:a}};break}}})})}setDefaultFilterAndSort(){var e,t;const o=null===(e=this.tableConfig.default)||void 0===e?void 0:e.sort;if(o){const e=this.COLS.find(e=>e.options.id==o.colId);e?this.sort(e,o.order):console.warn(`Cant find ${o.colId} col - for sorting`)}const r=null===(t=this.tableConfig.default)||void 0===t?void 0:t.filter;if(r){const e=this.COLS.find(e=>e.options.id==r.colId);e?e.filter?(e.filter.selectedIndex=r.selectedIndex,e.filter.input=r.input,this.updCols(),this.filter(e)):console.warn(`Cant find filters on ${r.colId} col`):console.warn(`Cant find ${r.colId} col - for filtering`)}}populateTable(){this.populateColumns(),this.populateData(),this.validateData(),this.setDefaultFilterAndSort(),this.populateTemplate()}updateDataInTable(){this.populateData(),this.validateData(),this.populateTemplate()}onDropRow(){this.dragRow!=this.dropRow&&this.drops.push([this.dragRow,this.dropRow]),this.dragRow=-1,this.dropRow=-1,this.dragRowElem&&(this.dragRowElem.setAttribute("draggable","false"),this.dragRowElem=null)}onDropCol(){if(this.dragCol!=this.dropCol){const e=this.COLS[this.dragCol],t=this.COLS[this.dropCol],o=e.group,r=t.group,i=e.index,a=t.index;e.group=r,t.group=o,e.index=a,t.index=i,this.COLS[this.dragCol]=t,this.COLS[this.dropCol]=e,this.ROWS.forEach(e=>{const t=e[this.dragCol],o=e[this.dropCol];e[this.dragCol]=o,e[this.dropCol]=t}),this.updCols(),this.updRows()}this.dragCol=-1,this.dropCol=-1}sort(e,t){e.sorter&&(this.clearSelection(),this.drops=[],this.COLS.forEach(o=>{o.options.id==e.options.id?o.sort=t||("default"==o.sort?"ascending":"ascending"==o.sort?"descending":"default"):o.sort="default"}),this.updCols(),this.requestUpdate(),this["md-table-advanced-change"].emit({type:"sort",order:e.sort}))}filter(e){if(!e.filter)return;this.clearSelection(),this.drops=[];const t=e.filter.input.trim(),o=e.filter.list[e.filter.selectedIndex];e.filter.active=!!t,this.requestUpdate(),t?this["md-table-advanced-change"].emit({type:"filter-on",filter:o,input:t}):this["md-table-advanced-change"].emit({type:"filter-off",filter:e.filter.list[e.filter.selectedIndex]})}selectRow(e){var t;const o=e.row.idx,r=this.selected.hasOwnProperty(o);"multiple"==(null===(t=this.tableConfig.rows)||void 0===t?void 0:t.selectable)?(e.metaKey?r?delete this.selected[o]:this.selected[o]=!0:e.shiftKey||(this.selected={[o]:!0}),this["md-table-advanced-change"].emit({type:"multi-select",rows:Object.keys(this.selected).map(e=>+e)})):r?this.clearSelection():(this.selected={[o]:!0},this["md-table-advanced-change"].emit({type:"select",index:o})),this.requestUpdate("selected")}clearSelection(){this.selected={},this.requestUpdate("selected")}collapseToggle(e,t){e.stopPropagation(),this.expandedRowIdx[t]?(delete this.expandedRowIdx[t],this["md-table-advanced-change"].emit({type:"collapse",row:t})):(this.expandedRowIdx[t]=!0,this["md-table-advanced-change"].emit({type:"expand",row:t})),this.clearSelection(),this.requestUpdate()}render(){if(this.error)return l.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[78],{101:function(e,t,o){"use strict";o.r(t),o.d(t,"TableAdvanced",(function(){return w}));o(17),o(15),o(32);var r=o(6),i=o(34),a=o(5),l=o(0),d=o(3),s=o(4),n=o(2),c=o(81),h=o(31),p=o.n(h),b=l.css`:host{display:block}.md-table-advanced{width:100%}table{border-collapse:separate;border-spacing:0;max-width:100%;position:relative;width:100%}table.sticky-header{height:100%}table.sticky-header thead th:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border-left:0;border-top:0;position:sticky;top:0;z-index:1}table.sticky-header thead th::before{border-top:1px solid var(--table-advanced-border-color,#dedede);bottom:0;content:" ";left:0;position:absolute;top:0;width:100%}table.sticky-header thead tr:last-child th{top:2.5rem}table.sticky-header thead tr:last-child th::before{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-top:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead tr:first-child th{height:calc(2.5rem + .0625rem*2);top:0}table.sticky-header thead tr:first-child th::before{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-top:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead tr:focus{outline:0}table.sticky-header thead tr:focus th:first-child{border-left:2px solid var(--md-focus-border-color)}table.sticky-header thead tr:focus th:last-child{border-right:2px solid var(--md-focus-border-color)}table.sticky-header thead tr:focus th::before{border-bottom:2px solid var(--md-focus-border-color);border-top:2px solid var(--md-focus-border-color)}thead th:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}thead th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border:1px solid var(--table-advanced-border-color,#dedede);border-left:0;color:var(--md-secondary-text-color);font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:2.5rem;max-width:0;padding:0 .375rem;position:relative;text-align:left}thead th .filter{display:inline-block;height:auto;margin-top:calc(.25rem/2)}thead th .resize{background-color:rgba(0,0,0,0);cursor:col-resize;height:100%;left:calc(-.25rem/2);position:absolute;top:0;width:.25rem;z-index:1}thead .head-inner-cell{align-items:center;display:flex;min-width:.875rem}thead .head-inner-cell .filter-wrap{align-items:center;display:inline-flex;flex:1;justify-content:flex-end}thead .head-inner-cell .filter-icon{color:var(--md-secondary-text-color);cursor:pointer;display:inline-block;height:1.5rem;min-width:1.25rem;position:relative;z-index:1}thead .head-inner-cell .filter-icon::part(button){padding:.25rem;text-align:center;width:1.5rem}thead .head-inner-cell .filter-icon:hover{background-color:var(--table-advanced-filter-hover-bg-color,#ededed)}thead .head-inner-cell .filter-icon:active{background-color:var(--table-advanced-filter-pressed-bg-color,#dedede)}thead .head-inner-cell span{display:inline-block;overflow:hidden;padding-right:calc(.25rem*1.25);text-overflow:ellipsis;white-space:nowrap;width:100%}thead .head-inner-cell .sortable{background:rgba(0,0,0,0);border:0;color:var(--md-secondary-text-color);display:inline-block;min-width:calc(1rem*2.5);overflow:hidden;padding-right:calc(.25rem*4);text-overflow:ellipsis;white-space:nowrap;width:auto}thead md-menu-overlay::part(overlay){top:-.375rem;white-space:normal}@supports(-moz-appearance:none){thead md-menu-overlay::part(overlay){top:-.25rem;white-space:normal}}thead .drag-area-col{cursor:grab;display:block;height:calc(.25rem*10);left:.25rem;position:absolute;right:.25rem;top:0;z-index:1}thead .drag-area-col.drag{border:2px dashed var(--table-advanced-filter-border-color,#ccc);opacity:1}thead .drag-area-col.over{background-color:#a87ff1;height:100%;opacity:.1}thead .sortable{cursor:pointer;position:relative;z-index:1}thead .sortable::after,thead .sortable::before{border:.25rem solid transparent;content:"";display:block;height:0;opacity:.3;position:absolute;right:.25rem;top:50%;width:0}thead .sortable::before{border-bottom-color:var(--md-secondary-text-color);margin-top:-9px}thead .sortable::after{border-top-color:var(--md-secondary-text-color);margin-top:1px}thead .sortable.ascending::after{opacity:1}thead .sortable.descending::before{opacity:1}.filter-active{display:inline-block;height:1.25rem;text-align:center;vertical-align:bottom;width:1.25rem}.filter-active::part(icon){line-height:.875rem}.filter-menu{background-color:var(--table-advanced-filter-bg-color,#fff);padding:calc(.25rem*3);position:relative;z-index:1}.filter-menu select{background-color:var(--table-advanced-filter-bg-color,#fff);border:1px solid var(--table-advanced-filter-border-color,#ccc);color:var(--md-secondary-text-color);min-height:calc(.875rem*1.8);width:100%}.filter-menu input{background-color:var(--table-advanced-filter-bg-color,#fff);border:1px solid var(--table-advanced-filter-border-color,#ccc);color:var(--md-secondary-text-color);margin-top:calc(.25rem*2);width:100%}tbody tr{position:relative}tbody tr td:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}tbody tr td{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-right:1px solid var(--table-advanced-border-color,#dedede);font-size:14px;height:2.5rem;max-width:0;padding:calc(.25rem*1.5);position:relative}tbody tr th:first-child{border-top:1px solid var(--table-advanced-border-color,#dedede)}tbody tr th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-right:1px solid var(--table-advanced-border-color,#dedede);font-size:14px;max-width:0;padding:0 calc(.25rem*4);position:relative;text-align:left}tbody tr .inner-cell{display:flex;white-space:nowrap}tbody tr .inner-cell .warn-icon{display:inline-block;margin-left:.25rem;max-height:1.25rem;position:relative;vertical-align:middle;z-index:0}tbody tr .inner-cell md-icon::part(icon){line-height:1.25rem}tbody tr .inner-cell span{align-self:center;display:inline-block;flex:1;overflow:hidden;padding:0 .25rem;text-overflow:ellipsis;vertical-align:middle}tbody tr .drag-handle{cursor:grab;display:block;float:left;margin-right:calc(.25rem*1.5)}tbody tr .drag-area{height:50%;left:0;opacity:.3;position:absolute;right:0}tbody tr .drag-area.top{top:0}tbody tr .drag-area.bottom{background-color:rgba(0,0,0,0);bottom:0}tbody tr.ghost{opacity:.3}tbody tr:hover{background-color:var(--table-advanced-hover-bg-color,#f7f7f7)}tbody tr:hover td,tbody tr:hover th{background-color:var(--table-advanced-hover-bg-color,#f7f7f7)}tbody tr.selected,tbody tr:active{background-color:var(--table-advanced-selected-bg-color,#ededed)}tbody tr.selected td,tbody tr.selected th,tbody tr:active td,tbody tr:active th{background-color:var(--table-advanced-selected-bg-color,#ededed)}md-button.row-collapsible{height:1.25rem;margin-right:calc(.25rem*1.5);max-width:1.25rem;min-width:1.25rem}md-button.row-collapsible::part(button){border-radius:calc(.25rem/2);padding:0 .25rem}md-button.row-collapsible md-icon::part(icon){line-height:calc(.25rem*4)}`;function g(e=250){return function(t,o,r){let i;return function(e,t){if(e.descriptor=e.descriptor||Object.getOwnPropertyDescriptor(e.target,e.key),"function"!=typeof e.descriptor.value)return console.warn(e.key,"Decorator must be used on function"),e.descriptor;const o=e.descriptor.value,r=e.target.constructor.name;return e.descriptor.value=function(){const e=[];for(let t=0;t<arguments.length;t++)e[t]=arguments[t];return t.call(this,o,e,r)},e.descriptor}({target:t,key:o,descriptor:r},(function(t,o){clearTimeout(i),i=window.setTimeout(()=>{clearTimeout(i),t.apply(this,o)},e)}))}}class u{constructor(e,t){this.target=e,this.eventName=t}emit(e,t={bubbles:!0,composed:!0,cancelable:!1}){this.target.dispatchEvent(new CustomEvent(this.eventName,Object.assign({detail:e},t)))}}const m=new WeakMap,f=Object(d.directive)(e=>t=>{if(!(t instanceof d.NodePart))throw new Error("templateCallback can only be used in text bindings");const o=m.get(t);if(void 0!==o&&e.template===o.template&&t.value===o.fragment)return;const r=document.importNode(e.template.content,!0);e.cb({content:e.content,row:e.row,col:e.col,insertIndex:e.insertIndex,fragment:r}),t.setValue(r),m.set(t,{template:e.template,fragment:r})});var v;!function(e){const t={placeholder:"Filter..."};e.OPTIONS={equals:{label:"Equals",input:t,predicate:(e,t)=>e==t},notEqual:{label:"Not equal",input:t,predicate:(e,t)=>e!=t},contains:{label:"Contains",input:t,predicate:(e,t)=>e.includes(t)},notContains:{label:"Not contains",input:t,predicate:(e,t)=>!e.includes(t)},startsWith:{label:"Starts with",input:t,predicate:(e,t)=>e.startsWith(t)},endsWith:{label:"Ends with",input:t,predicate:(e,t)=>e.endsWith(t)},lessThan:{label:"Less than",input:t,predicate:(e,t)=>e<t},lessThanOrEquals:{label:"Less than or equals",input:t,predicate:(e,t)=>e<=t},greaterThan:{label:"Greater than",input:t,predicate:(e,t)=>e>t},greaterThanOrEquals:{label:"Greater than or equals",input:t,predicate:(e,t)=>e>=t}},e.optionsString=[e.OPTIONS.equals,e.OPTIONS.notEqual,e.OPTIONS.contains,e.OPTIONS.notContains,e.OPTIONS.startsWith,e.OPTIONS.endsWith],e.optionsNumber=[e.OPTIONS.equals,e.OPTIONS.notEqual,e.OPTIONS.lessThan,e.OPTIONS.lessThanOrEquals,e.OPTIONS.greaterThan,e.OPTIONS.greaterThanOrEquals]}(v||(v={}));var y=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};const x=document.createElement("img");var w;x.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",function(e){let t=class extends(Object(i.a)(l.LitElement)){constructor(){super(...arguments),this.isRowFocusable="true",this.error="",this.COLS=[],this.ROWS=[],this.updCols=()=>this.requestUpdate("COLS"),this.updRows=()=>this.requestUpdate("ROWS"),this.dragRow=-1,this.dropRow=-1,this.drops=[],this.dragRowElem=null,this.dragCol=-1,this.dropCol=-1,this.isResizing=!1,this.isSelectable=!1,this.selected={},this.expandedRowIdx={},this.dragover=e=>e.preventDefault(),this.eX=0,this.onResize=(e,t)=>{var o;if(-1!=this.dragCol||-1!=this.dragRow)return;this.isResizing=!0;const r=e.target;null===(o=e.dataTransfer)||void 0===o||o.setDragImage(x,0,0);const i=this.COLS.map(e=>this.shadowRoot.querySelector("th.col-index-"+e.index));this.COLS.forEach((e,t)=>e.width=i[t].offsetWidth+"px"),this.updCols();const a=e.x;this.eX=e.x;let l=-1,d=-1,s=-1;const n=this.COLS[t.index-1],c=i[t.index],h=i[t.index-1],p=c.offsetWidth,b=h.offsetWidth,g=()=>{const e=this.eX;if(l!=e&&0!=e){l=e;const o=l-a;d=p-o,s=b+o,t.width=d+"px",n.width=s+"px",this.updCols()}},u=e=>this.eX=e.x,m=()=>{this.isResizing=!1,r.removeEventListener("drag",g),r.removeEventListener("dragend",m),document.removeEventListener("dragover",u)};r.addEventListener("drag",g),r.addEventListener("dragend",m),document.addEventListener("dragover",u)}}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("dragover",this.dragover)}connectedCallback(){super.connectedCallback(),document.addEventListener("dragover",this.dragover),this.updateTableConfig(),this.updateTableData(),this.populateTable()}update(e){super.update(e),e.has("data")&&(this.updateTableData(),this.updateDataInTable())}updateTableData(){if("string"==typeof this.data)try{this.tableData=JSON.parse(this.data)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the config json")}else this.tableData=Object.assign({},this.data)}updateTableConfig(){if("string"==typeof this.config)try{this.tableConfig=JSON.parse(this.config)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the data json")}else this.tableConfig=Object.assign({},this.config)}populateColumns(){var e;let t=0;const o=(e,o)=>{var r,i,a,l;const d=e.filters||(null===(i=null===(r=this.tableConfig.default)||void 0===r?void 0:r.col)||void 0===i?void 0:i.filters),s=d?"forString"==d?v.optionsString:"forNumber"==d?v.optionsNumber:d.length?d:null:null;this.COLS.push({options:Object.assign({},e),index:t++,group:o,sort:"default",sorter:e.sorter||(null===(l=null===(a=this.tableConfig.default)||void 0===a?void 0:a.col)||void 0===l?void 0:l.sorter),isCollapsable:this.tableConfig.cols.collapse==e.id,filter:s?{list:s,selectedIndex:0,input:"",active:!1,menuVisible:!1}:void 0})};this.tableConfig.cols.define.forEach(e=>{"children"in e?e.children.forEach(t=>o(t,{name:e.groupName,length:e.children.length})):o(e)}),this.isSelectable=!!this.tableConfig.rows&&"none"!=(null===(e=this.tableConfig.rows)||void 0===e?void 0:e.selectable)}populateData(){const e=this.COLS.length;if("csv"in this.tableData){const e=p.a.parse(this.tableData.csv,{skipEmptyLines:!0,transform:e=>e.trim()});if(e.errors)return void(this.error="PARSE ERROR:\n"+JSON.stringify(e.errors,null,2));{const t=e.data;this.ROWS=t.map(e=>e.map(e=>({text:e})))}}else if("list2d"in this.tableData)this.ROWS=this.tableData.list2d.map(e=>e.map(e=>({text:e})));else{for(;this.tableData.list.length>e;)this.ROWS.push(this.tableData.list.splice(0,e).map(e=>({text:e})));0!=this.tableData.list.length&&this.ROWS.push(this.tableData.list.map(e=>({text:e})))}0!=this.ROWS.length||(this.error="DATA ERROR: Data is empty")}validateData(){const e=this.COLS.length;this.ROWS.reduce((e,t)=>e+t.length,0)%e==0?this.ROWS.forEach((t,o)=>{const r=t.length;r!=e&&(this.error=`DATA ERROR: Total number of cols (=${e}) and data[${o}] length (=${r}) mismatch`)}):this.error=this.error="DATA ERROR: Data length mismatch. You must provide (numberOfRows * numberOfColumns) amount of data values."}populateTemplate(){const e=this.tableConfig.cellTemplates,t=Object.keys(e||{});e&&t.length&&this.ROWS.forEach((t,o)=>{t.forEach((t,r)=>{for(const i in e){const a=t.text.indexOf(i);if(-1!=a){const l=e[i],d=this.querySelector("#"+l.templateName);if(null==d){console.warn(`cellTemplates["${i}"]: Missing '${l.templateName}' template.`);continue}let s=t.text.replace(i,"");l.contentCb&&(s=l.contentCb({col:r,row:o,content:s,insertIndex:a})),this.ROWS[o][r]={text:s,template:{template:d,templateCb:l.templateCb,insertIndex:"replace"==l.contentUse?-1:a}};break}}})})}setDefaultFilterAndSort(){var e,t;const o=null===(e=this.tableConfig.default)||void 0===e?void 0:e.sort;if(o){const e=this.COLS.find(e=>e.options.id==o.colId);e?this.sort(e,o.order):console.warn(`Cant find ${o.colId} col - for sorting`)}const r=null===(t=this.tableConfig.default)||void 0===t?void 0:t.filter;if(r){const e=this.COLS.find(e=>e.options.id==r.colId);e?e.filter?(e.filter.selectedIndex=r.selectedIndex,e.filter.input=r.input,this.updCols(),this.filter(e)):console.warn(`Cant find filters on ${r.colId} col`):console.warn(`Cant find ${r.colId} col - for filtering`)}}populateTable(){this.populateColumns(),this.populateData(),this.validateData(),this.setDefaultFilterAndSort(),this.populateTemplate()}updateDataInTable(){this.populateData(),this.validateData(),this.populateTemplate()}onDropRow(){this.dragRow!=this.dropRow&&this.drops.push([this.dragRow,this.dropRow]),this.dragRow=-1,this.dropRow=-1,this.dragRowElem&&(this.dragRowElem.setAttribute("draggable","false"),this.dragRowElem=null)}onDropCol(){if(this.dragCol!=this.dropCol){const e=this.COLS[this.dragCol],t=this.COLS[this.dropCol],o=e.group,r=t.group,i=e.index,a=t.index;e.group=r,t.group=o,e.index=a,t.index=i,this.COLS[this.dragCol]=t,this.COLS[this.dropCol]=e,this.ROWS.forEach(e=>{const t=e[this.dragCol],o=e[this.dropCol];e[this.dragCol]=o,e[this.dropCol]=t}),this.updCols(),this.updRows()}this.dragCol=-1,this.dropCol=-1}sort(e,t){e.sorter&&(this.clearSelection(),this.drops=[],this.COLS.forEach(o=>{o.options.id==e.options.id?o.sort=t||("default"==o.sort?"ascending":"ascending"==o.sort?"descending":"default"):o.sort="default"}),this.updCols(),this.requestUpdate(),this["md-table-advanced-change"].emit({type:"sort",order:e.sort}))}filter(e){if(!e.filter)return;this.clearSelection(),this.drops=[];const t=e.filter.input.trim(),o=e.filter.list[e.filter.selectedIndex];e.filter.active=!!t,this.requestUpdate(),t?this["md-table-advanced-change"].emit({type:"filter-on",filter:o,input:t}):this["md-table-advanced-change"].emit({type:"filter-off",filter:e.filter.list[e.filter.selectedIndex]})}selectRow(e){var t;const o=e.row.idx,r=this.selected.hasOwnProperty(o);"multiple"==(null===(t=this.tableConfig.rows)||void 0===t?void 0:t.selectable)?(e.metaKey?r?delete this.selected[o]:this.selected[o]=!0:e.shiftKey||(this.selected={[o]:!0}),this["md-table-advanced-change"].emit({type:"multi-select",rows:Object.keys(this.selected).map(e=>+e)})):r?this.clearSelection():(this.selected={[o]:!0},this["md-table-advanced-change"].emit({type:"select",index:o})),this.requestUpdate("selected")}clearSelection(){this.selected={},this.requestUpdate("selected")}collapseToggle(e,t){e.stopPropagation(),this.expandedRowIdx[t]?(delete this.expandedRowIdx[t],this["md-table-advanced-change"].emit({type:"collapse",row:t})):(this.expandedRowIdx[t]=!0,this["md-table-advanced-change"].emit({type:"expand",row:t})),this.clearSelection(),this.requestUpdate()}render(){if(this.error)return l.html`
|
|
2
2
|
<div>${this.error}</div>
|
|
3
3
|
`;const{head:e}=this.tableConfig,t=Object(s.classMap)({"sticky-header":!!this.tableConfig.isStickyHeader});return l.html`
|
|
4
4
|
<div class="md-table-advanced">
|
package/dist/chunks/md-79.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[79],{121:function(t,e,r){"use strict";r.r(e),r.d(e,"formatType",(function(){return h})),r.d(e,"Table",(function(){return m}));var o=r(5),a=r(6),l=r(0),d=r(31),s=r.n(d),i=r(13),n=l.css`.md-table-container{width:100%}.md-table-container_stickly{height:100%;overflow-y:auto;position:relative}.md-table-container_stickly .md-table__header tr{background-color:rgba(0,0,0,0)}.md-table-container_stickly .md-table__header th{background-color:var(--table-header-bg-color,#f7f7f7);position:sticky;top:0}.md-table-container_stickly .md-table__header th:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table{border:1px solid var(--table-border-color,#dedede);border-collapse:collapse;width:100%}.md-table .md-table__header tr{background-color:var(--table-header-bg-color,#f7f7f7)}.md-table .md-table__header th{border-bottom:1px solid var(--table-border-color,#dedede);border-right:1px solid var(--table-border-color,#dedede);color:var(--table-text-color,#545454);font-size:12px;font-weight:700;padding-left:calc(.25rem*3);text-align:left}.md-table .md-table__header th:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table .md-table__header th:active{background-color:var(--table-pressed-bg-color,#dedede)}.md-table .md-table__header th a{color:var(--table-text-color,#545454)}.md-table .md-table__header th a.sortedAbc:after{content:"\\f1cc";display:inline-block;font-family:momentum-ui-icons;padding-left:.25rem;vertical-align:bottom}.md-table .md-table__header th a.sortedZyx:after{content:"\\f1cf";display:inline-block;font-family:momentum-ui-icons;padding-left:.25rem;vertical-align:bottom}.md-table .md-table__body tr{height:2.5rem}.md-table .md-table__body tr:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table .md-table__body tr:active{background-color:var(--table-pressed-bg-color,#dedede)}.md-table .md-table__body td{font-size:14px;min-width:calc(2.5rem*3.2);padding-left:calc(.25rem*3);vertical-align:middle}.md-table .md-table__body td span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:calc(.25rem*6);width:calc(100% - .25rem)}.md-table .md-table__body td md-icon{padding-left:.25rem;vertical-align:bottom}.md-table .md-table__body td:last-child span{width:auto}.md-table tr{height:2.5rem}.md-table tr td{border-bottom:1px solid var(--table-border-color,#dedede);border-right:1px solid var(--table-border-color,#dedede);vertical-align:top}.md-table--stripped .md-table__body tr:nth-child(even){background-color:var(--table-stripped-bg-color,#ededed)}.md-table--stripped .md-table__body tr:nth-child(even):hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table--clean tr td{border-right:unset}.md-table--no-borders{border:unset}.md-table--no-borders .md-table__header th,.md-table--no-borders tr td{border-bottom:unset;border-right:unset}`,c=r(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[79],{121:function(t,e,r){"use strict";r.r(e),r.d(e,"formatType",(function(){return h})),r.d(e,"Table",(function(){return m}));var o=r(5),a=r(6),l=r(0),d=r(31),s=r.n(d),i=r(13),n=l.css`.md-table-container{width:100%}.md-table-container_stickly{height:100%;overflow-y:auto;position:relative}.md-table-container_stickly .md-table__header tr{background-color:rgba(0,0,0,0)}.md-table-container_stickly .md-table__header th{background-color:var(--table-header-bg-color,#f7f7f7);position:sticky;top:0}.md-table-container_stickly .md-table__header th:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table{border:1px solid var(--table-border-color,#dedede);border-collapse:collapse;width:100%}.md-table .md-table__header tr{background-color:var(--table-header-bg-color,#f7f7f7)}.md-table .md-table__header th{border-bottom:1px solid var(--table-border-color,#dedede);border-right:1px solid var(--table-border-color,#dedede);color:var(--table-text-color,#545454);font-size:12px;font-weight:700;padding-left:calc(.25rem*3);text-align:left}.md-table .md-table__header th:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table .md-table__header th:active{background-color:var(--table-pressed-bg-color,#dedede)}.md-table .md-table__header th a{color:var(--table-text-color,#545454)}.md-table .md-table__header th a.sortedAbc:after{content:"\\f1cc";display:inline-block;font-family:momentum-ui-icons;padding-left:.25rem;vertical-align:bottom}.md-table .md-table__header th a.sortedZyx:after{content:"\\f1cf";display:inline-block;font-family:momentum-ui-icons;padding-left:.25rem;vertical-align:bottom}.md-table .md-table__body tr{height:2.5rem}.md-table .md-table__body tr:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table .md-table__body tr:active{background-color:var(--table-pressed-bg-color,#dedede)}.md-table .md-table__body td{font-size:14px;min-width:calc(2.5rem*3.2);padding-left:calc(.25rem*3);vertical-align:middle}.md-table .md-table__body td span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:calc(.25rem*6);width:calc(100% - .25rem)}.md-table .md-table__body td md-icon{padding-left:.25rem;vertical-align:bottom}.md-table .md-table__body td:last-child span{width:auto}.md-table tr{height:2.5rem}.md-table tr td{border-bottom:1px solid var(--table-border-color,#dedede);border-right:1px solid var(--table-border-color,#dedede);vertical-align:top}.md-table--stripped .md-table__body tr:nth-child(even){background-color:var(--table-stripped-bg-color,#ededed)}.md-table--stripped .md-table__body tr:nth-child(even):hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table--clean tr td{border-right:unset}.md-table--no-borders{border:unset}.md-table--no-borders .md-table__header th,.md-table--no-borders tr td{border-bottom:unset;border-right:unset}`,c=r(3),b=function(t,e,r,o){var a,l=arguments.length,d=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(d=(l<3?a(d):l>3?a(e,r,d):a(e,r))||d);return l>3&&d&&Object.defineProperty(e,r,d),d};const h=["number","default"];var m;!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.tabledata="",this.zebra=!1,this.clean=!1,this.sorting=!1,this.nodata="No data Loaded",this.stickheader=!1,this.label="Table",this.noBorders=!1,this.format="default",this.warning=[],this.errors=[],this.sort={columnName:"",sortting:!1},this.csvData=void 0,this.config={quoteChar:'"',escapeChar:'""',header:!1,preview:0,comments:!1,step:void 0,complete:void 0,download:!1}}connectedCallback(){super.connectedCallback(),this.results=s.a.parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length),this.requestUpdate("tabledata"),this.linkCellItems()}get rowItem(){return this.rowTable}linkCellItems(){const t=this.rowTable;null==t||t.forEach((t,e)=>{this.warning.forEach(r=>{if(e+1===r.row){t.querySelectorAll('td[role="cell"').forEach((t,e)=>{e+1===r.col&&(t.classList.add("warning"),t.insertAdjacentHTML("beforeend",'<md-icon name="warning_24" color="yellow"></md-icon>'))})}}),this.errors.forEach(r=>{if(e+1===r.row){t.querySelectorAll('td[role="cell"').forEach((t,e)=>{e+1===r.col&&(t.classList.add("error"),t.insertAdjacentHTML("beforeend",'<md-icon name="error_24" color="red"></md-icon>'))})}})})}sortTab(t,e){const r=t.target,o=Array.from(this.csvData),a=this.headerRow.indexOf(e);e!==this.sort.columnName||!0!==this.sort.sortting?(o.sort((function(t,e){const r=t[a].toLowerCase(),o=e[a].toLowerCase();return r>o?1:r<o?-1:0})),this.sort.sortting=!0,r.classList.remove("sortedZyx"),r.classList.add("sortedAbc")):(o.reverse(),this.sort.sortting=!1,r.classList.remove("sortedAbc"),r.classList.add("sortedZyx")),this.sort.columnName=e,this.csvData=o,this.requestUpdate("csvData")}update(t){super.update(t),t.has("tabledata")&&(this.results=s.a.parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length),this.linkCellItems())}static get styles(){return[o.a,n]}get tableClassMap(){return{"md-table--clean":this.clean,"md-table--no-borders":this.noBorders,"md-table--stripped":this.zebra,"md-table--sorting":this.sorting}}render(){return l.html`
|
|
2
2
|
<div class=${"md-table-container "+(this.stickheader?"md-table-container_stickly":c.nothing)}>
|
|
3
3
|
${0!=this.csvData.length?l.html`
|
|
4
4
|
<table
|