@momentum-ui/web-components 2.13.23 → 2.14.1

package/dist/chunks/md-74.js

@@ -1,78 +1,72 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{121:function(t,i,e){"use strict";e.r(i),e.d(i,"Pagination",(function(){return a}));e(17),e(15);var a,n=e(6),o=e(5),r=e(0),s=e(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{cursor:pointer}:host(md-pagination) .md-pagination-nav:disabled{cursor:default}: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)}@media(forced-colors:active){:host(md-pagination) .md-pagination-nav:focus,:host(md-pagination) .md-pagination-nav:hover{outline:1px solid Highlight}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):hover,:host(md-pagination) .md-pagination-list li:not(.page-ellipsis)[aria-current=true]{forced-color-adjust:none;background-color:Highlight;color:Canvas}:host(md-pagination) .md-pagination-dots li{background-color:GrayText}:host(md-pagination) .md-pagination-dots li:hover,:host(md-pagination) .md-pagination-dots li[aria-current=true]{forced-color-adjust:none;background-color:Highlight;color:Canvas}}`,g=function(t,i,e,a){var n,o=arguments.length,r=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,a);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(r=(o<3?n(r):o>3?n(i,e,r):n(i,e))||r);return o>3&&r&&Object.defineProperty(i,e,r),r};!function(t){let i=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 i=this._currentPage;this._currentPage=t,this.notifyPageChange(i,t),this.requestUpdate("currentPage",i)}static get styles(){return[o.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,i){this.dispatchEvent(new CustomEvent("page-change",{composed:!0,bubbles:!0,detail:{oldPage:t,newPage:i}}))}get hasPreviousPage(){return this.currentPage<=1}get hasNextPage(){return this.currentPage>=this.totalPage}computePageList(t){if(this.totalPage>this.visiblePage&&t){const[t,i,e]=[this.currentPage-1,this.currentPage,this.currentPage+1];let a=[];if(i<=this.visiblePage-1)return a=[...Array(this.visiblePage)].map((t,i)=>1+i),a.push("..."),a.push(this.totalPage),a;if(this.totalPage-i<=this.visiblePage-2){a=[],a.push(1),a.push("...");const t=[...Array(this.visiblePage)].map((t,i)=>this.totalPage-this.visiblePage+1+i);return a.concat(t)}return[1,"...",t,i,e,"...",this.totalPage]}return[...Array(this.totalPage)].map((t,i)=>1+i)}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`
-                <md-button
-                  class="md-pagination-nav"
-                  ariaLabel="First Page"
-                  ?disabled=${this.hasPreviousPage}
-                  @click=${this.computeFirst}
-                  part="pagination-first"
-                  variant="ghost"
-                  size="24"
-                  circle
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{121:function(d,e,m){"use strict";m.r(e),m.d(e,"modalType",(function(){return f})),m.d(e,"Modal",(function(){return p}));m(17),m(15);var o=m(1),a=m(7),l=m(6),t=m(5),i=m(0),n=m(2),r=m(4),s=m(3),h=i.css`.md-modal{color:var(--md-primary-text-color,#121212);display:block;height:100vh;left:0;margin:0 auto;position:fixed;right:0;visibility:visible;width:100vw;width:100vw;max-height:none;top:auto}.md-modal .md-modal__content{height:auto;min-height:0;max-height:none}.md-modal .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.md-modal .md-modal__title{color:var(--md-primary-text-color,#707070)}.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:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;line-height:1.5rem;width:100%;flex-shrink:0;padding-bottom:1rem;padding-left:calc(1rem/2);padding-right:calc(1rem/2)}.md-modal__header h2{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.md-modal__header .md-modal__title{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.md-modal__header .md-modal__message{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-regular, "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;max-height:none}.md-modal.md-modal--full .md-modal__content{border-radius:0}.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:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:2.25rem;line-height:3rem;width:100%}.md-modal.md-modal--full .md-modal__header .md-modal__message{font-size:1.25rem;line-height:2rem;padding-top:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close{height:1.25rem;right:1.5rem;top:auto;width:1.25rem}.md-modal.md-modal--full .md-modal__header .md-modal__close::before{font-size:1.25rem}.md-modal.md-modal--full .md-modal__footer{padding-bottom:1.5rem;padding-top:1.5rem}.md-modal.md-modal--large{width:60rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:45rem;max-height:none}.md-modal.md-modal--large .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.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:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1.625rem;line-height:2rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:1rem;line-height:1.5rem;text-align:left}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:1rem;right:1rem;top:auto;width:1rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:1rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--large{width:40rem;max-height:none;top:auto}.md-modal.md-modal--large .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--large .md-modal__header{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;line-height:1.5rem;width:100%}.md-modal.md-modal--large .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;text-align:center}.md-modal.md-modal--large .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--large .md-modal__header .md-modal__close::before{font-size:.875rem}}@media only screen and (max-height:50em){.md-modal.md-modal--large .md-modal__content{min-height:auto}}.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}.md-modal.md-modal--default .md-modal__close,.md-modal.md-modal--medium .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__close::before,.md-modal.md-modal--medium .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--default,.md-modal.md-modal--medium{width:40rem;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:30rem;max-height:none}}@media only screen and (max-height:50em){.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--medium .md-modal__content{min-height:auto}}.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}.md-modal.md-modal--small .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--small .md-modal__close::before{font-size:.875rem}@media only screen and (min-width:40.0625em)and (max-width:64em){.md-modal.md-modal--small{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--small .md-modal__content{min-height:23.75rem;max-height:none}}.md-modal.md-modal--dialog{width:27.5rem;max-height:none;top:auto}.md-modal.md-modal--dialog .md-modal__content{height:auto;min-height:0;max-height:none}.md-modal.md-modal--dialog .md-modal__content{border-radius:var(--modal-main-radius,.5rem)}.md-modal.md-modal--dialog .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--dialog .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--dialog .md-modal__content{flex-direction:row}.md-modal.md-modal--dialog .md-modal__content .md-modal__header{align-items:flex-start;padding:0 0 .75rem 0}.md-modal.md-modal--dialog .md-modal__content .md-modal__title{font-family:var(--brand-font-bold, "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:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:14px;line-height:1.375rem}.md-modal.md-modal--dialog .md-modal__content .md-modal__footer{display:flex;justify-content:flex-end;padding:0}.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:40em){.md-modal.md-modal--default.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--dialog.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--full.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--large.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--medium.md-modal--dialog .md-modal__flex-container,.md-modal.md-modal--small.md-modal--dialog .md-modal__flex-container{min-height:calc(100vh - 1.5rem*2)}}@media only screen and (max-width:40em){.md-modal.md-modal--default,.md-modal.md-modal--dialog,.md-modal.md-modal--full,.md-modal.md-modal--large,.md-modal.md-modal--medium,.md-modal.md-modal--small{width:100vw;max-height:none;top:auto}.md-modal.md-modal--default .md-modal__content,.md-modal.md-modal--dialog .md-modal__content,.md-modal.md-modal--full .md-modal__content,.md-modal.md-modal--large .md-modal__content,.md-modal.md-modal--medium .md-modal__content,.md-modal.md-modal--small .md-modal__content{height:100vh;min-height:0;max-height:none}.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{border-radius:0}.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:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:.875rem;line-height:1.5rem;width:100%}.md-modal.md-modal--default .md-modal__header .md-modal__message,.md-modal.md-modal--dialog .md-modal__header .md-modal__message,.md-modal.md-modal--full .md-modal__header .md-modal__message,.md-modal.md-modal--large .md-modal__header .md-modal__message,.md-modal.md-modal--medium .md-modal__header .md-modal__message,.md-modal.md-modal--small .md-modal__header .md-modal__message{font-size:.875rem;line-height:1.5rem;padding-top:.75rem}.md-modal.md-modal--default .md-modal__header .md-modal__close,.md-modal.md-modal--dialog .md-modal__header .md-modal__close,.md-modal.md-modal--full .md-modal__header .md-modal__close,.md-modal.md-modal--large .md-modal__header .md-modal__close,.md-modal.md-modal--medium .md-modal__header .md-modal__close,.md-modal.md-modal--small .md-modal__header .md-modal__close{height:.875rem;right:.75rem;top:auto;width:.875rem}.md-modal.md-modal--default .md-modal__header .md-modal__close::before,.md-modal.md-modal--dialog .md-modal__header .md-modal__close::before,.md-modal.md-modal--full .md-modal__header .md-modal__close::before,.md-modal.md-modal--large .md-modal__header .md-modal__close::before,.md-modal.md-modal--medium .md-modal__header .md-modal__close::before,.md-modal.md-modal--small .md-modal__header .md-modal__close::before{font-size:.875rem}.md-modal.md-modal--default .md-modal__footer,.md-modal.md-modal--dialog .md-modal__footer,.md-modal.md-modal--full .md-modal__footer,.md-modal.md-modal--large .md-modal__footer,.md-modal.md-modal--medium .md-modal__footer,.md-modal.md-modal--small .md-modal__footer{padding:var(--modal-main-padding,1.5rem 1rem);padding-right:1.5rem}.md-modal.md-modal--default .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--dialog .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--full .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--large .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--medium .md-modal__footer md-button:not(:first-of-type),.md-modal.md-modal--small .md-modal__footer md-button:not(:first-of-type){margin-left:1rem}}.md-modal__backdrop{background:rgba(0,0,0,.45);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1040}.md-modal__backdrop .md-modal_overlay{bottom:0;position:absolute;top:0;width:100%}.md-close{color:#545454;float:right;font-size:21px;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff}.md-close:focus,.md-close:hover{color:#064157;cursor:pointer;text-decoration:none}.md-close{background:rgba(0,0,0,0);border-radius:0;cursor:pointer;font-weight:400;min-width:initial;padding:0}.md-close::before{font-family:momentum-ui-icons;vertical-align:middle}.md-close:hover{color:#005e7d}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}`,c=function(d,e,m,o){var a,l=arguments.length,t=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,m):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(d,e,m,o);else for(var i=d.length-1;i>=0;i--)(a=d[i])&&(t=(l<3?a(t):l>3?a(e,m,t):a(e,m))||t);return l>3&&t&&Object.defineProperty(e,m,t),t},_=function(d,e,m,o){return new(m||(m=Promise))((function(a,l){function t(d){try{n(o.next(d))}catch(d){l(d)}}function i(d){try{n(o.throw(d))}catch(d){l(d)}}function n(d){var e;d.done?a(d.value):(e=d.value,e instanceof m?e:new m((function(d){d(e)}))).then(t,i)}n((o=o.apply(d,e||[])).next())}))};const f=["default","full","large","small","dialog"];var p;!function(d){let e=class extends(Object(a.b)(i.LitElement)){constructor(){super(...arguments),this.show=!1,this.headerLabel="",this.headerMessage="",this.htmlId="",this.ariaLabel="modal",this.ariaLabelClose="Close Modal",this.ariaLabelCancel="Cancel Modal",this.ariaLabelSubmit="Submit Modal",this.ariaDescription="",this.showCloseButton=!1,this.backdropClickExit=!1,this.noExitOnEsc=!1,this.size="default",this.closeBtnName="",this.hideFooter=!1,this.hideHeader=!1,this.disableInitialFocus=!1,this.animating=!1,this.handleCloseOutside=d=>{d.code===o.b.Escape&&(d.preventDefault(),this.show&&!this.noExitOnEsc&&(this.show=!1))}}static get styles(){return[t.a,h]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleCloseOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleCloseOutside)}update(d){super.update(d),d.has("show")&&(this.show?this.modalFadeIn():!0===d.get("show")&&this.modalFadeOut())}notifyModalClose(){this.dispatchEvent(new CustomEvent("close-modal",{composed:!0,bubbles:!0}))}focusInsideModal(){var d;(null===(d=this.focusableElements)||void 0===d?void 0:d.length)&&this.setInitialFocus()}handleKeyDown(d){d.code!==o.b.Enter&&d.code!==o.b.Space||this.show&&(this.show=!0)}transitionPromise(d){return new Promise(e=>{const m=()=>{d.removeEventListener("transitionend",m),this.activateFocusTrap(),this.setFocusableElements(),requestAnimationFrame(()=>{e()})},o=()=>{d.removeEventListener("transitioncancel",o),this.deactivateFocusTrap(),this.modalFadeOut(),e()};d.addEventListener("transitionend",m),d.addEventListener("transitioncancel",o),setTimeout(()=>{this.animating=!0},13)})}modalFadeIn(){return _(this,void 0,void 0,(function*(){this.backDrop&&(yield this.transitionPromise(this.backDrop),this.disableInitialFocus||this.focusInsideModal())}))}modalFadeOut(){this.animating=!1,this.deactivateFocusTrap(),this.notifyModalClose()}handleCloseBackdrop(){this.backdropClickExit&&(this.show=!1)}hideModal(){this.animating=!1,this.show=!1}topCloseBtnTemplate(){return i.html`
+        ${this.showCloseButton?i.html`
+              <md-button
+                hasRemoveStyle
+                class="md-close md-modal__close"
+                @click="${this.hideModal}"
+                @keydown="${this.handleKeyDown}"
+                ariaLabel=${this.ariaLabelClose}
+              >
+                <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
+              </md-button>
+            `:n.nothing}
+      `}handleFooterClick(){this.show=!1}headerTemplate(){return this.hideHeader?i.html`
+            <div id="modal_header" part="modal-header" class="md-modal__header">
+              <slot name="header"></slot>
+              ${this.topCloseBtnTemplate()}
+            </div>
+          `:i.html`
+            <div id="modal_header" part="modal-header" class="md-modal__header">
+              <h2 class="md-modal__title">${this.headerLabel}</h2>
+              ${this.headerMessage?i.html` <span class="md-modal__message">${this.headerMessage}</span> `:n.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(r.classMap)(this.modalBackDropClassMap)}">
+                ${this.backdropClickExit?i.html` <div class="md-modal_overlay" @click="${this.handleCloseBackdrop}"></div> `:n.nothing}
+
+                <div
+                  part="modal-container"
+                  role="dialog"
+                  id="${this.htmlId}"
+                  class="md-modal ${Object(r.classMap)(this.modalContainerClassMap)}"
+                  aria-label="${Object(s.ifDefined)(this.headerLabel||this.ariaLabel||void 0)}"
+                  aria-describedby=${Object(s.ifDefined)(this.ariaDescription||void 0)}
                 >
-                  <md-icon name="overflow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-button>
-                <md-button
-                  class="md-pagination-nav"
-                  ariaLabel="Next Page"
-                  ?disabled=${this.hasPreviousPage}
-                  @click=${()=>this.computePrevious(this.currentPage-1)}
-                  part="pagination-prev"
-                  variant="ghost"
-                  size="24"
-                  circle
-                >
-                  <md-icon name="arrow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-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`
-                <md-button
-                  class="md-pagination-nav"
-                  ariaLabel="Previous Page"
-                  ?disabled=${this.hasNextPage}
-                  @click=${()=>this.computeNext(this.currentPage+1)}
-                  part="pagination-next"
-                  variant="ghost"
-                  size="24"
-                  circle
-                >
-                  <md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-button>
-                <md-button
-                  class="md-pagination-nav"
-                  ariaLabel="Last Page"
-                  ?disabled=${this.hasNextPage}
-                  @click=${this.computeLast}
-                  part="pagination-last"
-                  variant="ghost"
-                  size="24"
-                  circle
-                >
-                  <md-icon name="overflow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
-                </md-button>
-              `}
-        </nav>
-      `}};g([Object(r.property)({type:Boolean,attribute:"dots"})],i.prototype,"hasDots",void 0),g([Object(r.property)({type:Boolean,reflect:!0,attribute:"only-dots"})],i.prototype,"onlyDots",void 0),g([Object(r.property)({type:Boolean,reflect:!0,attribute:"no-navigation"})],i.prototype,"noNavigation",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"total-page"})],i.prototype,"totalPage",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"visible-page"})],i.prototype,"visiblePage",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"current-page"})],i.prototype,"currentPage",null),i=g([Object(n.a)("md-pagination")],i),t.ELEMENT=i}(a||(a={}))}}]);
+                  <div part="modal-content" class="md-modal__content">
+                    <div class="md-modal__flex-container" part="modal-flex-container">
+                      ${this.headerTemplate()}
+                      <div id="modal-body" part="modal-body" class="md-modal__body">
+                        <slot></slot>
+                      </div>
+                      ${this.footerTemplate()}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            `:n.nothing}
+      `}};c([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),c([Object(i.property)({type:String})],e.prototype,"headerLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"headerMessage",void 0),c([Object(i.property)({type:String})],e.prototype,"htmlId",void 0),c([Object(i.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelClose",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelCancel",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaLabelSubmit",void 0),c([Object(i.property)({type:String})],e.prototype,"ariaDescription",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"showCloseButton",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"backdropClickExit",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"noExitOnEsc",void 0),c([Object(i.property)({type:String})],e.prototype,"size",void 0),c([Object(i.property)({type:String})],e.prototype,"closeBtnName",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"hideFooter",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"hideHeader",void 0),c([Object(i.property)({type:Boolean})],e.prototype,"disableInitialFocus",void 0),c([Object(i.internalProperty)()],e.prototype,"animating",void 0),c([Object(i.query)(".md-modal__backdrop")],e.prototype,"backDrop",void 0),e=c([Object(l.a)("md-modal")],e),d.ELEMENT=e}(p||(p={}))}}]);

package/dist/chunks/md-75.js

@@ -1,66 +1,78 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{122:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(53),o(28);var i,r=o(6),n=o(5),a=o(80),l=o(81),d=o(67),p=o(0),s=o(2),h=o(82),c=p.css`.md-phone-input__container{--combo-box-contaier-width:100px;display:flex;position:relative}.md-phone-input__container span.flag-box{align-items:center;border:1px solid var(--input-default-border-color,#ccc);border-bottom-left-radius:.25rem;border-right:none;border-top-left-radius:.25rem;display:flex;height:2.125rem;justify-content:center;position:relative;width:2.25rem}.md-phone-input__container span.flag-box .flag-svg-wrapper{justify-content:center}.md-phone-input__container .flag-svg-wrapper{align-items:center;display:flex;width:2rem}.md-phone-input__container .flag-svg-wrapper img{max-height:.7rem}.md-phone-input__container md-combobox{width:var(--combo-box-contaier-width)}.md-phone-input__container md-combobox::part(combobox){position:initial}.md-phone-input__container md-combobox::part(group){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.md-phone-input__container md-combobox::part(multiwrap){overflow-x:hidden}.md-phone-input__container md-combobox::part(multiwrap-input){padding-left:0;padding-right:0;width:100%}.md-phone-input__container md-combobox::part(combobox-options){top:2.5rem}.md-phone-input__container md-combobox::part(label){width:100%}.md-phone-input__container md-input::part(input){border-bottom-left-radius:0;border-top-left-radius:0;padding-right:2.125rem}.md-phone-input__container md-input::part(message){margin-left:calc(var(--combo-box-contaier-width)*-1);width:calc(100% + var(--combo-box-contaier-width))}.md-phone-input__container .md-phone-input__option{align-items:center;display:flex;justify-content:start}.md-phone-input__container .md-phone-input__option :nth-child(3){margin-left:1rem}.md-phone-input__container md-input[disabled]::part(input){background:var(--phone-input-disabled-bg-color);border:1px solid var(--phone-input-default-border-color);color:var(--md-disabled-text-color)}.md-phone-input__container md-input[disabled]::part(input)::placeholder{border:none}`,u=function(t,e,o,i){var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};!function(t){let e=class extends p.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.clearIconHeight="auto",this.countryCodeAriaLabel="",this.dialNumberAriaLabel="",this.clearAriaLabel="Clear Input",this.clearCountryCodeAriaLabel="Clear Country Code",this.id="",this.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=Object(a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id="md-phone-input-"+Math.random().toString(36).substr(2,4)),this.validateInput(this.value)}getCountryFlag(t){return p.html`
-        <span class="flag-svg-wrapper">
-          <img src="${Object(l.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(d.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(t){var e,o;t.detail.value&&(null===(e=t.detail.value)||void 0===e?void 0:e.id)?(this.countryCallingCode=t.detail.value.id,this.countryCode=null===(o=t.detail.value.id.split(",")[2])||void 0===o?void 0:o.trim()):(this.countryCode="US",this.countryCallingCode=""),this.validateNumber(),this.dispatchEvent(new CustomEvent("countrycode-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,isValid:this.isValid}}))}handlePhoneChange(t){this.value=t.detail.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.validateInput(this.value),this.validateNumber(),t.stopPropagation(),this.removeCountryCode(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}removeCountryCode(){var t;const e=null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim();if(this.value.startsWith(e)){const t=this.value.slice(e.length).replace(/^-/,"");this.value=t}}validateInput(t){this.formattedValue=new d.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[n.a,c]}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"}"
-            ariaLabel=${this.countryCodeAriaLabel}
-            placeholder="${this.codePlaceholder}"
-            .value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
-            @change-selected="${t=>this.handleCountryChange(t)}"
-            clear-icon-height="${this.clearIconHeight}"
-            with-custom-content
-            .clearAriaLabel="${this.clearCountryCodeAriaLabel}"
-          >
-            ${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}
-            .ariaInvalid=${this.isValid?"false":"true"}
-            .ariaLabel=${""+this.dialNumberAriaLabel}
-            @input-change="${t=>this.handlePhoneChange(t)}"
-            @input-blur="${t=>this.handleBlur(t)}"
-            @input-keydown="${t=>this.handleKeydown(t)}"
-            shape="${this.pill?"pill":"none"}"
-            .ariaControls=${this.id}
-            clear
-            clearAriaLabel="${this.clearAriaLabel}"
-            type="tel"
-            value="${this.formattedValue}"
-            .messageArr="${!this.isValid||this.showErrorMessage?[{type:"error",id:this.id,ariaLive:"polite",message:this.errorMessage}]:[]}"
-          ></md-input>
-        </div>
-      `}};u([Object(p.property)({type:String,reflect:!0})],e.prototype,"codePlaceholder",void 0),u([Object(p.property)({type:String})],e.prototype,"numberPlaceholder",void 0),u([Object(p.property)({type:String,attribute:"country-calling-code"})],e.prototype,"countryCallingCode",void 0),u([Object(p.property)({type:Boolean,attribute:"show-flags"})],e.prototype,"showFlags",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"pill",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"disabled",void 0),u([Object(p.property)({type:String})],e.prototype,"value",void 0),u([Object(p.property)({type:String})],e.prototype,"errorMessage",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"showErrorMessage",void 0),u([Object(p.property)({type:String,attribute:"clear-icon-height"})],e.prototype,"clearIconHeight",void 0),u([Object(p.property)({type:String})],e.prototype,"countryCodeAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"dialNumberAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"clearAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"clearCountryCodeAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"id",void 0),u([Object(p.internalProperty)()],e.prototype,"countryCode",void 0),u([Object(p.internalProperty)()],e.prototype,"codeList",void 0),u([Object(p.internalProperty)()],e.prototype,"formattedValue",void 0),u([Object(p.internalProperty)()],e.prototype,"isValid",void 0),u([Object(p.query)("md-combobox")],e.prototype,"combobox",void 0),e=u([Object(r.a)("md-phone-input")],e),t.ELEMENT=e}(i||(i={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{122:function(t,i,e){"use strict";e.r(i),e.d(i,"Pagination",(function(){return a}));e(17),e(15);var a,n=e(6),o=e(5),r=e(0),s=e(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{cursor:pointer}:host(md-pagination) .md-pagination-nav:disabled{cursor:default}: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)}@media(forced-colors:active){:host(md-pagination) .md-pagination-nav:focus,:host(md-pagination) .md-pagination-nav:hover{outline:1px solid Highlight}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):hover,:host(md-pagination) .md-pagination-list li:not(.page-ellipsis)[aria-current=true]{forced-color-adjust:none;background-color:Highlight;color:Canvas}:host(md-pagination) .md-pagination-dots li{background-color:GrayText}:host(md-pagination) .md-pagination-dots li:hover,:host(md-pagination) .md-pagination-dots li[aria-current=true]{forced-color-adjust:none;background-color:Highlight;color:Canvas}}`,g=function(t,i,e,a){var n,o=arguments.length,r=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,a);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(r=(o<3?n(r):o>3?n(i,e,r):n(i,e))||r);return o>3&&r&&Object.defineProperty(i,e,r),r};!function(t){let i=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 i=this._currentPage;this._currentPage=t,this.notifyPageChange(i,t),this.requestUpdate("currentPage",i)}static get styles(){return[o.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,i){this.dispatchEvent(new CustomEvent("page-change",{composed:!0,bubbles:!0,detail:{oldPage:t,newPage:i}}))}get hasPreviousPage(){return this.currentPage<=1}get hasNextPage(){return this.currentPage>=this.totalPage}computePageList(t){if(this.totalPage>this.visiblePage&&t){const[t,i,e]=[this.currentPage-1,this.currentPage,this.currentPage+1];let a=[];if(i<=this.visiblePage-1)return a=[...Array(this.visiblePage)].map((t,i)=>1+i),a.push("..."),a.push(this.totalPage),a;if(this.totalPage-i<=this.visiblePage-2){a=[],a.push(1),a.push("...");const t=[...Array(this.visiblePage)].map((t,i)=>this.totalPage-this.visiblePage+1+i);return a.concat(t)}return[1,"...",t,i,e,"...",this.totalPage]}return[...Array(this.totalPage)].map((t,i)=>1+i)}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`
+                <md-button
+                  class="md-pagination-nav"
+                  ariaLabel="First Page"
+                  ?disabled=${this.hasPreviousPage}
+                  @click=${this.computeFirst}
+                  part="pagination-first"
+                  variant="ghost"
+                  size="24"
+                  circle
+                >
+                  <md-icon name="overflow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
+                </md-button>
+                <md-button
+                  class="md-pagination-nav"
+                  ariaLabel="Next Page"
+                  ?disabled=${this.hasPreviousPage}
+                  @click=${()=>this.computePrevious(this.currentPage-1)}
+                  part="pagination-prev"
+                  variant="ghost"
+                  size="24"
+                  circle
+                >
+                  <md-icon name="arrow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
+                </md-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`
+                <md-button
+                  class="md-pagination-nav"
+                  ariaLabel="Previous Page"
+                  ?disabled=${this.hasNextPage}
+                  @click=${()=>this.computeNext(this.currentPage+1)}
+                  part="pagination-next"
+                  variant="ghost"
+                  size="24"
+                  circle
+                >
+                  <md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
+                </md-button>
+                <md-button
+                  class="md-pagination-nav"
+                  ariaLabel="Last Page"
+                  ?disabled=${this.hasNextPage}
+                  @click=${this.computeLast}
+                  part="pagination-last"
+                  variant="ghost"
+                  size="24"
+                  circle
+                >
+                  <md-icon name="overflow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
+                </md-button>
+              `}
+        </nav>
+      `}};g([Object(r.property)({type:Boolean,attribute:"dots"})],i.prototype,"hasDots",void 0),g([Object(r.property)({type:Boolean,reflect:!0,attribute:"only-dots"})],i.prototype,"onlyDots",void 0),g([Object(r.property)({type:Boolean,reflect:!0,attribute:"no-navigation"})],i.prototype,"noNavigation",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"total-page"})],i.prototype,"totalPage",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"visible-page"})],i.prototype,"visiblePage",void 0),g([Object(r.property)({type:Number,reflect:!0,attribute:"current-page"})],i.prototype,"currentPage",null),i=g([Object(n.a)("md-pagination")],i),t.ELEMENT=i}(a||(a={}))}}]);

package/dist/chunks/md-76.js

@@ -1,17 +1,66 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[76],{98:function(e,t,i){"use strict";i.r(t),i.d(t,"Radio",(function(){return r}));var r,a=i(7),o=i(6),d=i(5),s=i(0),l=i(3),c=i(68),p=function(e,t,i,r){var a,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(d=(o<3?a(d):o>3?a(t,i,d):a(t,i))||d);return o>3&&d&&Object.defineProperty(t,i,d),d};!function(e){let t=class extends(Object(a.a)(s.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.label="",this.value="",this.ariaLabel="",this.autofocus=!1,this._disabled=!1,this._checked=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this.setAttribute("aria-checked",""+e),this.requestUpdate("checked",t)}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","radio"),this.label&&this.setAttribute("aria-label",this.label)}static get styles(){return[d.a,c.a]}render(){return s.html`
-        <div class="md-radio-wrapper" part="radio-wrapper">
-          <input
-            class="md-radio-input"
-            type="radio"
-            aria-label=${Object(l.ifDefined)(this.ariaLabel.length?this.ariaLabel:void 0)}
-            aria-checked=${this.checked?"true":"false"}
-            .value=${this.value}
-            ?checked=${this.checked}
-            ?autofocus=${this.autofocus}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[76],{123:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(53),o(28);var i,r=o(6),n=o(5),a=o(81),l=o(82),d=o(67),p=o(0),s=o(2),h=o(83),c=p.css`.md-phone-input__container{--combo-box-contaier-width:100px;display:flex;position:relative}.md-phone-input__container span.flag-box{align-items:center;border:1px solid var(--input-default-border-color,#ccc);border-bottom-left-radius:.25rem;border-right:none;border-top-left-radius:.25rem;display:flex;height:2.125rem;justify-content:center;position:relative;width:2.25rem}.md-phone-input__container span.flag-box .flag-svg-wrapper{justify-content:center}.md-phone-input__container .flag-svg-wrapper{align-items:center;display:flex;width:2rem}.md-phone-input__container .flag-svg-wrapper img{max-height:.7rem}.md-phone-input__container md-combobox{width:var(--combo-box-contaier-width)}.md-phone-input__container md-combobox::part(combobox){position:initial}.md-phone-input__container md-combobox::part(group){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.md-phone-input__container md-combobox::part(multiwrap){overflow-x:hidden}.md-phone-input__container md-combobox::part(multiwrap-input){padding-left:0;padding-right:0;width:100%}.md-phone-input__container md-combobox::part(combobox-options){top:2.5rem}.md-phone-input__container md-combobox::part(label){width:100%}.md-phone-input__container md-input::part(input){border-bottom-left-radius:0;border-top-left-radius:0;padding-right:2.125rem}.md-phone-input__container md-input::part(message){margin-left:calc(var(--combo-box-contaier-width)*-1);width:calc(100% + var(--combo-box-contaier-width))}.md-phone-input__container .md-phone-input__option{align-items:center;display:flex;justify-content:start}.md-phone-input__container .md-phone-input__option :nth-child(3){margin-left:1rem}.md-phone-input__container md-input[disabled]::part(input){background:var(--phone-input-disabled-bg-color);border:1px solid var(--phone-input-default-border-color);color:var(--md-disabled-text-color)}.md-phone-input__container md-input[disabled]::part(input)::placeholder{border:none}`,u=function(t,e,o,i){var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};!function(t){let e=class extends p.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.clearIconHeight="auto",this.countryCodeAriaLabel="",this.dialNumberAriaLabel="",this.clearAriaLabel="Clear Input",this.clearCountryCodeAriaLabel="Clear Country Code",this.id="",this.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=Object(a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id="md-phone-input-"+Math.random().toString(36).substr(2,4)),this.validateInput(this.value)}getCountryFlag(t){return p.html`
+        <span class="flag-svg-wrapper">
+          <img src="${Object(l.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(d.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(t){var e,o;t.detail.value&&(null===(e=t.detail.value)||void 0===e?void 0:e.id)?(this.countryCallingCode=t.detail.value.id,this.countryCode=null===(o=t.detail.value.id.split(",")[2])||void 0===o?void 0:o.trim()):(this.countryCode="US",this.countryCallingCode=""),this.validateNumber(),this.dispatchEvent(new CustomEvent("countrycode-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,isValid:this.isValid}}))}handlePhoneChange(t){this.value=t.detail.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.validateInput(this.value),this.validateNumber(),t.stopPropagation(),this.removeCountryCode(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}removeCountryCode(){var t;const e=null===(t=this.countryCallingCode.split(",")[0])||void 0===t?void 0:t.trim();if(this.value.startsWith(e)){const t=this.value.slice(e.length).replace(/^-/,"");this.value=t}}validateInput(t){this.formattedValue=new d.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[n.a,c]}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"}"
+            ariaLabel=${this.countryCodeAriaLabel}
+            placeholder="${this.codePlaceholder}"
+            .value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
+            @change-selected="${t=>this.handleCountryChange(t)}"
+            clear-icon-height="${this.clearIconHeight}"
+            with-custom-content
+            .clearAriaLabel="${this.clearCountryCodeAriaLabel}"
+          >
+            ${Object(h.repeat)(this.codeList,t=>t.name,(t,e)=>this.countryCodeOptionTemplate(t,e))}
+          </md-combobox>
+          <md-input
+            part="md-input"
             ?disabled=${this.disabled}
-            aria-hidden="true"
-            id="radio-label"
-          />
-          <label for="radio-label" class="md-radio-label" part="radio-label"><slot></slot></label>
+            placeholder=${this.numberPlaceholder}
+            .ariaInvalid=${this.isValid?"false":"true"}
+            .ariaLabel=${""+this.dialNumberAriaLabel}
+            @input-change="${t=>this.handlePhoneChange(t)}"
+            @input-blur="${t=>this.handleBlur(t)}"
+            @input-keydown="${t=>this.handleKeydown(t)}"
+            shape="${this.pill?"pill":"none"}"
+            .ariaControls=${this.id}
+            clear
+            clearAriaLabel="${this.clearAriaLabel}"
+            type="tel"
+            value="${this.formattedValue}"
+            .messageArr="${!this.isValid||this.showErrorMessage?[{type:"error",id:this.id,ariaLive:"polite",message:this.errorMessage}]:[]}"
+          ></md-input>
         </div>
-      `}};p([Object(s.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),p([Object(s.property)({type:String})],t.prototype,"label",void 0),p([Object(s.property)({type:String})],t.prototype,"value",void 0),p([Object(s.property)({type:String})],t.prototype,"ariaLabel",void 0),p([Object(s.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),p([Object(s.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),p([Object(s.property)({type:Boolean,attribute:!1})],t.prototype,"checked",null),t=p([Object(o.a)("md-radio")],t),e.ELEMENT=t}(r||(r={}))}}]);
+      `}};u([Object(p.property)({type:String,reflect:!0})],e.prototype,"codePlaceholder",void 0),u([Object(p.property)({type:String})],e.prototype,"numberPlaceholder",void 0),u([Object(p.property)({type:String,attribute:"country-calling-code"})],e.prototype,"countryCallingCode",void 0),u([Object(p.property)({type:Boolean,attribute:"show-flags"})],e.prototype,"showFlags",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"pill",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"disabled",void 0),u([Object(p.property)({type:String})],e.prototype,"value",void 0),u([Object(p.property)({type:String})],e.prototype,"errorMessage",void 0),u([Object(p.property)({type:Boolean})],e.prototype,"showErrorMessage",void 0),u([Object(p.property)({type:String,attribute:"clear-icon-height"})],e.prototype,"clearIconHeight",void 0),u([Object(p.property)({type:String})],e.prototype,"countryCodeAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"dialNumberAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"clearAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"clearCountryCodeAriaLabel",void 0),u([Object(p.property)({type:String})],e.prototype,"id",void 0),u([Object(p.internalProperty)()],e.prototype,"countryCode",void 0),u([Object(p.internalProperty)()],e.prototype,"codeList",void 0),u([Object(p.internalProperty)()],e.prototype,"formattedValue",void 0),u([Object(p.internalProperty)()],e.prototype,"isValid",void 0),u([Object(p.query)("md-combobox")],e.prototype,"combobox",void 0),e=u([Object(r.a)("md-phone-input")],e),t.ELEMENT=e}(i||(i={}))}}]);

package/dist/chunks/md-77.js

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

@@ -1,19 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[78],{123:function(e,t,i){"use strict";i.r(t),i.d(t,"Slider",(function(){return r}));var r,s=i(1),o=i(7),n=i(6),d=i(5),a=i(0),l=i(2),h=i(3),c=i(12),m=i(8),p=a.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-slider){display:flex;flex:1 1 auto;padding:1.25rem 0}:host(md-slider) .md-slider{border-radius:.25rem;display:flex;flex:1 1 auto;height:1.25rem;margin-right:1.25rem;position:relative;width:calc(100% - 1.25rem)}:host(md-slider) .md-slider__bar{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-bar,#ccc);border-radius:.125rem;cursor:pointer;height:.125rem;left:0;right:-1.25rem;z-index:0}:host(md-slider) .md-slider__selection{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-selection,#00a0d1);border-radius:.125rem;height:.125rem;left:0;transition:left 50ms,right 50ms;z-index:1}:host(md-slider) .md-slider__pointer{position:absolute;top:50%;transform:translateY(-50%);border-radius:.25rem;cursor:grabbing;height:1.25rem;transition:left 50ms,right 50ms;width:1.25rem;z-index:2}:host(md-slider) .md-slider__pointer::after{background-color:var(--slider-background-pointer,#fff);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);content:"";height:100%;position:absolute;width:100%;border:1px solid var(--slider-background-pointerBorder)}@media screen and (-ms-high-contrast:active){:host(md-slider) .md-slider__pointer::after{filter:brightness(1) contrast(1) saturate(1.5)}}:host(md-slider) .md-slider__hashlabel{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;bottom:-1.25rem;color:var(--slider-label,#545454);font-size:14px;left:0;line-height:14px;position:absolute;right:-1.25rem;white-space:nowrap}:host(md-slider) .md-slider__value{color:var(--slider-label,#545454);font-size:14px;line-height:14px;position:absolute;right:-1.25rem;top:-1.25rem}:host([disabled]) .md-slider__bar{cursor:not-allowed;background-color:var(--slider-background-disabled-bar,var(--slider-background-bar,#ccc))}:host([disabled]) .md-slider__pointer{cursor:not-allowed}:host([disabled]) .md-slider__pointer::after{background-color:var(--slider-background-disabled-pointer,#ccc)}:host([disabled]) .md-slider__selection{background-color:var(--slider-background-disabled-selection,#949494)}:host([focus-visible]:not([disabled])) .md-slider__pointer::after{box-shadow:var(--slider-background-focus-shadow,0 0 0 8px rgba(0,160,209,.4))}:host([no-pointer][focus-visible]:not([disabled])) .md-slider{box-shadow:var(--slider-background-focus-shadow,0 0 0 2px var(--slider-background-focus-selection,#007aa3),0 2px 6px rgba(0,0,0,.16))}:host(:hover:not([disabled])) .md-slider__pointer::after{background-color:var(--slider-background-hover-pointer,#c9f4ff)}:host([no-pointer]) .md-slider{margin-right:0!important}:host([no-pointer]) .md-slider__bar,:host([no-pointer]) .md-slider__value{right:0}:host([no-pointer]) .md-slider__pointer{display:none}@media(forced-colors:active){:host(md-slider) .md-slider__bar{background-color:CanvasText}:host(md-slider) .md-slider__selection{background-color:Highlight}:host(md-slider) .md-slider__pointer::after{background-color:Highlight}:host(:hover:not([disabled])) .md-slider__pointer::after{background-color:Highlight}:host([no-pointer][focus-visible]:not([disabled])) .md-slider{outline:1px solid Highlight}:host([focus-visible]:not([disabled])) .md-slider__pointer{outline:2px solid Highlight}:host([disabled]) .md-slider__pointer::after{background-color:GrayText}}`,u=function(e,t,i,r){var s,o=arguments.length,n=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var d=e.length-1;d>=0;d--)(s=e[d])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends(Object(o.a)(a.LitElement)){constructor(){super(...arguments),this._disabled=!1,this._now=0,this.min=0,this.max=100,this.hideValue=!1,this.text=0,this.label="slider",this.step=0,this.dragging=!1}get now(){return this._now}set now(e){const t=this._now;e<this.min||e>this.max?console.warn("Please select correct value"):(this._now=Math.round(e),this.requestUpdate("now",t))}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get pointerPosition(){const e=this.max-this.min;return(this.now-this.min)/e*100}calculateHandlePosition(e){const{width:t,left:i}=this.getBoundingClientRect(),{clientX:r}=e,s=(r-i)/t;return this.min+(this.max-this.min)*s}moveSliderTo(e){this.disabled||(e>this.max?this.now=this.max:e<this.min?this.now=this.min:this.now=e)}trackMouseEvent(){if(!this.currentMouseEvent||!this.dragging)return;const e=this.calculateHandlePosition(this.currentMouseEvent);this.moveSliderTo(e),requestAnimationFrame(()=>{this.trackMouseEvent()})}ticksTemplate(){const{min:e,max:t,step:i}=this,r=Math.round((t-e)/i),s=new Array(r+1).fill(0,0,r+1).map((t,r)=>e+r*i).filter(i=>i>=e&&i<=t);return a.html`
-        <div class="md-slider__hashlabel">${Object(c.repeat)(s,e=>a.html` <div class="tick">${e}</div> `)}</div>
-      `}displayValueTemplate(){return a.html` <span class="md-slider__value"> ${this.now} </span> `}notifyChanges(){this.dispatchEvent(new CustomEvent("slider-change",{bubbles:!0,composed:!0,detail:{value:this.now}}))}handleMouseDown(e){if(e.preventDefault(),this.disabled)return;const t=e=>{this.currentMouseEvent=e},i=e=>{this.focus(),this.currentMouseEvent=e,document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",i),requestAnimationFrame(()=>{this.dragging=!1,this.notifyChanges()})};document.addEventListener("mousemove",t),document.addEventListener("mouseup",i),this.focus(),this.dragging=!0,this.currentMouseEvent=e,requestAnimationFrame(()=>{this.trackMouseEvent()})}handleKeyDown(e){const{code:t}=e;switch(t){case s.b.ArrowLeft:case s.b.ArrowDown:this.moveSliderTo(this.now-1);break;case s.b.ArrowRight:case s.b.ArrowUp:this.moveSliderTo(this.now+1);break;case s.b.Home:this.moveSliderTo(this.min);break;case s.b.End:this.moveSliderTo(this.max)}const i=()=>{document.removeEventListener("keyup",i),this.notifyChanges()};document.addEventListener("keyup",i)}get sliderPointerStyleMap(){return{left:this.pointerPosition+"%"}}get sliderSelectionStyleMap(){return{right:`calc(100% - ${this.pointerPosition}%)`}}static get styles(){return[d.a,p]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("tabindex",this.disabled?"-1":"0")}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mousedown",this.handleMouseDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mousedown",this.handleMouseDown)}render(){return a.html`
-        <div class="md-slider">
-          <span class="md-slider__bar"></span>
-          <span class="md-slider__selection" style=${Object(m.styleMap)(this.sliderSelectionStyleMap)}></span>
-          <span
-            class="md-slider__pointer"
-            role="slider"
-            part="slider"
-            aria-valuemin=${this.min}
-            aria-valuemax=${this.max}
-            aria-valuenow=${this.now}
-            aria-label=${Object(h.ifDefined)(this.label)}
-            style=${Object(m.styleMap)(this.sliderPointerStyleMap)}
-          ></span>
-          ${this.step?this.ticksTemplate():l.nothing} ${this.hideValue?l.nothing:this.displayValueTemplate()}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[78],{100:function(e,t,s){"use strict";s.r(t),s.d(t,"RadioGroup",(function(){return i}));var i,d=s(1),o=s(7),r=s(6),c=s(5),n=s(0),l=s(68),a=function(e,t,s,i){var d,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var c=e.length-1;c>=0;c--)(d=e[c])&&(r=(o<3?d(r):o>3?d(t,s,r):d(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r};!function(e){let t=class extends(Object(o.d)(n.LitElement)){constructor(){super(...arguments),this.label="group",this.checked=-1,this.alignment="vertical",this._disabled=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.requestUpdate("disabled",t)}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}updated(e){super.updated(e),(e.has("slotted")||e.has("checked"))&&this.setFirstChecked()}get selectedRadioValue(){return this.slotted[this.selected].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("radio-change",{detail:{selected:this.selectedRadioValue},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}setFirstChecked(){-1!==this.checked&&(this.selected=this.checked,this.setChecked(this.checked))}findRadioIndex(e){const t=e.composedPath();return this.slotted.findIndex(e=>t.includes(e))}findCheckedRadioIndex(){return this.slotted.findIndex(e=>e.checked)}setChecked(e){const t=this.findCheckedRadioIndex();-1!==t&&t!==e&&this.slotted[t]&&(this.slotted[t].checked=!1),this.slotted[e]&&(this.slotted[e].checked=!0)}switchRadioOnArrowPress(e,t=1){const s=super.getAvailableSelectedIndex(e,t);-1!==s&&(this.selected=s,this.setChecked(s),this.notifySelectedChange())}isRadioDisabled(e){return this.slotted[e].disabled}handleClick(e){if(this.disabled)return!1;const t=this.findRadioIndex(e);-1!==t&&(this.isRadioDisabled(t)||(this.selected=t,this.setChecked(t),this.notifySelectedChange()))}handleKeyDown(e){if(this.disabled)return!1;const{code:t}=e;switch(t){case d.b.Enter:case d.b.Space:this.isRadioDisabled(this.selected)||(this.setChecked(this.selected),this.notifySelectedChange());break;case d.b.ArrowUp:case d.b.ArrowLeft:0===this.selected?this.switchRadioOnArrowPress(this.slotted.length-1,-1):this.switchRadioOnArrowPress(this.selected-1,-1);break;case d.b.ArrowDown:case d.b.ArrowRight:this.selected===this.slotted.length-1?this.switchRadioOnArrowPress(0):this.switchRadioOnArrowPress(this.selected+1)}}get slotElement(){return this.radioSlot}static get styles(){return[c.a,l.a]}render(){return n.html`
+        <div class="radio-group-container" part="radio-group-container">
+          <slot name="radio"></slot>
         </div>
-      `}};u([Object(a.property)({type:Number,reflect:!0})],t.prototype,"min",void 0),u([Object(a.property)({type:Number,reflect:!0})],t.prototype,"max",void 0),u([Object(a.property)({type:Boolean,attribute:"hide-value"})],t.prototype,"hideValue",void 0),u([Object(a.property)({type:Number,reflect:!0})],t.prototype,"now",null),u([Object(a.property)({type:Number})],t.prototype,"text",void 0),u([Object(a.property)({type:String})],t.prototype,"label",void 0),u([Object(a.property)({type:Number,reflect:!0})],t.prototype,"step",void 0),u([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),u([Object(a.internalProperty)()],t.prototype,"dragging",void 0),t=u([Object(n.a)("md-slider")],t),e.ELEMENT=t}(r||(r={}))}}]);
+      `}};a([Object(n.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),a([Object(n.property)({type:Number,reflect:!0})],t.prototype,"checked",void 0),a([Object(n.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),a([Object(n.query)("slot[name='radio']")],t.prototype,"radioSlot",void 0),a([Object(n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),t=a([Object(r.a)("md-radiogroup")],t),e.ELEMENT=t}(i||(i={}))}}]);