@momentum-ui/web-components 2.5.7 → 2.5.8

package/dist/chunks/md-69.js

@@ -0,0 +1,77 @@
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{114:function(d,e,m){"use strict";m.r(e),m.d(e,"modalType",(function(){return _})),m.d(e,"Modal",(function(){return f}));m(17),m(15);var o=m(1),a=m(7),l=m(5),t=m(4),i=m(0),r=m(2),n=m(3),s=i.css`.md-modal{color:var(--md-primary-text-color,#121212);display:block;height:100vh;left:0;margin:0 auto;position:fixed;right:0;visibility:visible;width:100vw;width:100vw;max-height:none;top:auto}.md-modal .md-modal__title{color:var(--md-primary-text-color,#707070)}.md-modal .md-modal__content{height:auto;min-height:0;border-radius:var(--modal-main-radius,.5rem);max-height:none}.md-modal:focus{box-shadow:none}.md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5rem;width:100%;flex-shrink:0;padding-bottom:1rem;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2)}.md-modal__header .md-modal__title{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.md-modal__header .md-modal__message{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5rem;width:100%;color:var(--modal-main-text-color,#545454);flex-flow:row wrap;text-align:center}.md-modal__header .md-modal__close{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border:0;position:absolute}.md-modal__content{background-color:var(--modal-main-bg-color,#fff);box-shadow:0 8px 16px 0 rgba(0,0,0,.16);border:1px solid var(--modal-main-border-color,#dedede);display:flex;flex-direction:column}.md-modal__flex-container{display:flex;flex:1 1 0%;flex-direction:column;max-height:inherit;min-height:inherit;padding:var(--modal-main-padding,1.5rem 1rem);width:100%}.md-modal__body{align-items:stretch;align-self:stretch;background:var(--modal-main-bg-color,#fff);display:flex;flex:1 1 auto;flex-direction:column;margin:0;overflow-x:hidden;overflow-y:auto;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2)}.md-modal__body--padding{padding:0 2rem}.md-modal__footer{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end;flex-shrink:0;padding-left:calc(1rem / 2);padding-right:calc(1rem / 2);padding-top:1rem;width:100%}.md-modal__footer md-button:not(:first-of-type){margin-left:.75rem}.md-modal__footer ::slotted(md-button){margin-left:.75rem}.md-modal.md-modal--full{width:100vw;max-height:none;top:auto}.md-modal.md-modal--full .md-modal__content{height:100vh;min-height:0;border-radius:0;max-height:none}.md-modal.md-modal--full .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2.25rem;line-height:3rem;width:100%}.md-modal.md-modal--full .md-modal__header .md-modal__message{font-size:1.25rem;line-height:2rem;padding-top:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close{height:1.25rem;right:1.5rem;top:1.5rem;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:calc(100vh - (2.6875rem * 2));top:2.6875rem}.md-modal.md-modal--large .md-modal__content{min-height:45rem;border-radius:var(--modal-main-radius,.5rem);max-height:calc(100vh - (2.6875rem * 2))}.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:1rem;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:calc(100vh - (3.5625rem * 2));top:3.5625rem}.md-modal.md-modal--large .md-modal__content{min-height:30rem;max-height:calc(100vh - (3.5625rem * 2))}.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:.75rem;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:calc(100vh - (2.9375rem * 2));top:2.9375rem}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:calc(100vh - (2.9375rem * 2))}.md-modal.md-modal--default .md-modal__close,.md-modal.md-modal--medium .md-modal__close{height:.875rem;right:.75rem;top:.75rem;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:calc(100vh - (3.5625rem * 2));top:3.5625rem}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:calc(100vh - (3.5625rem * 2))}}@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:calc(100vh - (2.9375rem * 2));top:2.9375rem}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:calc(100vh - (2.9375rem * 2))}.md-modal.md-modal--small .md-modal__close{height:.875rem;right:.75rem;top:.75rem;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:calc(100vh - (3.3125rem * 2));top:3.3125rem}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:calc(100vh - (3.3125rem * 2))}}.md-modal.md-modal--dialog{width:27.5rem;max-height:calc(100vh - (6.25rem * 2));top:6.25rem}.md-modal.md-modal--dialog .md-modal__content{height:auto;min-height:0;border-radius:var(--modal-main-radius,.5rem);max-height:calc(100vh - (6.25rem * 2))}.md-modal.md-modal--dialog .md-modal__close{height:.875rem;right:.75rem;top:.75rem;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}@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:.75rem;width:.875rem}.md-modal.md-modal--default .md-modal__header .md-modal__close::before,.md-modal.md-modal--dialog .md-modal__header .md-modal__close::before,.md-modal.md-modal--full .md-modal__header .md-modal__close::before,.md-modal.md-modal--large .md-modal__header .md-modal__close::before,.md-modal.md-modal--medium .md-modal__header .md-modal__close::before,.md-modal.md-modal--small .md-modal__header .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--default .md-modal__footer,.md-modal.md-modal--dialog .md-modal__footer,.md-modal.md-modal--full .md-modal__footer,.md-modal.md-modal--large .md-modal__footer,.md-modal.md-modal--medium .md-modal__footer,.md-modal.md-modal--small .md-modal__footer{padding:var(--modal-main-padding,1.5rem 1rem);padding-right:1.5rem}.md-modal.md-modal--default .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--dialog .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--full .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--large .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--medium .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--small .md-modal__footer md-button:not(:first-of-type){margin-left:1rem}}.md-modal__backdrop{background:rgba(0,0,0,.45);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1040}.md-modal__backdrop .md-modal_overlay{bottom:0;position:absolute;top:0;width:100%}.md-close{color:#545454;float:right;font-size:21px;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff}.md-close:focus,.md-close:hover{color:#064157;cursor:pointer;text-decoration:none}.md-close{background:0 0;border-radius:0;cursor:pointer;font-weight:400;min-width:initial;padding:0}.md-close::before{font-family:momentum-ui-icons;vertical-align:middle}.md-close:hover{color:#005e7d}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}`,h=function(d,e,m,o){var a,l=arguments.length,t=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,m):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(d,e,m,o);else for(var i=d.length-1;i>=0;i--)(a=d[i])&&(t=(l<3?a(t):l>3?a(e,m,t):a(e,m))||t);return l>3&&t&&Object.defineProperty(e,m,t),t},c=function(d,e,m,o){return new(m||(m=Promise))((function(a,l){function t(d){try{r(o.next(d))}catch(d){l(d)}}function i(d){try{r(o.throw(d))}catch(d){l(d)}}function r(d){var e;d.done?a(d.value):(e=d.value,e instanceof m?e:new m((function(d){d(e)}))).then(t,i)}r((o=o.apply(d,e||[])).next())}))};const _=["default","full","large","small","dialog"];var f;!function(d){let e=class extends(Object(a.b)(i.LitElement)){constructor(){super(...arguments),this.show=!1,this.headerLabel="",this.headerMessage="",this.htmlId="",this.ariaLabel="modal",this.ariaLabelledBy="",this.ariaLabelClose="Close Modal",this.ariaLabelCancel="Cancel Modal",this.ariaLabelSubmit="Submit Modal",this.ariaDescription="",this.showCloseButton=!1,this.backdropClickExit=!1,this.noExitOnEsc=!1,this.size="default",this.closeBtnName="",this.hideFooter=!1,this.hideHeader=!1,this.animating=!1,this.handleCloseOutside=d=>{d.code===o.a.Escape&&(d.preventDefault(),this.show&&!this.noExitOnEsc&&(this.show=!1,this.notifyModalClose()))}}static get styles(){return[t.a,s]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleCloseOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleCloseOutside)}update(d){super.update(d),d.has("show")&&(this.show?this.modalFadeIn():!0===d.get("show")&&this.modalFadeOut())}notifyModalClose(){this.dispatchEvent(new CustomEvent("close-modal",{composed:!0,bubbles:!0}))}focusInsideModal(){this.focusableElements&&this.focusableElements.length&&this.setInitialFocus()}handleKeyDown(d){d.code!==o.a.Enter&&d.code!==o.a.Space||this.show&&(this.show=!0)}transitionPromise(d){return new Promise(e=>{const m=()=>{d.removeEventListener("transitionend",m),this.activateFocusTrap(),this.setFocusableElements(),requestAnimationFrame(()=>{e()})},o=()=>{d.removeEventListener("transitioncancel",o),this.deactivateFocusTrap(),this.modalFadeOut(),e()};d.addEventListener("transitionend",m),d.addEventListener("transitioncancel",o),setTimeout(()=>{this.animating=!0},13)})}modalFadeIn(){return c(this,void 0,void 0,(function*(){this.backDrop&&(yield this.transitionPromise(this.backDrop),this.focusInsideModal())}))}modalFadeOut(){this.animating=!1,this.deactivateFocusTrap(),setTimeout(()=>{this.notifyModalClose()},150)}handleCloseBackdrop(){this.backdropClickExit&&(this.show=!1,this.notifyModalClose())}topCloseBtnTemplate(){return i.html`
+        ${this.showCloseButton?i.html`
+              <md-button
+                hasRemoveStyle
+                class="md-close md-modal__close"
+                @click="${this.modalFadeOut}"
+                @keydown="${this.handleKeyDown}"
+                aria-label=${this.ariaLabelClose}
+              >
+                <md-icon name="cancel_14"></md-icon>
+              </md-button>
+            `:r.nothing}
+      `}handleFooterClick(){this.show=!1,this.notifyModalClose()}headerTemplate(){return this.hideHeader?i.html`
+            <div part="modal-header" class="md-modal__header">
+              <slot name="header"></slot>
+              ${this.topCloseBtnTemplate()}
+            </div>
+          `:i.html`
+            <div part="modal-header" class="md-modal__header">
+              <span class="md-modal__title">${this.headerLabel}</span>
+              ${this.headerMessage?i.html`
+                    <span class="md-modal__message">${this.headerMessage}</span>
+                  `:r.nothing}
+              ${this.topCloseBtnTemplate()}
+            </div>
+          `}footerTemplate(){return this.hideFooter?i.html`
+            <div part="modal-footer" class="md-modal__footer">
+              <slot name="footer"></slot>
+            </div>
+          `:i.html`
+            <div part="modal-footer" class="md-modal__footer">
+              <md-button
+                aria-label=${this.ariaLabelCancel}
+                @click="${this.handleFooterClick}"
+                @keydown="${this.handleKeyDown}"
+              >
+                <span>Cancel</span>
+              </md-button>
+              <md-button
+                type="submit"
+                variant="primary"
+                aria-label=${this.ariaLabelSubmit}
+                @click="${this.handleFooterClick}"
+                @keydown="${this.handleKeyDown}"
+              >
+                <span>${this.closeBtnName}</span>
+              </md-button>
+            </div>
+          `}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,["md-modal--"+this.size]:!!this.size}}render(){return i.html`
+        ${this.show?i.html`
+              <div part="modal-backdrop" class="md-modal__backdrop fade ${Object(n.classMap)(this.modalBackDropClassMap)}">
+                ${this.backdropClickExit?i.html`
+                      <div class="md-modal_overlay" @click="${this.handleCloseBackdrop}"></div>
+                    `:r.nothing}
+
+                <div
+                  part="modal-container"
+                  role="dialog"
+                  id="${this.htmlId}"
+                  class="md-modal ${Object(n.classMap)(this.modalContainerClassMap)}"
+                  aria-label="${this.ariaLabel}"
+                  aria-labelledby="${this.ariaLabelledBy}"
+                  aria-describedby="${this.ariaDescription}"
+                >
+                  <div part="modal-content" class="md-modal__content">
+                    <div class="md-modal__flex-container">
+                      ${this.headerTemplate()}
+                      <div part="modal-body" class="md-modal__body">
+                        <slot></slot>
+                      </div>
+                      ${this.footerTemplate()}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            `:r.nothing}
+      `}};h([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),h([Object(i.property)({type:String})],e.prototype,"headerLabel",void 0),h([Object(i.property)({type:String})],e.prototype,"headerMessage",void 0),h([Object(i.property)({type:String})],e.prototype,"htmlId",void 0),h([Object(i.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),h([Object(i.property)({type:String,attribute:"aria-labelled-by"})],e.prototype,"ariaLabelledBy",void 0),h([Object(i.property)({type:String})],e.prototype,"ariaLabelClose",void 0),h([Object(i.property)({type:String})],e.prototype,"ariaLabelCancel",void 0),h([Object(i.property)({type:String})],e.prototype,"ariaLabelSubmit",void 0),h([Object(i.property)({type:String})],e.prototype,"ariaDescription",void 0),h([Object(i.property)({type:Boolean})],e.prototype,"showCloseButton",void 0),h([Object(i.property)({type:Boolean})],e.prototype,"backdropClickExit",void 0),h([Object(i.property)({type:Boolean})],e.prototype,"noExitOnEsc",void 0),h([Object(i.property)({type:String})],e.prototype,"size",void 0),h([Object(i.property)({type:String})],e.prototype,"closeBtnName",void 0),h([Object(i.property)({type:Boolean})],e.prototype,"hideFooter",void 0),h([Object(i.property)({type:Boolean})],e.prototype,"hideHeader",void 0),h([Object(i.internalProperty)()],e.prototype,"animating",void 0),h([Object(i.query)(".md-modal__backdrop")],e.prototype,"backDrop",void 0),e=h([Object(l.a)("md-modal")],e),d.ELEMENT=e}(f||(f={}))}}]);

package/dist/chunks/md-7.js

@@ -0,0 +1,82 @@
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[7],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return s})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"Button",(function(){return k}));var a=d(55),r=(d(48),d(1)),n=d(5),b=d(4),e=d(0),i=d(2),c=d(3),m=d(6),u=e.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{border:none;border-radius:1.125rem;cursor:pointer;display:inline-block;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;font-size:1rem;line-height:1.5rem;border-radius:1.125rem;height:2.25rem;padding:.5625rem 1.125rem .625rem 1.125rem;background-color:#dedede;border-color:transparent;color:#000;transition:background-color 150ms ease;background-color:var(--button-secondary-bg-color,#dedede);box-sizing:border-box;color:var(--button-secondary-text-color,#121212)}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button::after{border-radius:1.125rem}:host .md-button .md-prepend{margin-right:calc(2.25rem / 4)}:host .md-button .md-append{margin-left:calc(2.25rem / 4)}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + (2px * 2));left:0;margin:-2px;position:absolute;top:0;width:calc(100% + (2px * 2))}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color,#007aa3)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;box-shadow:none;min-width:0}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none::after{border-radius:0}:host .md-button--none .md-prepend{margin-right:calc(100% / 4)}:host .md-button--none .md-append{margin-left:calc(100% / 4)}:host .md-button--size-none{font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;min-width:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--size-none .md-prepend{margin-right:calc(100% / 4)}:host .md-button--size-none .md-append{margin-left:calc(100% / 4)}:host .md-button--28{font-size:.75rem;line-height:.9375rem;border-radius:1rem;height:1.75rem;padding:.375rem .875rem .4375rem .875rem}:host .md-button--28::after{border-radius:1rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem / 4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem / 4)}:host .md-button--32{font-size:.875rem;line-height:1rem;border-radius:1.125rem;height:2rem;padding:.5rem 1rem .5625rem 1rem}:host .md-button--32::after{border-radius:1.125rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem / 4)}:host .md-button--32 .md-append{margin-left:calc(2rem / 4)}:host .md-button--36{font-size:.875rem;line-height:1.5rem;height:2.25rem;padding:.5625rem 1.125rem .625rem 1.125rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem / 4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem / 4)}:host .md-button--40{font-size:1rem;line-height:1.0625rem;border-radius:1.25rem;height:2.5rem;padding:.6875rem 1.25rem .75rem 1.25rem}:host .md-button--40::after{border-radius:1.25rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem / 4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem / 4)}:host .md-button--52{font-size:1rem;line-height:1.5rem;border-radius:1.625rem;height:3.25rem;padding:.875rem 1.625rem .9375rem 1.625rem}:host .md-button--52::after{border-radius:1.625rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem / 4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem / 4)}:host .md-button--circle{border-radius:100%;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem;padding:0}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:.5rem;line-height:.5rem}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:.75rem;line-height:.75rem}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:#007aa3;border-color:transparent;color:#fff}:host .md-button--blue:focus{background-color:#005e7d;color:#fff}:host .md-button--blue:hover{background-color:#005e7d;color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:#064157;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color,#005e7d);box-shadow:0 0 0 1px var(--button-primary-outline-color,#005e7d)}:host .md-button--blue.md-button--outline:focus{background-color:#005e7d;color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:#005e7d;color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:#064157;color:#fff}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color,#292929);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color,#292929);border-color:transparent;color:#fff}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color,#292929);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color,#292929)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff;color:#007aa3}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit;color:#545454;fill:#545454;font-size:1rem;line-height:1.5rem;border-radius:0;height:auto;padding:0;min-width:0}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100% / 4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100% / 4)}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:rgba(255,255,255,.2);fill:rgba(255,255,255,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.md-button--icon-white.disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.disabled:hover,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:hover,:host .md-button.md-button--icon.md-button--icon-white[disabled]:focus,:host .md-button.md-button--icon.md-button--icon-white[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(255,255,255,.2);fill:rgba(255,255,255,.2)}:host .md-button.md-button--icon.md-button--icon-white.hover-state,:host .md-button.md-button--icon.md-button--icon-white:hover{color:rgba(255,255,255,.92);fill:rgba(255,255,255,.92)}:host .md-button.md-button--icon.md-button--icon-white.active-state,:host .md-button.md-button--icon.md-button--icon-white:active{color:rgba(255,255,255,.84);fill:rgba(255,255,255,.84)}:host .md-button.md-button--onlyicon:disabled{background-color:transparent!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color,#007aa3);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color,#005e7d)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color,#064157)}:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=secondary]) .md-button{background-color:var(--button-secondary-bg-color,#dedede);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:hover{background-color:var(--button-secondary-hover-bg-color,#ccc);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:active{background-color:var(--button-secondary-pressed-bg-color,#b2b2b2);color:var(--button-secondary-text-color,#121212)}:host([variant=secondary]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color,#d4371c);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color,#a12512)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color,#6e1d13)}:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color,#00853c);color:var(--button-primary-text-color,#f7f7f7)}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color,#03612c)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color,#08421f)}:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color,#edfaf4)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color,#befade)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color,#befade)}:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color,#fff5f2)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color,#ffe8e3)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color,#ffe8e3)}:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color,#f7f7f7)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color,#ededed)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color,#ededed)}:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=white]) .md-button{background-color:#fff;border-color:transparent;color:#000}:host([variant=white]) .md-button:focus{background-color:#ededed;color:#000}:host([variant=white]) .md-button:hover{background-color:#ededed;color:#000}:host([variant=white]) .md-button.active,:host([variant=white]) .md-button:active{background-color:#ccc;color:#000}:host([variant=white]) .md-button.disabled,:host([variant=white]) .md-button.md-button--disabled,:host([variant=white]) .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host([variant=white]) .md-button.disabled:focus,:host([variant=white]) .md-button.disabled:hover,:host([variant=white]) .md-button.md-button--disabled:focus,:host([variant=white]) .md-button.md-button--disabled:hover,:host([variant=white]) .md-button[disabled]:focus,:host([variant=white]) .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}: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=white]) .md-button--outline:hover{box-shadow:none!important}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color,#3b3b3b);color:var(--button-inverted-white-text-color,#fff)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color,#292929)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color,#1c1c1c)}:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color,#dedede);color:var(--button-disabled-text-color,#b2b2b2)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color,#b2b2b2);color:var(--button-inverted-white-outline-text-color,#b2b2b2)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}`,l=function(t,o,d,a){var r,n=arguments.length,b=n<3?o:null===a?a=Object.getOwnPropertyDescriptor(o,d):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)b=Reflect.decorate(t,o,d,a);else for(var e=t.length-1;e>=0;e--)(r=t[e])&&(b=(n<3?r(b):n>3?r(o,d,b):r(o,d))||b);return n>3&&b&&Object.defineProperty(o,d,b),b};const s=["20","28","32","36","40","44","52","56","72","68","84","size-none",20,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","white","darkGrey"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""];var k;!function(t){let o=class extends e.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaExpanded=!1,this.ariaHaspopup=!1,this.ariaPressed=!1,this.circle=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.clickFunction=null,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return e.html`
+          <style>
+            :host .md-button--${this.size} {
+              ${this.renderWidth()};
+              ${this.renderMaxWidth()};
+            }
+          </style>
+        `},this.iconTemplate=()=>this.loading?e.html`
+          <md-spinner size="16"></md-spinner>
+        `:e.html`
+          <slot name="icon"></slot>
+        `,this.textTemplate=()=>this.circle&&this.hasIcon?i.nothing:e.html`
+          <slot name="text"></slot>
+        `}get active(){return this._active}set active(t){const o=this._active;this._active=t,this.requestUpdate("active",o)}get tabIndex(){return this.disabled?-1:this._tabIndex}set tabIndex(t){const o=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",o)}handleKeyDown(t){if(this.disabled)return;const{code:o}=t;o!==r.a.Enter&&o!==r.a.Space||this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){this.disabled||(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[b.a,u,a.a]}get buttonClassMap(){return{"md-button--circle":this.circle,"md-button--none":this.hasRemoveStyle,"md-button--outline":this.outline,active:this.active&&!this.disabled,["md-button--"+this.size]:!this.hasRemoveStyle,["md-button--"+this.color]:!this.hasRemoveStyle&&!!this.color,["md-activity__"+this.activityType]:!!this.activityType,"md-activity":!!this.activityType,"md-button--icon":this.iconActive,"md-button--onlyicon":this.hasIcon&&!this.slottedText}}get slottedText(){var t;return null===(t=this.querySelector("[slot=text]"))||void 0===t?void 0:t.textContent}get hasIcon(){return null!==this.querySelector("[slot=icon]")||this.loading}childrenTemplate(){return e.html`
+        <span part="button-children" class="md-button__children">
+          ${this.iconTemplate()} ${this.textTemplate()}
+          <slot></slot>
+        </span>
+      `}buttonTemplate(t){return"button"===t?e.html`
+          <button
+            part="button"
+            id=${this.id}
+            class="md-button ${Object(c.classMap)(this.buttonClassMap)}"
+            @click=${t=>this.handleClick(t)}
+            @keydown=${t=>this.handleKeyDown(t)}
+            tabindex=${this.tabIndex}
+            aria-label=${Object(m.ifDefined)(this.ariaLabel||void 0)}
+            aria-labelledby=${Object(m.ifDefined)(this.ariaLabelledBy||void 0)}
+            aria-expanded=${this.ariaExpanded}
+            aria-haspopup=${this.ariaHaspopup}
+            type=${this.type}
+            role=${this.role}
+            ?disabled=${this.disabled||this.loading}
+          >
+            ${this.childrenTemplate()}
+          </button>
+        `:"input"===t?e.html`
+          <input
+            part="button"
+            id=${this.id}
+            class="md-button ${Object(c.classMap)(this.buttonClassMap)}"
+            @click=${t=>this.handleClick(t)}
+            @keydown=${t=>this.handleKeyDown(t)}
+            role=${this.role}
+            tabindex=${this.tabIndex}
+            aria-pressed=${this.ariaPressed}
+            aria-label=${Object(m.ifDefined)(this.ariaLabel||void 0)}
+            aria-labelledby=${Object(m.ifDefined)(this.ariaLabelledBy||void 0)}
+            type=${this.type}
+            alt=${this.label}
+            value=${this.value}
+            ?disabled=${this.disabled||this.loading}
+          />
+        `:"a"===t?e.html`
+          <a
+            part="button"
+            id=${this.id}
+            class="md-button ${Object(c.classMap)(this.buttonClassMap)}"
+            @click=${t=>this.handleClick(t)}
+            @keydown=${t=>this.handleKeyDown(t)}
+            role=${this.role}
+            tabindex=${this.tabIndex}
+            aria-pressed=${this.ariaPressed}
+            aria-label=${Object(m.ifDefined)(this.ariaLabel||void 0)}
+            aria-labelledby=${Object(m.ifDefined)(this.ariaLabelledBy||void 0)}
+            href=${this.href}
+          >
+            ${this.childrenTemplate()}
+          </a>
+        `:i.nothing}render(){return e.html`
+        ${this.getStyles()}
+        ${this.label?e.html`
+              <div part="button-container" class=${"md-button__container"+(this.containerLarge?"":"--small")}>
+                ${this.buttonTemplate(this.tag)}
+                <div part="button-label" class="md-button__label">
+                  ${this.label}
+                </div>
+              </div>
+            `:e.html`
+              ${this.buttonTemplate(this.tag)}
+            `}
+      `}};l([Object(e.property)({type:Boolean,reflect:!0})],o.prototype,"active",null),l([Object(e.property)({type:Number,attribute:"tab-index",reflect:!0})],o.prototype,"tabIndex",null),l([Object(e.property)({type:String})],o.prototype,"ariaLabel",void 0),l([Object(e.property)({type:String})],o.prototype,"ariaLabelledBy",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"ariaExpanded",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"ariaHaspopup",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"ariaPressed",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"circle",void 0),l([Object(e.property)({type:String})],o.prototype,"color",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"containerLarge",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"disabled",void 0),l([Object(e.property)({type:String})],o.prototype,"href",void 0),l([Object(e.property)({type:String})],o.prototype,"id",void 0),l([Object(e.property)({type:String})],o.prototype,"value",void 0),l([Object(e.property)({type:String})],o.prototype,"keyboardKey",void 0),l([Object(e.property)({type:String})],o.prototype,"label",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"loading",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"outline",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"hasRemoveStyle",void 0),l([Object(e.property)({type:String})],o.prototype,"size",void 0),l([Object(e.property)({type:String})],o.prototype,"tag",void 0),l([Object(e.property)({type:String})],o.prototype,"type",void 0),l([Object(e.property)({type:String})],o.prototype,"role",void 0),l([Object(e.property)({type:String})],o.prototype,"variant",void 0),l([Object(e.property)({type:String})],o.prototype,"width",void 0),l([Object(e.property)({type:String})],o.prototype,"maxWidth",void 0),l([Object(e.property)({type:String})],o.prototype,"activityType",void 0),l([Object(e.property)({type:Boolean})],o.prototype,"iconActive",void 0),l([Object(e.property)({attribute:!1})],o.prototype,"clickFunction",void 0),l([Object(e.query)(".md-button")],o.prototype,"button",void 0),o=l([Object(n.a)("md-button")],o),t.ELEMENT=o}(k||(k={}))},55:function(t,o,d){"use strict";var a=d(0);o.a=a.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}.md-button{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:.375rem 1.125rem;background-color:#dedede;border-color:transparent;color:#000;transition:background-color 150ms ease}.md-button>*{font-size:inherit}.md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}.md-button+.md-button{margin-left:.3125rem}.md-button.active-state.focus-state,.md-button.active-state:focus,.md-button:active.focus-state,.md-button:active:focus{box-shadow:none}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{box-shadow:none}.md-button .md-prepend{margin-right:calc(2.25rem / 4)}.md-button .md-append{margin-left:calc(2.25rem / 4)}.md-button:hover{background-color:#ccc;color:#000}.md-button.active,.md-button:active{background-color:#b2b2b2;color:#000}.md-button.disabled,.md-button.md-button--disabled,.md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md-button.disabled:focus,.md-button.disabled:hover,.md-button.md-button--disabled:focus,.md-button.md-button--disabled:hover,.md-button[disabled]:focus,.md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md-button.focus-state,.md-button:focus{box-shadow:none;outline:0}.md-button.md-button--circle{border-radius:100%;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem;padding:0}.md-button.md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:.875rem;line-height:.875rem}.md-button.md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}.md-button.md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}.md-button.md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.25rem;line-height:2.25rem}.md-button.md-activity{fill:#fff;margin:.3125rem}.md--dark .md-button.md-activity,.md-button.md-activity__chat{background-color:#00a0d1;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__chat:hover{background-color:#007aa3;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__chat.active,.md-button.md-activity__chat:active{background-color:#005e7d;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__chat.disabled,.md-button.md-activity__chat.md-button--disabled,.md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__chat.disabled:focus,.md-button.md-activity__chat.disabled:hover,.md-button.md-activity__chat.md-button--disabled:focus,.md-button.md-activity__chat.md-button--disabled:hover,.md-button.md-activity__chat[disabled]:focus,.md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__chat{background-color:#007aa3;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__chat:hover{background-color:#005e7d;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__chat.active,.md--contrast .md-button.md-activity__chat:active{background-color:#064157;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__chat.disabled,.md--contrast .md-button.md-activity__chat.md-button--disabled,.md--contrast .md-button.md-activity__chat[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__chat.disabled:focus,.md--contrast .md-button.md-activity__chat.disabled:hover,.md--contrast .md-button.md-activity__chat.md-button--disabled:focus,.md--contrast .md-button.md-activity__chat.md-button--disabled:hover,.md--contrast .md-button.md-activity__chat[disabled]:focus,.md--contrast .md-button.md-activity__chat[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__camera{background-color:#00ab50;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__camera:hover{background-color:#00853c;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__camera.active,.md-button.md-activity__camera:active{background-color:#03612c;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__camera.disabled,.md-button.md-activity__camera.md-button--disabled,.md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__camera.disabled:focus,.md-button.md-activity__camera.disabled:hover,.md-button.md-activity__camera.md-button--disabled:focus,.md-button.md-activity__camera.md-button--disabled:hover,.md-button.md-activity__camera[disabled]:focus,.md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__camera{background-color:#00853c;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__camera:hover{background-color:#03612c;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__camera.active,.md--contrast .md-button.md-activity__camera:active{background-color:#08421f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__camera.disabled,.md--contrast .md-button.md-activity__camera.md-button--disabled,.md--contrast .md-button.md-activity__camera[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__camera.disabled:focus,.md--contrast .md-button.md-activity__camera.disabled:hover,.md--contrast .md-button.md-activity__camera.md-button--disabled:focus,.md--contrast .md-button.md-activity__camera.md-button--disabled:hover,.md--contrast .md-button.md-activity__camera[disabled]:focus,.md--contrast .md-button.md-activity__camera[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__contact-card.active,.md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__contact-card.disabled,.md-button.md-activity__contact-card.md-button--disabled,.md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__contact-card.disabled:focus,.md-button.md-activity__contact-card.disabled:hover,.md-button.md-activity__contact-card.md-button--disabled:focus,.md-button.md-activity__contact-card.md-button--disabled:hover,.md-button.md-activity__contact-card[disabled]:focus,.md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__contact-card{background-color:#949494;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__contact-card:hover{background-color:#707070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__contact-card.active,.md--contrast .md-button.md-activity__contact-card:active{background-color:#545454;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__contact-card.disabled,.md--contrast .md-button.md-activity__contact-card.md-button--disabled,.md--contrast .md-button.md-activity__contact-card[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__contact-card.disabled:focus,.md--contrast .md-button.md-activity__contact-card.disabled:hover,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:focus,.md--contrast .md-button.md-activity__contact-card.md-button--disabled:hover,.md--contrast .md-button.md-activity__contact-card[disabled]:focus,.md--contrast .md-button.md-activity__contact-card[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__meetings{background-color:#f26b1d;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__meetings:hover{background-color:#c74f0e;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__meetings.active,.md-button.md-activity__meetings:active{background-color:#914017;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__meetings.disabled,.md-button.md-activity__meetings.md-button--disabled,.md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__meetings.disabled:focus,.md-button.md-activity__meetings.disabled:hover,.md-button.md-activity__meetings.md-button--disabled:focus,.md-button.md-activity__meetings.md-button--disabled:hover,.md-button.md-activity__meetings[disabled]:focus,.md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__meetings{background-color:#c74f0e;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__meetings:hover{background-color:#914017;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__meetings.active,.md--contrast .md-button.md-activity__meetings:active{background-color:#59311e;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__meetings.disabled,.md--contrast .md-button.md-activity__meetings.md-button--disabled,.md--contrast .md-button.md-activity__meetings[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__meetings.disabled:focus,.md--contrast .md-button.md-activity__meetings.disabled:hover,.md--contrast .md-button.md-activity__meetings.md-button--disabled:focus,.md--contrast .md-button.md-activity__meetings.md-button--disabled:hover,.md--contrast .md-button.md-activity__meetings[disabled]:focus,.md--contrast .md-button.md-activity__meetings[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__whiteboard{background-color:#e060de;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__whiteboard:hover{background-color:#c233c4;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__whiteboard.active,.md-button.md-activity__whiteboard:active{background-color:#932099;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__whiteboard.disabled,.md-button.md-activity__whiteboard.md-button--disabled,.md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__whiteboard.disabled:focus,.md-button.md-activity__whiteboard.disabled:hover,.md-button.md-activity__whiteboard.md-button--disabled:focus,.md-button.md-activity__whiteboard.md-button--disabled:hover,.md-button.md-activity__whiteboard[disabled]:focus,.md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__whiteboard{background-color:#c233c4;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__whiteboard:hover{background-color:#932099;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__whiteboard.active,.md--contrast .md-button.md-activity__whiteboard:active{background-color:#601e66;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__whiteboard.disabled,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled,.md--contrast .md-button.md-activity__whiteboard[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__whiteboard.disabled:focus,.md--contrast .md-button.md-activity__whiteboard.disabled:hover,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:focus,.md--contrast .md-button.md-activity__whiteboard.md-button--disabled:hover,.md--contrast .md-button.md-activity__whiteboard[disabled]:focus,.md--contrast .md-button.md-activity__whiteboard[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__files{background-color:#d97f00;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__files:hover{background-color:#a85f00;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__files.active,.md-button.md-activity__files:active{background-color:#7d4705;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__files.disabled,.md-button.md-activity__files.md-button--disabled,.md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__files.disabled:focus,.md-button.md-activity__files.disabled:hover,.md-button.md-activity__files.md-button--disabled:focus,.md-button.md-activity__files.md-button--disabled:hover,.md-button.md-activity__files[disabled]:focus,.md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__files{background-color:#a85f00;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__files:hover{background-color:#7d4705;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__files.active,.md--contrast .md-button.md-activity__files:active{background-color:#54330d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__files.disabled,.md--contrast .md-button.md-activity__files.md-button--disabled,.md--contrast .md-button.md-activity__files[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__files.disabled:focus,.md--contrast .md-button.md-activity__files.disabled:hover,.md--contrast .md-button.md-activity__files.md-button--disabled:focus,.md--contrast .md-button.md-activity__files.md-button--disabled:hover,.md--contrast .md-button.md-activity__files[disabled]:focus,.md--contrast .md-button.md-activity__files[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__share-screen{background-color:#00a3b5;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__share-screen:hover{background-color:#008094;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__share-screen.active,.md-button.md-activity__share-screen:active{background-color:#066070;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__share-screen.disabled,.md-button.md-activity__share-screen.md-button--disabled,.md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__share-screen.disabled:focus,.md-button.md-activity__share-screen.disabled:hover,.md-button.md-activity__share-screen.md-button--disabled:focus,.md-button.md-activity__share-screen.md-button--disabled:hover,.md-button.md-activity__share-screen[disabled]:focus,.md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__share-screen{background-color:#008094;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__share-screen:hover{background-color:#066070;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__share-screen.active,.md--contrast .md-button.md-activity__share-screen:active{background-color:#0a414d;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__share-screen.disabled,.md--contrast .md-button.md-activity__share-screen.md-button--disabled,.md--contrast .md-button.md-activity__share-screen[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__share-screen.disabled:focus,.md--contrast .md-button.md-activity__share-screen.disabled:hover,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:focus,.md--contrast .md-button.md-activity__share-screen.md-button--disabled:hover,.md--contrast .md-button.md-activity__share-screen[disabled]:focus,.md--contrast .md-button.md-activity__share-screen[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--dark .md-button.md-activity,.md-button.md-activity__tasks{background-color:#16a693;border-color:transparent;color:#fff}.md--dark .md-button.md-activity:hover,.md-button.md-activity__tasks:hover{background-color:#148579;color:#fff}.md--dark .md-button.md-activity.active,.md--dark .md-button.md-activity:active,.md-button.md-activity__tasks.active,.md-button.md-activity__tasks:active{background-color:#12615a;color:#fff}.md--dark .md-button.md-activity.disabled,.md--dark .md-button.md-activity.md-button--disabled,.md--dark .md-button.md-activity[disabled],.md-button.md-activity__tasks.disabled,.md-button.md-activity__tasks.md-button--disabled,.md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--dark .md-button.md-activity.disabled:focus,.md--dark .md-button.md-activity.disabled:hover,.md--dark .md-button.md-activity.md-button--disabled:focus,.md--dark .md-button.md-activity.md-button--disabled:hover,.md--dark .md-button.md-activity[disabled]:focus,.md--dark .md-button.md-activity[disabled]:hover,.md-button.md-activity__tasks.disabled:focus,.md-button.md-activity__tasks.disabled:hover,.md-button.md-activity__tasks.md-button--disabled:focus,.md-button.md-activity__tasks.md-button--disabled:hover,.md-button.md-activity__tasks[disabled]:focus,.md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}.md--contrast .md--dark .md-button.md-activity,.md--contrast .md-button.md-activity__tasks{background-color:#148579;border-color:transparent;color:#fff}.md--contrast .md--dark .md-button.md-activity:hover,.md--contrast .md-button.md-activity__tasks:hover{background-color:#12615a;color:#fff}.md--contrast .md--dark .md-button.md-activity.active,.md--contrast .md--dark .md-button.md-activity:active,.md--contrast .md-button.md-activity__tasks.active,.md--contrast .md-button.md-activity__tasks:active{background-color:#12423f;color:#fff}.md--contrast .md--dark .md-button.md-activity.disabled,.md--contrast .md--dark .md-button.md-activity.md-button--disabled,.md--contrast .md--dark .md-button.md-activity[disabled],.md--contrast .md-button.md-activity__tasks.disabled,.md--contrast .md-button.md-activity__tasks.md-button--disabled,.md--contrast .md-button.md-activity__tasks[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}.md--contrast .md--dark .md-button.md-activity.disabled:focus,.md--contrast .md--dark .md-button.md-activity.disabled:hover,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:focus,.md--contrast .md--dark .md-button.md-activity.md-button--disabled:hover,.md--contrast .md--dark .md-button.md-activity[disabled]:focus,.md--contrast .md--dark .md-button.md-activity[disabled]:hover,.md--contrast .md-button.md-activity__tasks.disabled:focus,.md--contrast .md-button.md-activity__tasks.disabled:hover,.md--contrast .md-button.md-activity__tasks.md-button--disabled:focus,.md--contrast .md-button.md-activity__tasks.md-button--disabled:hover,.md--contrast .md-button.md-activity__tasks[disabled]:focus,.md--contrast .md-button.md-activity__tasks[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}`}}]);

package/dist/chunks/md-70.js

@@ -0,0 +1,72 @@
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[70],{115:function(t,e,a){"use strict";a.r(e),a.d(e,"Pagination",(function(){return i}));var i,n=a(4),o=a(5),r=a(0),s=a(2),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`
+              <li class="page-ellipsis">${t}</li>
+            `:r.html`
+              <li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}>
+                ${t}
+              </li>
+            `)}dotsTemplate(t){return this.computePageList(t).map(t=>"..."===t?s.nothing:r.html`
+              <li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}></li>
+            `)}render(){return r.html`
+        <nav class="md-pagination" role="navigation" part="pagination">
+          ${this.noNavigation?s.nothing:r.html`
+                <button
+                  class="md-pagination-nav"
+                  aria-label="First Page"
+                  ?disabled=${this.hasPreviousPage}
+                  aria-disabled=${this.hasPreviousPage}
+                  @click=${this.computeFirst}
+                  part="pagination-first"
+                >
+                  <md-icon name="icon-overflow-left_16"></md-icon>
+                </button>
+                <button
+                  class="md-pagination-nav"
+                  aria-label="Next Page"
+                  ?disabled=${this.hasPreviousPage}
+                  aria-disabled=${this.hasPreviousPage}
+                  @click=${()=>this.computePrevious(this.currentPage-1)}
+                  part="pagination-prev"
+                >
+                  <md-icon name="icon-arrow-left_16"></md-icon>
+                </button>
+              `}
+          <div class="md-pagination-container">
+            ${this.onlyDots?r.html`
+                  <ul class="md-pagination-dots" part="pagination-only-dots">
+                    ${this.dotsTemplate(!1)}
+                  </ul>
+                `:r.html`
+                  <ul class="md-pagination-list" part=pagination-list">
+                    ${this.pagesTemplate(!0)}
+                  </ul>
+                `}
+            ${this.hasDots&&!this.onlyDots?r.html`
+                  <ul class="md-pagination-dots" part="pagination-dots">
+                    ${this.dotsTemplate(!0)}
+                  </ul>
+                `:s.nothing}
+          </div>
+          ${this.noNavigation?s.nothing:r.html`
+                <button
+                  class="md-pagination-nav"
+                  aria-label="Previous Page"
+                  ?disabled=${this.hasNextPage}
+                  aria-disabled=${this.hasNextPage}
+                  @click=${()=>this.computeNext(this.currentPage+1)}
+                  part="pagination-next"
+                >
+                  <md-icon name="icon-arrow-right_16"></md-icon>
+                </button>
+                <button
+                  class="md-pagination-nav"
+                  aria-label="Last Page"
+                  ?disabled=${this.hasNextPage}
+                  aria-disabled=${this.hasNextPage}
+                  @click=${this.computeLast}
+                  part="pagination-last"
+                >
+                  <md-icon name="icon-overflow-right_16"></md-icon>
+                </button>
+              `}
+        </nav>
+      `}};c([Object(r.property)({type:Boolean,attribute:"dots"})],e.prototype,"hasDots",void 0),c([Object(r.property)({type:Boolean,reflect:!0,attribute:"only-dots"})],e.prototype,"onlyDots",void 0),c([Object(r.property)({type:Boolean,reflect:!0,attribute:"no-navigation"})],e.prototype,"noNavigation",void 0),c([Object(r.property)({type:Number,reflect:!0,attribute:"total-page"})],e.prototype,"totalPage",void 0),c([Object(r.property)({type:Number,reflect:!0,attribute:"visible-page"})],e.prototype,"visiblePage",void 0),c([Object(r.property)({type:Number,reflect:!0,attribute:"current-page"})],e.prototype,"currentPage",null),e=c([Object(o.a)("md-pagination")],e),t.ELEMENT=e}(i||(i={}))}}]);

package/dist/chunks/md-71.js

@@ -0,0 +1,61 @@
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{116:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(77),o(24);var i,n=o(5),r=o(4),a=o(78),d=o(79),l=o(63),p=o(0),s=o(2),h=o(36),u=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}`,c=function(t,e,o,i){var n,r=arguments.length,a=r<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 d=t.length-1;d>=0;d--)(n=t[d])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);return r>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.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=Object(a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),this.validateInput(this.value)}getCountryFlag(t){return p.html`
+        <span class="flag-svg-wrapper">
+          <img src="${Object(d.findFlagUrlByIso2Code)(t)}" />
+        </span>
+      `}countryCodeOptionTemplate(t,e){return p.html`
+        <div
+          part="option"
+          class="md-phone-input__option"
+          display-value="+${t.value}"
+          slot=${e}
+          aria-label="+${t.value}, ${t.name}, ${t.code}"
+        >
+          ${this.showFlags?this.getCountryFlag(t.code):s.nothing}
+          <span>${t.name}</span>
+          <span>+${t.value}</span>
+        </div>
+      `}validateNumber(){this.isValid=!!this.value&&Object(l.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(t){var e;if(!t.detail.value||!t.detail.value.id)return this.countryCode="US",this.countryCallingCode="",void this.validateNumber();this.countryCallingCode=t.detail.value.id,this.countryCode=null===(e=t.detail.value.id.split(",")[2])||void 0===e?void 0:e.trim(),this.validateNumber()}handlePhoneChange(t){this.value=t.detail.value,this.validateInput(this.value),t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleKeydown(t){this.isValid=!0,t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleBlur(t){this.validateNumber(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}validateInput(t){this.formattedValue=new l.AsYouType(this.countryCode).input(t)}getFormatedCountryCallingCode(){var t;return{id:this.countryCallingCode,value:null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim()}}getModStyle(){return p.html`
+        <style>
+          .md-phone-input__container md-combobox {
+            width: 5.625rem;
+          }
+
+          md-combobox::part(group) {
+            border-left-style: none;
+            border-bottom-left-radius: 0;
+            border-top-left-radius: 0;
+            padding-left: 0;
+          }
+        </style>
+      `}static get styles(){return[r.a,u]}render(){return p.html`
+        ${this.showFlags?this.getModStyle():s.nothing}
+        <div class="md-phone-input__container">
+          ${this.showFlags?p.html`
+                <span class="flag-box">${this.getCountryFlag(this.countryCode)}</span>
+              `:s.nothing}
+          <md-combobox
+            part="combobox"
+            ?disabled=${this.disabled}
+            shape="${this.pill?"pill":"none"}"
+            placeholder="${this.codePlaceholder}"
+            .value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
+            @change-selected="${t=>this.handleCountryChange(t)}"
+            with-custom-content
+          >
+            ${Object(h.repeat)(this.codeList,t=>t.name,(t,e)=>this.countryCodeOptionTemplate(t,e))}
+          </md-combobox>
+          <md-input
+            part="md-input"
+            ?disabled=${this.disabled}
+            placeholder=${this.numberPlaceholder}
+            @input-change="${t=>this.handlePhoneChange(t)}"
+            @input-blur="${t=>this.handleBlur(t)}"
+            @input-keydown="${t=>this.handleKeydown(t)}"
+            shape="${this.pill?"pill":"none"}"
+            clear
+            type="tel"
+            value="${this.formattedValue}"
+            .messageArr="${!this.isValid||this.showErrorMessage?[{type:"error",message:this.errorMessage}]:[]}"
+          ></md-input>
+        </div>
+      `}};c([Object(p.property)({type:String,reflect:!0})],e.prototype,"codePlaceholder",void 0),c([Object(p.property)({type:String})],e.prototype,"numberPlaceholder",void 0),c([Object(p.property)({type:String,attribute:"country-calling-code"})],e.prototype,"countryCallingCode",void 0),c([Object(p.property)({type:Boolean,attribute:"show-flags"})],e.prototype,"showFlags",void 0),c([Object(p.property)({type:Boolean})],e.prototype,"pill",void 0),c([Object(p.property)({type:Boolean})],e.prototype,"disabled",void 0),c([Object(p.property)({type:String})],e.prototype,"value",void 0),c([Object(p.property)({type:String})],e.prototype,"errorMessage",void 0),c([Object(p.property)({type:Boolean})],e.prototype,"showErrorMessage",void 0),c([Object(p.internalProperty)()],e.prototype,"countryCode",void 0),c([Object(p.internalProperty)()],e.prototype,"codeList",void 0),c([Object(p.internalProperty)()],e.prototype,"formattedValue",void 0),c([Object(p.internalProperty)()],e.prototype,"isValid",void 0),c([Object(p.query)("md-combobox")],e.prototype,"combobox",void 0),e=c([Object(n.a)("md-phone-input")],e),t.ELEMENT=e}(i||(i={}))}}]);

package/dist/chunks/md-72.js

@@ -0,0 +1,16 @@
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{94:function(e,t,i){"use strict";i.r(t),i.d(t,"Radio",(function(){return r}));var r,a=i(7),o=i(5),s=i(4),d=i(0),l=i(6),c=i(64),p=function(e,t,i,r){var a,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(s=(o<3?a(s):o>3?a(t,i,s):a(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};!function(e){let t=class extends(Object(a.a)(d.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[s.a,c.a]}render(){return d.html`
+        <div class="md-radio-wrapper">
+          <input
+            class="md-radio-input"
+            type="radio"
+            aria-label=${Object(l.ifDefined)(this.ariaLabel.length?this.ariaLabel:void 0)}
+            .value=${this.value}
+            ?checked=${this.checked}
+            ?autofocus=${this.autofocus}
+            ?disabled=${this.disabled}
+            aria-hidden="true"
+            id="radio-label"
+          />
+          <label for="radio-label" class="md-radio-label" part="radio-label"><slot></slot></label>
+        </div>
+      `}};p([Object(d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),p([Object(d.property)({type:String})],t.prototype,"label",void 0),p([Object(d.property)({type:String})],t.prototype,"value",void 0),p([Object(d.property)({type:String})],t.prototype,"ariaLabel",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),p([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),p([Object(d.property)({type:Boolean,attribute:!1})],t.prototype,"checked",null),t=p([Object(o.a)("md-radio")],t),e.ELEMENT=t}(r||(r={}))}}]);

package/dist/chunks/md-73.js

@@ -0,0 +1,5 @@
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{95:function(e,t,s){"use strict";s.r(t),s.d(t,"RadioGroup",(function(){return i}));var i,d=s(1),o=s(7),c=s(4),n=s(5),r=s(0),a=s(64),h=function(e,t,s,i){var d,o=arguments.length,c=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(d=e[n])&&(c=(o<3?d(c):o>3?d(t,s,c):d(t,s))||c);return o>3&&c&&Object.defineProperty(t,s,c),c};!function(e){let t=class extends(Object(o.d)(r.LitElement)){constructor(){super(...arguments),this.label="group",this.checked=-1,this.alignment="vertical"}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}updated(e){super.updated(e),e.has("slotted")&&this.setFirstChecked()}get selectedRadioValue(){return this.slotted[this.selected].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("radio-change",{detail:{selected:this.selectedRadioValue},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}setFirstChecked(){-1!==this.checked&&(this.selected=this.checked,this.setChecked(this.checked))}findRadioIndex(e){const t=e.composedPath();return this.slotted.findIndex(e=>t.includes(e))}findCheckedRadioIndex(){return this.slotted.findIndex(e=>e.checked)}setChecked(e){const t=this.findCheckedRadioIndex();-1!==t&&t!==e&&(this.slotted[t].checked=!1),this.slotted[e].checked=!0}switchRadioOnArrowPress(e,t=1){const s=super.getAvailableSelectedIndex(e,t);-1!==s&&(this.selected=s,this.setChecked(s),this.notifySelectedChange())}isRadioDisabled(e){return this.slotted[e].disabled}handleClick(e){const t=this.findRadioIndex(e);-1!==t&&(this.isRadioDisabled(t)||(this.selected=t,this.setChecked(t),this.notifySelectedChange()))}handleKeyDown(e){const{code:t}=e;switch(t){case d.a.Enter:case d.a.Space:this.isRadioDisabled(this.selected)||(this.setChecked(this.selected),this.notifySelectedChange());break;case d.a.ArrowUp:case d.a.ArrowLeft:0===this.selected?this.switchRadioOnArrowPress(this.slotted.length-1,-1):this.switchRadioOnArrowPress(this.selected-1,-1);break;case d.a.ArrowDown:case d.a.ArrowRight:this.selected===this.slotted.length-1?this.switchRadioOnArrowPress(0):this.switchRadioOnArrowPress(this.selected+1)}}get slotElement(){return this.radioSlot}static get styles(){return[c.a,a.a]}render(){return r.html`
+        <div>
+          <slot name="radio"></slot>
+        </div>
+      `}};h([Object(r.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),h([Object(r.property)({type:Number,reflect:!0})],t.prototype,"checked",void 0),h([Object(r.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),h([Object(r.query)("slot[name='radio']")],t.prototype,"radioSlot",void 0),t=h([Object(n.a)("md-radiogroup")],t),e.ELEMENT=t}(i||(i={}))}}]);