@momentum-ui/web-components 2.6.7 → 2.7.0

package/dist/chunks/md-71.js

@@ -1,61 +1,72 @@
-(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,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.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={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[71],{116: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-72.js

@@ -1,16 +1,61 @@
-(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}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[72],{117: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),c=p.css`.md-phone-input__container{--combo-box-contaier-width:100px;display:flex;position:relative}.md-phone-input__container span.flag-box{align-items:center;border:1px solid var(--input-default-border-color,#ccc);border-bottom-left-radius:.25rem;border-right:none;border-top-left-radius:.25rem;display:flex;height:2.125rem;justify-content:center;position:relative;width:2.25rem}.md-phone-input__container span.flag-box .flag-svg-wrapper{justify-content:center}.md-phone-input__container .flag-svg-wrapper{align-items:center;display:flex;width:2rem}.md-phone-input__container .flag-svg-wrapper img{max-height:.7rem}.md-phone-input__container md-combobox{width:var(--combo-box-contaier-width)}.md-phone-input__container md-combobox::part(combobox){position:initial}.md-phone-input__container md-combobox::part(group){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.md-phone-input__container md-combobox::part(multiwrap){overflow-x:hidden}.md-phone-input__container md-combobox::part(multiwrap-input){padding-left:0;padding-right:0;width:100%}.md-phone-input__container md-combobox::part(combobox-options){top:2.5rem}.md-phone-input__container md-combobox::part(label){width:100%}.md-phone-input__container md-input::part(input){border-bottom-left-radius:0;border-top-left-radius:0;padding-right:2.75rem}.md-phone-input__container md-input::part(message){margin-left:calc(var(--combo-box-contaier-width) * -1);width:calc(100% + var(--combo-box-contaier-width))}.md-phone-input__container .md-phone-input__option{align-items:center;display:flex;justify-content:start}.md-phone-input__container .md-phone-input__option :nth-child(3){margin-left:1rem}.md-phone-input__container md-input[disabled]::part(input){background:var(--phone-input-disabled-bg-color);border:1px solid var(--phone-input-default-border-color);color:var(--md-disabled-text-color)}.md-phone-input__container md-input[disabled]::part(input)::placeholder{border:none}`,u=function(t,e,o,i){var 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(),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.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,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"}"
+            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}
-            aria-hidden="true"
-            id="radio-label"
-          />
-          <label for="radio-label" class="md-radio-label" part="radio-label"><slot></slot></label>
+            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>
-      `}};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={}))}}]);
+      `}};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.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(n.a)("md-phone-input")],e),t.ELEMENT=e}(i||(i={}))}}]);

package/dist/chunks/md-73.js

@@ -1,5 +1,16 @@
-(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>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[73],{95: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>
-      `}};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={}))}}]);
+      `}};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-74.js

@@ -1,30 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{117:function(e,t,i){"use strict";i.r(t),i.d(t,"Slider",(function(){return s}));var s,r=i(1),o=i(7),n=i(4),a=i(5),d=i(0),l=i(2),h=i(6),c=i(14),m=i(9),p=d.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-slider){display:flex;flex:1 1 auto;padding:1.25rem 0}:host(md-slider) .md-slider{border-radius:.25rem;display:flex;flex:1 1 auto;height:1.25rem;margin-right:1.25rem;position:relative;width:calc(100% - 1.25rem)}:host(md-slider) .md-slider__bar{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-bar,#ccc);border-radius:.125rem;cursor:pointer;height:.125rem;left:0;right:-1.25rem;z-index:0}:host(md-slider) .md-slider__selection{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-selection,#00a0d1);border-radius:.125rem;height:.125rem;left:0;transition:left 50ms,right 50ms;z-index:1}:host(md-slider) .md-slider__pointer{position:absolute;top:50%;transform:translateY(-50%);border-radius:.25rem;cursor:grabbing;height:1.25rem;transition:left 50ms,right 50ms;width:1.25rem;z-index:2}:host(md-slider) .md-slider__pointer::after{background-color:var(--slider-background-pointer,#fff);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);content:"";height:100%;position:absolute;width:100%}@media screen and (-ms-high-contrast:active){:host(md-slider) .md-slider__pointer::after{filter:brightness(1) contrast(1) saturate(1.5)}}:host(md-slider) .md-slider__hashlabel{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;bottom:-1.25rem;color:var(--slider-label,#545454);font-size:14px;left:0;line-height:14px;position:absolute;right:-1.25rem;white-space:nowrap}:host(md-slider) .md-slider__value{color:var(--slider-label,#545454);font-size:14px;line-height:14px;position:absolute;right:-1.25rem;top:-1.25rem}:host([disabled]) .md-slider__bar{cursor:not-allowed}:host([disabled]) .md-slider__pointer{cursor:not-allowed}:host([disabled]) .md-slider__pointer::after{background-color:var(--slider-background-disabled-pointer,#ccc)}:host([disabled]) .md-slider__selection{background-color:var(--slider-background-disabled-selection,#949494)}:host([focus-visible]:not([disabled])) .md-slider__pointer::after{box-shadow:0 0 0 8px rgba(0,160,209,.4)}:host([no-pointer][focus-visible]:not([disabled])) .md-slider{box-shadow:0 0 0 2px var(--slider-background-focus-selection,#007aa3),0 2px 6px rgba(0,0,0,.16)}:host(:hover:not([disabled])) .md-slider__pointer::after{background-color:var(--slider-background-hover-pointer,#c9f4ff)}:host([no-pointer]) .md-slider{margin-right:0!important}:host([no-pointer]) .md-slider__bar,:host([no-pointer]) .md-slider__value{right:0}:host([no-pointer]) .md-slider__pointer{display:none}`,u=function(e,t,i,s){var r,o=arguments.length,n=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends(Object(o.a)(d.LitElement)){constructor(){super(...arguments),this._disabled=!1,this._now=0,this.min=0,this.max=100,this.hideValue=!1,this.text=0,this.label="slider",this.step=0,this.dragging=!1}get now(){return this._now}set now(e){const t=this._now;e<this.min||e>this.max?console.warn("Please select correct value"):(this._now=Math.round(e),this.requestUpdate("now",t))}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get pointerPosition(){const e=this.max-this.min;return(this.now-this.min)/e*100}calculateHandlePosition(e){const{width:t,left:i}=this.getBoundingClientRect(),{clientX:s}=e,r=(s-i)/t;return this.min+(this.max-this.min)*r}moveSliderTo(e){this.disabled||(e>this.max?this.now=this.max:e<this.min?this.now=this.min:this.now=e)}trackMouseEvent(){if(!this.currentMouseEvent||!this.dragging)return;const e=this.calculateHandlePosition(this.currentMouseEvent);this.moveSliderTo(e),requestAnimationFrame(()=>{this.trackMouseEvent()})}ticksTemplate(){const{min:e,max:t,step:i}=this,s=Math.round((t-e)/i),r=new Array(s+1).fill(0,0,s+1).map((t,s)=>e+s*i).filter(i=>i>=e&&i<=t);return d.html`
-        <div class="md-slider__hashlabel">
-          ${Object(c.repeat)(r,e=>d.html`
-              <div class="tick">
-                ${e}
-              </div>
-            `)}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{96: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>
-      `}displayValueTemplate(){return d.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 r.a.ArrowLeft:case r.a.ArrowDown:this.moveSliderTo(this.now-1);break;case r.a.ArrowRight:case r.a.ArrowUp:this.moveSliderTo(this.now+1);break;case r.a.Home:this.moveSliderTo(this.min);break;case r.a.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[n.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 d.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()}
-        </div>
-      `}};u([Object(d.property)({type:Number,reflect:!0})],t.prototype,"min",void 0),u([Object(d.property)({type:Number,reflect:!0})],t.prototype,"max",void 0),u([Object(d.property)({type:Boolean,attribute:"hide-value"})],t.prototype,"hideValue",void 0),u([Object(d.property)({type:Number,reflect:!0})],t.prototype,"now",null),u([Object(d.property)({type:Number})],t.prototype,"text",void 0),u([Object(d.property)({type:String})],t.prototype,"label",void 0),u([Object(d.property)({type:Number,reflect:!0})],t.prototype,"step",void 0),u([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),u([Object(d.internalProperty)()],t.prototype,"dragging",void 0),t=u([Object(a.a)("md-slider")],t),e.ELEMENT=t}(s||(s={}))}}]);
+      `}};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={}))}}]);

package/dist/chunks/md-75.js

@@ -1,3 +1,30 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{96:function(e,t,o){"use strict";o.r(t),o.d(t,"TabPanel",(function(){return r}));var r,n=o(7),a=o(5),c=o(4),s=o(0),l=o(37),i=function(e,t,o,r){var n,a=arguments.length,c=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(c=(a<3?n(c):a>3?n(t,o,c):n(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(n.a)(s.LitElement)){constructor(){super(...arguments),this.selected=!1,this.name="",this.focusablePanel=!0}static get styles(){return[c.a,l.a]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","tabpanel"),this.focusablePanel&&this.setAttribute("tabindex","0")}render(){return s.html`
-        <slot></slot>
-      `}};i([Object(s.property)({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),i([Object(s.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),i([Object(s.property)({type:Boolean,reflect:!0,attribute:"focusable-panel"})],t.prototype,"focusablePanel",void 0),t=i([Object(a.a)("md-tab-panel")],t),e.ELEMENT=t}(r||(r={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{118:function(e,t,i){"use strict";i.r(t),i.d(t,"Slider",(function(){return s}));var s,r=i(1),o=i(7),n=i(4),a=i(5),d=i(0),l=i(2),h=i(6),c=i(14),m=i(9),p=d.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-slider){display:flex;flex:1 1 auto;padding:1.25rem 0}:host(md-slider) .md-slider{border-radius:.25rem;display:flex;flex:1 1 auto;height:1.25rem;margin-right:1.25rem;position:relative;width:calc(100% - 1.25rem)}:host(md-slider) .md-slider__bar{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-bar,#ccc);border-radius:.125rem;cursor:pointer;height:.125rem;left:0;right:-1.25rem;z-index:0}:host(md-slider) .md-slider__selection{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--slider-background-selection,#00a0d1);border-radius:.125rem;height:.125rem;left:0;transition:left 50ms,right 50ms;z-index:1}:host(md-slider) .md-slider__pointer{position:absolute;top:50%;transform:translateY(-50%);border-radius:.25rem;cursor:grabbing;height:1.25rem;transition:left 50ms,right 50ms;width:1.25rem;z-index:2}:host(md-slider) .md-slider__pointer::after{background-color:var(--slider-background-pointer,#fff);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);content:"";height:100%;position:absolute;width:100%}@media screen and (-ms-high-contrast:active){:host(md-slider) .md-slider__pointer::after{filter:brightness(1) contrast(1) saturate(1.5)}}:host(md-slider) .md-slider__hashlabel{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;bottom:-1.25rem;color:var(--slider-label,#545454);font-size:14px;left:0;line-height:14px;position:absolute;right:-1.25rem;white-space:nowrap}:host(md-slider) .md-slider__value{color:var(--slider-label,#545454);font-size:14px;line-height:14px;position:absolute;right:-1.25rem;top:-1.25rem}:host([disabled]) .md-slider__bar{cursor:not-allowed}:host([disabled]) .md-slider__pointer{cursor:not-allowed}:host([disabled]) .md-slider__pointer::after{background-color:var(--slider-background-disabled-pointer,#ccc)}:host([disabled]) .md-slider__selection{background-color:var(--slider-background-disabled-selection,#949494)}:host([focus-visible]:not([disabled])) .md-slider__pointer::after{box-shadow:0 0 0 8px rgba(0,160,209,.4)}:host([no-pointer][focus-visible]:not([disabled])) .md-slider{box-shadow:0 0 0 2px var(--slider-background-focus-selection,#007aa3),0 2px 6px rgba(0,0,0,.16)}:host(:hover:not([disabled])) .md-slider__pointer::after{background-color:var(--slider-background-hover-pointer,#c9f4ff)}:host([no-pointer]) .md-slider{margin-right:0!important}:host([no-pointer]) .md-slider__bar,:host([no-pointer]) .md-slider__value{right:0}:host([no-pointer]) .md-slider__pointer{display:none}`,u=function(e,t,i,s){var r,o=arguments.length,n=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends(Object(o.a)(d.LitElement)){constructor(){super(...arguments),this._disabled=!1,this._now=0,this.min=0,this.max=100,this.hideValue=!1,this.text=0,this.label="slider",this.step=0,this.dragging=!1}get now(){return this._now}set now(e){const t=this._now;e<this.min||e>this.max?console.warn("Please select correct value"):(this._now=Math.round(e),this.requestUpdate("now",t))}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get pointerPosition(){const e=this.max-this.min;return(this.now-this.min)/e*100}calculateHandlePosition(e){const{width:t,left:i}=this.getBoundingClientRect(),{clientX:s}=e,r=(s-i)/t;return this.min+(this.max-this.min)*r}moveSliderTo(e){this.disabled||(e>this.max?this.now=this.max:e<this.min?this.now=this.min:this.now=e)}trackMouseEvent(){if(!this.currentMouseEvent||!this.dragging)return;const e=this.calculateHandlePosition(this.currentMouseEvent);this.moveSliderTo(e),requestAnimationFrame(()=>{this.trackMouseEvent()})}ticksTemplate(){const{min:e,max:t,step:i}=this,s=Math.round((t-e)/i),r=new Array(s+1).fill(0,0,s+1).map((t,s)=>e+s*i).filter(i=>i>=e&&i<=t);return d.html`
+        <div class="md-slider__hashlabel">
+          ${Object(c.repeat)(r,e=>d.html`
+              <div class="tick">
+                ${e}
+              </div>
+            `)}
+        </div>
+      `}displayValueTemplate(){return d.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 r.a.ArrowLeft:case r.a.ArrowDown:this.moveSliderTo(this.now-1);break;case r.a.ArrowRight:case r.a.ArrowUp:this.moveSliderTo(this.now+1);break;case r.a.Home:this.moveSliderTo(this.min);break;case r.a.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[n.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 d.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()}
+        </div>
+      `}};u([Object(d.property)({type:Number,reflect:!0})],t.prototype,"min",void 0),u([Object(d.property)({type:Number,reflect:!0})],t.prototype,"max",void 0),u([Object(d.property)({type:Boolean,attribute:"hide-value"})],t.prototype,"hideValue",void 0),u([Object(d.property)({type:Number,reflect:!0})],t.prototype,"now",null),u([Object(d.property)({type:Number})],t.prototype,"text",void 0),u([Object(d.property)({type:String})],t.prototype,"label",void 0),u([Object(d.property)({type:Number,reflect:!0})],t.prototype,"step",void 0),u([Object(d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),u([Object(d.internalProperty)()],t.prototype,"dragging",void 0),t=u([Object(a.a)("md-slider")],t),e.ELEMENT=t}(s||(s={}))}}]);