@momentum-ui/web-components 2.13.9 → 2.13.11

package/dist/chunks/md-74.js

@@ -1,17 +1,78 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[74],{97:function(e,t,i){"use strict";i.r(t),i.d(t,"Radio",(function(){return r}));var r,a=i(7),o=i(6),d=i(5),s=i(0),l=i(2),c=i(67),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>
-      `}};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={}))}}]);
+(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(16),e(13);var a,n=e(6),o=e(5),r=e(0),s=e(3),l=r.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-pagination) .md-pagination{color:var(--pagination-nav-color,#545454);display:flex;padding:0;position:relative}:host(md-pagination) .md-pagination-container{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;flex:0 1 100%}:host(md-pagination) .md-pagination-list{margin:0;padding:0;list-style:none;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;font-size:.875rem;line-height:1;color:var(--pagination-color,#949494)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-radius:.875rem;cursor:pointer;height:1.25rem;margin:0 .125rem;min-width:1.25rem;padding:.25rem}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):hover{background:var(--pagination-bg-hover,#007aa3);color:var(--pagination-color-current,#fff)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis):focus{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(md-pagination) .md-pagination-list li:not(.page-ellipsis)[aria-current=true]{background:var(--pagination-bg-current,#00a0d1);color:var(--pagination-color-current,#fff);cursor:default;pointer-events:none}:host(md-pagination) .md-pagination-nav{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-75.js

@@ -1,5 +1,66 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[75],{98: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(67),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([[75],{122:function(t,e,o){"use strict";o.r(e),o.d(e,"PhoneInput",(function(){return i}));o(54),o(28);var i,r=o(6),n=o(5),a=o(81),l=o(82),d=o(68),p=o(0),s=o(3),h=o(36),c=p.css`.md-phone-input__container{--combo-box-contaier-width:100px;display:flex;position:relative}.md-phone-input__container span.flag-box{align-items:center;border:1px solid var(--input-default-border-color,#ccc);border-bottom-left-radius:.25rem;border-right:none;border-top-left-radius:.25rem;display:flex;height:2.125rem;justify-content:center;position:relative;width:2.25rem}.md-phone-input__container span.flag-box .flag-svg-wrapper{justify-content:center}.md-phone-input__container .flag-svg-wrapper{align-items:center;display:flex;width:2rem}.md-phone-input__container .flag-svg-wrapper img{max-height:.7rem}.md-phone-input__container md-combobox{width:var(--combo-box-contaier-width)}.md-phone-input__container md-combobox::part(combobox){position:initial}.md-phone-input__container md-combobox::part(group){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.md-phone-input__container md-combobox::part(multiwrap){overflow-x:hidden}.md-phone-input__container md-combobox::part(multiwrap-input){padding-left:0;padding-right:0;width:100%}.md-phone-input__container md-combobox::part(combobox-options){top:2.5rem}.md-phone-input__container md-combobox::part(label){width:100%}.md-phone-input__container md-input::part(input){border-bottom-left-radius:0;border-top-left-radius:0;padding-right:2.75rem}.md-phone-input__container md-input::part(message){margin-left:calc(var(--combo-box-contaier-width)*-1);width:calc(100% + var(--combo-box-contaier-width))}.md-phone-input__container .md-phone-input__option{align-items:center;display:flex;justify-content:start}.md-phone-input__container .md-phone-input__option :nth-child(3){margin-left:1rem}.md-phone-input__container md-input[disabled]::part(input){background:var(--phone-input-disabled-bg-color);border:1px solid var(--phone-input-default-border-color);color:var(--md-disabled-text-color)}.md-phone-input__container md-input[disabled]::part(input)::placeholder{border:none}`,u=function(t,e,o,i){var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};!function(t){let e=class extends p.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.clearIconHeight="auto",this.countryCodeAriaLabel="",this.dialNumberAriaLabel="",this.clearAriaLabel="Clear Input",this.clearCountryCodeAriaLabel="Clear Country Code",this.id="",this.countryCode="US",this.codeList=[],this.formattedValue="",this.isValid=!0}connectedCallback(){super.connectedCallback(),this.codeList=Object(a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id="md-phone-input-"+Math.random().toString(36).substr(2,4)),this.validateInput(this.value)}getCountryFlag(t){return p.html`
+        <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>
-      `}};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={}))}}]);
+      `}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={}))}}]);

package/dist/chunks/md-76.js

@@ -1,29 +1,17 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[76],{121: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(3),h=i(2),c=i(14),m=i(9),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>
-            `)}
+(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(2),c=i(69),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>
-      `}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()}
-        </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={}))}}]);
+      `}};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-77.js

@@ -1,3 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[77],{99:function(e,t,r){"use strict";r.r(t),r.d(t,"TabPanel",(function(){return n}));var n,o=r(7),a=r(6),s=r(5),c=r(0),i=r(38),l=function(e,t,r,n){var o,a=arguments.length,s=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(s=(a<3?o(s):a>3?o(t,r,s):o(t,r))||s);return a>3&&s&&Object.defineProperty(t,r,s),s};!function(e){let t=class extends(Object(o.a)(c.LitElement)){constructor(){super(...arguments),this.selected=!1,this.name="",this.focusablePanel="true"}static get styles(){return[s.a,i.a]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","tabpanel"),"true"===this.focusablePanel&&this.setAttribute("tabindex","0")}render(){return c.html`
-        <slot></slot>
-      `}};l([Object(c.property)({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),l([Object(c.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),l([Object(c.property)({type:String,attribute:"focusable-panel"})],t.prototype,"focusablePanel",void 0),t=l([Object(a.a)("md-tab-panel")],t),e.ELEMENT=t}(n||(n={}))}}]);
+(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(69),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>
+      `}};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={}))}}]);

package/dist/chunks/md-78.js

@@ -1,187 +1,19 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[78],{102:function(e,t,o){"use strict";o.r(t),o.d(t,"TableAdvanced",(function(){return w}));o(18),o(15),o(32);var r=o(6),i=o(34),a=o(5),l=o(0),d=o(3),s=o(4),n=o(2),c=o(82),h=o(31),p=o.n(h),b=l.css`:host{display:block}.md-table-advanced{width:100%}table{border-collapse:separate;border-spacing:0;max-width:100%;position:relative;width:100%}table.sticky-header{height:100%}table.sticky-header thead th:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border-left:0;border-top:0;position:sticky;top:0;z-index:1}table.sticky-header thead th::before{border-top:1px solid var(--table-advanced-border-color,#dedede);bottom:0;content:" ";left:0;position:absolute;top:0;width:100%}table.sticky-header thead tr:last-child th{top:2.5rem}table.sticky-header thead tr:last-child th::before{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-top:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead tr:first-child th{height:calc(2.5rem + .0625rem*2);top:0}table.sticky-header thead tr:first-child th::before{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-top:1px solid var(--table-advanced-border-color,#dedede)}table.sticky-header thead tr:focus{outline:0}table.sticky-header thead tr:focus th:first-child{border-left:2px solid var(--md-focus-border-color)}table.sticky-header thead tr:focus th:last-child{border-right:2px solid var(--md-focus-border-color)}table.sticky-header thead tr:focus th::before{border-bottom:2px solid var(--md-focus-border-color);border-top:2px solid var(--md-focus-border-color)}thead th:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}thead th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border:1px solid var(--table-advanced-border-color,#dedede);border-left:0;color:var(--md-secondary-text-color);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:14px;height:2.5rem;max-width:0;padding:0 .375rem;position:relative;text-align:left}thead th .filter{display:inline-block;height:auto;margin-top:calc(.25rem/2)}thead th .resize{background-color:rgba(0,0,0,0);cursor:col-resize;height:100%;left:calc(-.25rem/2);position:absolute;top:0;width:.25rem;z-index:1}thead .head-inner-cell{align-items:center;display:flex;min-width:.875rem}thead .head-inner-cell .filter-wrap{align-items:center;display:inline-flex;flex:1;justify-content:flex-end}thead .head-inner-cell .filter-icon{color:var(--md-secondary-text-color);cursor:pointer;display:inline-block;height:1.5rem;min-width:1.25rem;position:relative;z-index:1}thead .head-inner-cell .filter-icon::part(button){padding:.25rem;text-align:center;width:1.5rem}thead .head-inner-cell .filter-icon:hover{background-color:var(--table-advanced-filter-hover-bg-color,#ededed)}thead .head-inner-cell .filter-icon:active{background-color:var(--table-advanced-filter-pressed-bg-color,#dedede)}thead .head-inner-cell span{display:inline-block;overflow:hidden;padding-right:calc(.25rem*1.25);text-overflow:ellipsis;white-space:nowrap;width:100%}thead .head-inner-cell .sortable{background:rgba(0,0,0,0);border:0;color:var(--md-secondary-text-color);display:inline-block;min-width:calc(1rem*2.5);overflow:hidden;padding-right:calc(.25rem*4);text-overflow:ellipsis;white-space:nowrap;width:auto}thead md-menu-overlay::part(overlay){top:-.375rem;white-space:normal}@supports(-moz-appearance:none){thead md-menu-overlay::part(overlay){top:-.25rem;white-space:normal}}thead .drag-area-col{cursor:grab;display:block;height:calc(.25rem*10);left:.25rem;position:absolute;right:.25rem;top:0;z-index:1}thead .drag-area-col.drag{border:2px dashed var(--table-advanced-filter-border-color,#ccc);opacity:1}thead .drag-area-col.over{background-color:#a87ff1;height:100%;opacity:.1}thead .sortable{cursor:pointer;position:relative;z-index:1}thead .sortable::after,thead .sortable::before{border:.25rem solid transparent;content:"";display:block;height:0;opacity:.3;position:absolute;right:.25rem;top:50%;width:0}thead .sortable::before{border-bottom-color:var(--md-secondary-text-color);margin-top:-9px}thead .sortable::after{border-top-color:var(--md-secondary-text-color);margin-top:1px}thead .sortable.ascending::after{opacity:1}thead .sortable.descending::before{opacity:1}.filter-active{display:inline-block;height:1.25rem;text-align:center;vertical-align:bottom;width:1.25rem}.filter-active::part(icon){line-height:.875rem}.filter-menu{background-color:var(--table-advanced-filter-bg-color,#fff);padding:calc(.25rem*3);position:relative;z-index:1}.filter-menu select{background-color:var(--table-advanced-filter-bg-color,#fff);border:1px solid var(--table-advanced-filter-border-color,#ccc);color:var(--md-secondary-text-color);min-height:calc(.875rem*1.8);width:100%}.filter-menu input{background-color:var(--table-advanced-filter-bg-color,#fff);border:1px solid var(--table-advanced-filter-border-color,#ccc);color:var(--md-secondary-text-color);margin-top:calc(.25rem*2);width:100%}tbody tr{position:relative}tbody tr td:first-child{border-left:1px solid var(--table-advanced-border-color,#dedede)}tbody tr td{border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-right:1px solid var(--table-advanced-border-color,#dedede);font-size:14px;height:2.5rem;max-width:0;padding:calc(.25rem*1.5);position:relative}tbody tr th:first-child{border-top:1px solid var(--table-advanced-border-color,#dedede)}tbody tr th{background-color:var(--table-advanced-header-bg-color,#f7f7f7);border-bottom:1px solid var(--table-advanced-border-color,#dedede);border-right:1px solid var(--table-advanced-border-color,#dedede);font-size:14px;max-width:0;padding:0 calc(.25rem*4);position:relative;text-align:left}tbody tr .inner-cell{display:flex;white-space:nowrap}tbody tr .inner-cell .warn-icon{display:inline-block;margin-left:.25rem;max-height:1.25rem;position:relative;vertical-align:middle;z-index:0}tbody tr .inner-cell md-icon::part(icon){line-height:1.25rem}tbody tr .inner-cell span{align-self:center;display:inline-block;flex:1;overflow:hidden;padding:0 .25rem;text-overflow:ellipsis;vertical-align:middle}tbody tr .drag-handle{cursor:grab;display:block;float:left;margin-right:calc(.25rem*1.5)}tbody tr .drag-area{height:50%;left:0;opacity:.3;position:absolute;right:0}tbody tr .drag-area.top{top:0}tbody tr .drag-area.bottom{background-color:rgba(0,0,0,0);bottom:0}tbody tr.ghost{opacity:.3}tbody tr:hover{background-color:var(--table-advanced-hover-bg-color,#f7f7f7)}tbody tr:hover td,tbody tr:hover th{background-color:var(--table-advanced-hover-bg-color,#f7f7f7)}tbody tr.selected,tbody tr:active{background-color:var(--table-advanced-selected-bg-color,#ededed)}tbody tr.selected td,tbody tr.selected th,tbody tr:active td,tbody tr:active th{background-color:var(--table-advanced-selected-bg-color,#ededed)}md-button.row-collapsible{height:1.25rem;margin-right:calc(.25rem*1.5);max-width:1.25rem;min-width:1.25rem}md-button.row-collapsible::part(button){border-radius:calc(.25rem/2);padding:0 .25rem}md-button.row-collapsible md-icon::part(icon){line-height:calc(.25rem*4)}`;function g(e=250){return function(t,o,r){let i;return function(e,t){if(e.descriptor=e.descriptor||Object.getOwnPropertyDescriptor(e.target,e.key),"function"!=typeof e.descriptor.value)return console.warn(e.key,"Decorator must be used on function"),e.descriptor;const o=e.descriptor.value,r=e.target.constructor.name;return e.descriptor.value=function(){const e=[];for(let t=0;t<arguments.length;t++)e[t]=arguments[t];return t.call(this,o,e,r)},e.descriptor}({target:t,key:o,descriptor:r},(function(t,o){clearTimeout(i),i=window.setTimeout(()=>{clearTimeout(i),t.apply(this,o)},e)}))}}class u{constructor(e,t){this.target=e,this.eventName=t}emit(e,t={bubbles:!0,composed:!0,cancelable:!1}){this.target.dispatchEvent(new CustomEvent(this.eventName,Object.assign({detail:e},t)))}}const m=new WeakMap,f=Object(d.directive)(e=>t=>{if(!(t instanceof d.NodePart))throw new Error("templateCallback can only be used in text bindings");const o=m.get(t);if(void 0!==o&&e.template===o.template&&t.value===o.fragment)return;const r=document.importNode(e.template.content,!0);e.cb({content:e.content,row:e.row,col:e.col,insertIndex:e.insertIndex,fragment:r}),t.setValue(r),m.set(t,{template:e.template,fragment:r})});var v;!function(e){const t={placeholder:"Filter..."};e.OPTIONS={equals:{label:"Equals",input:t,predicate:(e,t)=>e==t},notEqual:{label:"Not equal",input:t,predicate:(e,t)=>e!=t},contains:{label:"Contains",input:t,predicate:(e,t)=>e.includes(t)},notContains:{label:"Not contains",input:t,predicate:(e,t)=>!e.includes(t)},startsWith:{label:"Starts with",input:t,predicate:(e,t)=>e.startsWith(t)},endsWith:{label:"Ends with",input:t,predicate:(e,t)=>e.endsWith(t)},lessThan:{label:"Less than",input:t,predicate:(e,t)=>e<t},lessThanOrEquals:{label:"Less than or equals",input:t,predicate:(e,t)=>e<=t},greaterThan:{label:"Greater than",input:t,predicate:(e,t)=>e>t},greaterThanOrEquals:{label:"Greater than or equals",input:t,predicate:(e,t)=>e>=t}},e.optionsString=[e.OPTIONS.equals,e.OPTIONS.notEqual,e.OPTIONS.contains,e.OPTIONS.notContains,e.OPTIONS.startsWith,e.OPTIONS.endsWith],e.optionsNumber=[e.OPTIONS.equals,e.OPTIONS.notEqual,e.OPTIONS.lessThan,e.OPTIONS.lessThanOrEquals,e.OPTIONS.greaterThan,e.OPTIONS.greaterThanOrEquals]}(v||(v={}));var y=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};const x=document.createElement("img");var w;x.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",function(e){let t=class extends(Object(i.a)(l.LitElement)){constructor(){super(...arguments),this.isRowFocusable="true",this.error="",this.COLS=[],this.ROWS=[],this.updCols=()=>this.requestUpdate("COLS"),this.updRows=()=>this.requestUpdate("ROWS"),this.dragRow=-1,this.dropRow=-1,this.drops=[],this.dragRowElem=null,this.dragCol=-1,this.dropCol=-1,this.isResizing=!1,this.isSelectable=!1,this.selected={},this.expandedRowIdx={},this.dragover=e=>e.preventDefault(),this.eX=0,this.onResize=(e,t)=>{var o;if(-1!=this.dragCol||-1!=this.dragRow)return;this.isResizing=!0;const r=e.target;null===(o=e.dataTransfer)||void 0===o||o.setDragImage(x,0,0);const i=this.COLS.map(e=>this.shadowRoot.querySelector("th.col-index-"+e.index));this.COLS.forEach((e,t)=>e.width=i[t].offsetWidth+"px"),this.updCols();const a=e.x;this.eX=e.x;let l=-1,d=-1,s=-1;const n=this.COLS[t.index-1],c=i[t.index],h=i[t.index-1],p=c.offsetWidth,b=h.offsetWidth,g=()=>{const e=this.eX;if(l!=e&&0!=e){l=e;const o=l-a;d=p-o,s=b+o,t.width=d+"px",n.width=s+"px",this.updCols()}},u=e=>this.eX=e.x,m=()=>{this.isResizing=!1,r.removeEventListener("drag",g),r.removeEventListener("dragend",m),document.removeEventListener("dragover",u)};r.addEventListener("drag",g),r.addEventListener("dragend",m),document.addEventListener("dragover",u)}}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("dragover",this.dragover)}connectedCallback(){super.connectedCallback(),document.addEventListener("dragover",this.dragover),this.updateTableConfig(),this.updateTableData(),this.populateTable()}update(e){super.update(e),e.has("data")&&(this.updateTableData(),this.updateDataInTable())}updateTableData(){if("string"==typeof this.data)try{this.tableData=JSON.parse(this.data)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the config json")}else this.tableData=Object.assign({},this.data)}updateTableConfig(){if("string"==typeof this.config)try{this.tableConfig=JSON.parse(this.config)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the data json")}else this.tableConfig=Object.assign({},this.config)}populateColumns(){var e;let t=0;const o=(e,o)=>{var r,i,a,l;const d=e.filters||(null===(i=null===(r=this.tableConfig.default)||void 0===r?void 0:r.col)||void 0===i?void 0:i.filters),s=d?"forString"==d?v.optionsString:"forNumber"==d?v.optionsNumber:d.length?d:null:null;this.COLS.push({options:Object.assign({},e),index:t++,group:o,sort:"default",sorter:e.sorter||(null===(l=null===(a=this.tableConfig.default)||void 0===a?void 0:a.col)||void 0===l?void 0:l.sorter),isCollapsable:this.tableConfig.cols.collapse==e.id,filter:s?{list:s,selectedIndex:0,input:"",active:!1,menuVisible:!1}:void 0})};this.tableConfig.cols.define.forEach(e=>{"children"in e?e.children.forEach(t=>o(t,{name:e.groupName,length:e.children.length})):o(e)}),this.isSelectable=!!this.tableConfig.rows&&"none"!=(null===(e=this.tableConfig.rows)||void 0===e?void 0:e.selectable)}populateData(){const e=this.COLS.length;if("csv"in this.tableData){const e=p.a.parse(this.tableData.csv,{skipEmptyLines:!0,transform:e=>e.trim()});if(e.errors)return void(this.error="PARSE ERROR:\n"+JSON.stringify(e.errors,null,2));{const t=e.data;this.ROWS=t.map(e=>e.map(e=>({text:e})))}}else if("list2d"in this.tableData)this.ROWS=this.tableData.list2d.map(e=>e.map(e=>({text:e})));else{for(;this.tableData.list.length>e;)this.ROWS.push(this.tableData.list.splice(0,e).map(e=>({text:e})));0!=this.tableData.list.length&&this.ROWS.push(this.tableData.list.map(e=>({text:e})))}0!=this.ROWS.length||(this.error="DATA ERROR: Data is empty")}validateData(){const e=this.COLS.length;this.ROWS.reduce((e,t)=>e+t.length,0)%e==0?this.ROWS.forEach((t,o)=>{const r=t.length;r!=e&&(this.error=`DATA ERROR: Total number of cols (=${e}) and data[${o}] length (=${r}) mismatch`)}):this.error=this.error="DATA ERROR: Data length mismatch. You must provide (numberOfRows * numberOfColumns) amount of data values."}populateTemplate(){const e=this.tableConfig.cellTemplates,t=Object.keys(e||{});e&&t.length&&this.ROWS.forEach((t,o)=>{t.forEach((t,r)=>{for(const i in e){const a=t.text.indexOf(i);if(-1!=a){const l=e[i],d=this.querySelector("#"+l.templateName);if(null==d){console.warn(`cellTemplates["${i}"]: Missing '${l.templateName}' template.`);continue}let s=t.text.replace(i,"");l.contentCb&&(s=l.contentCb({col:r,row:o,content:s,insertIndex:a})),this.ROWS[o][r]={text:s,template:{template:d,templateCb:l.templateCb,insertIndex:"replace"==l.contentUse?-1:a}};break}}})})}setDefaultFilterAndSort(){var e,t;const o=null===(e=this.tableConfig.default)||void 0===e?void 0:e.sort;if(o){const e=this.COLS.find(e=>e.options.id==o.colId);e?this.sort(e,o.order):console.warn(`Cant find ${o.colId} col - for sorting`)}const r=null===(t=this.tableConfig.default)||void 0===t?void 0:t.filter;if(r){const e=this.COLS.find(e=>e.options.id==r.colId);e?e.filter?(e.filter.selectedIndex=r.selectedIndex,e.filter.input=r.input,this.updCols(),this.filter(e)):console.warn(`Cant find filters on ${r.colId} col`):console.warn(`Cant find ${r.colId} col - for filtering`)}}populateTable(){this.populateColumns(),this.populateData(),this.validateData(),this.setDefaultFilterAndSort(),this.populateTemplate()}updateDataInTable(){this.populateData(),this.validateData(),this.populateTemplate()}onDropRow(){this.dragRow!=this.dropRow&&this.drops.push([this.dragRow,this.dropRow]),this.dragRow=-1,this.dropRow=-1,this.dragRowElem&&(this.dragRowElem.setAttribute("draggable","false"),this.dragRowElem=null)}onDropCol(){if(this.dragCol!=this.dropCol){const e=this.COLS[this.dragCol],t=this.COLS[this.dropCol],o=e.group,r=t.group,i=e.index,a=t.index;e.group=r,t.group=o,e.index=a,t.index=i,this.COLS[this.dragCol]=t,this.COLS[this.dropCol]=e,this.ROWS.forEach(e=>{const t=e[this.dragCol],o=e[this.dropCol];e[this.dragCol]=o,e[this.dropCol]=t}),this.updCols(),this.updRows()}this.dragCol=-1,this.dropCol=-1}sort(e,t){e.sorter&&(this.clearSelection(),this.drops=[],this.COLS.forEach(o=>{o.options.id==e.options.id?o.sort=t||("default"==o.sort?"ascending":"ascending"==o.sort?"descending":"default"):o.sort="default"}),this.updCols(),this.requestUpdate(),this["md-table-advanced-change"].emit({type:"sort",order:e.sort}))}filter(e){if(!e.filter)return;this.clearSelection(),this.drops=[];const t=e.filter.input.trim(),o=e.filter.list[e.filter.selectedIndex];e.filter.active=!!t,this.requestUpdate(),t?this["md-table-advanced-change"].emit({type:"filter-on",filter:o,input:t}):this["md-table-advanced-change"].emit({type:"filter-off",filter:e.filter.list[e.filter.selectedIndex]})}selectRow(e){var t;const o=e.row.idx,r=this.selected.hasOwnProperty(o);"multiple"==(null===(t=this.tableConfig.rows)||void 0===t?void 0:t.selectable)?(e.metaKey?r?delete this.selected[o]:this.selected[o]=!0:e.shiftKey||(this.selected={[o]:!0}),this["md-table-advanced-change"].emit({type:"multi-select",rows:Object.keys(this.selected).map(e=>+e)})):r?this.clearSelection():(this.selected={[o]:!0},this["md-table-advanced-change"].emit({type:"select",index:o})),this.requestUpdate("selected")}clearSelection(){this.selected={},this.requestUpdate("selected")}collapseToggle(e,t){e.stopPropagation(),this.expandedRowIdx[t]?(delete this.expandedRowIdx[t],this["md-table-advanced-change"].emit({type:"collapse",row:t})):(this.expandedRowIdx[t]=!0,this["md-table-advanced-change"].emit({type:"expand",row:t})),this.clearSelection(),this.requestUpdate()}render(){if(this.error)return l.html`
-          <div>${this.error}</div>
-        `;const{head:e}=this.tableConfig,t=Object(s.classMap)({"sticky-header":!!this.tableConfig.isStickyHeader});return l.html`
-        <div class="md-table-advanced">
-          <slot></slot>
-          <table class=${t} summary=${Object(n.ifDefined)(null==e?void 0:e.summary)}>
-            ${(null==e?void 0:e.caption)?l.html`
-                  <caption>
-                    ${null==e?void 0:e.caption}
-                    ${(null==e?void 0:e.tableDescription)?l.html`
-                          <span style="position: absolute; top: -30em">${null==e?void 0:e.tableDescription}</span>
-                        `:d.nothing}
-                  </caption>
-                `:(null==e?void 0:e.tableDescription)?l.html`
-                  <caption>
-                    <span style="position: absolute; top: -30em">${null==e?void 0:e.tableDescription}</span>
-                  </caption>
-                `:d.nothing}
-            ${this.renderHead()} ${this.renderBody()}
-          </table>
+(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(3),h=i(2),c=i(15),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()}
         </div>
-      `}renderHead(){let e=d.nothing;const t=this.COLS.reduce((e,t)=>!!t.group||e,!1);if(t){let t="";e=l.html`
-          ${this.COLS.map(e=>e.group?t!=e.group.name?(t=e.group.name,l.html`
-                  <colgroup span=${e.group.length}></colgroup>
-                `):void 0:l.html`
-                <col />
-              `)}
-          <tr tabindex="0">
-            ${this.COLS.map(e=>e.group?t!=e.group.name?(t=e.group.name,l.html`
-                    <th colspan=${e.group.length} scope="colgroup" title="${e.group.name}">
-                      <div class="head-inner-cell">
-                        <span>${e.group.name}</span>
-                        ${this.renderColResize(e)}
-                      </div>
-                    </th>
-                  `):void 0:this.renderCol(e,2))}
-          </tr>
-        `}const o=l.html`
-        <tr tabindex="0">
-          ${this.COLS.map(e=>t?e.group?this.renderCol(e):void 0:this.renderCol(e))}
-        </tr>
-      `;return l.html`
-        <thead>
-          ${e} ${o}
-        </thead>
-      `}renderCol(e,t){var o,r;const i=null===(r=null===(o=e.filter)||void 0===o?void 0:o.list[e.filter.selectedIndex])||void 0===r?void 0:r.input,a=Object(s.classMap)({ascending:"ascending"==e.sort,descending:"descending"==e.sort});return l.html`
-        <th
-          rowspan=${Object(n.ifDefined)(t)}
-          width=${Object(n.ifDefined)(e.width?e.width:e.options.width)}
-          scope="col"
-          part="head-col"
-          aria-sort=${e.sort}
-          title="${e.options.title}"
-          class=${"col-index-"+e.index}
-        >
-          <!-- DRAG  -->
-          ${this.renderColDrag(e)}
-
-          <div class="head-inner-cell">
-            <!-- SORT  -->
-            ${e.sorter?l.html`
-                  <button class="sortable ${a}" @click=${()=>this.sort(e)}>${e.options.title}</button>
-                `:l.html`
-                  <span>${e.options.title}</span>
-                `}
-
-            <!-- FILTER -->
-            ${e.filter?l.html`
-                  <div class="filter-wrap">
-                    ${e.filter.active?l.html`
-                          <md-icon class="filter-active" name="filter-adr_14"></md-icon>
-                        `:d.nothing}
-                    <md-menu-overlay placement="bottom" class="filter" custom-width="188px">
-                      <md-button class="filter-icon" slot="menu-trigger" color="color-none" size="size-none">
-                        <md-icon slot="icon" name="filter_16"></md-icon>
-                      </md-button>
-                      <div class="filter-menu" style="width: 100%;">
-                        <select
-                          name="filter-type"
-                          @change=${t=>{e.filter.selectedIndex=t.target.value,this.updCols(),this.filter(e)}}
-                        >
-                          ${e.filter.list.map((t,o)=>l.html`
-                              <option value=${o} ?selected=${e.filter.selectedIndex==o}>${t.label}</option>
-                            `)}
-                        </select>
-                        <input
-                          type="text"
-                          placeholder=${i.placeholder}
-                          maxlength=${Object(n.ifDefined)(i.maxlength)}
-                          pattern=${Object(n.ifDefined)(i.pattern)}
-                          .value=${e.filter.input}
-                          @input=${t=>{e.filter.input=t.target.value,this.updCols(),this.filter(e)}}
-                        />
-                      </div>
-                    </md-menu-overlay>
-                  </div>
-                `:d.nothing}
-
-            <!-- RESIZE  -->
-            ${this.renderColResize(e)}
-          </div>
-        </th>
-      `}renderColDrag(e){return this.tableConfig.cols.isDraggable?l.html`
-            <div
-              draggable="true"
-              class="drag-area-col ${Object(s.classMap)({drag:-1!=this.dragCol,over:this.dropCol==e.index&&this.dropCol!=this.dragCol})}"
-              @dragstart=${t=>{this.isResizing||-1!=this.dragRow||(this.dragCol=e.index,t.dataTransfer.setDragImage(t.target.parentNode,0,0))}}
-              @dragenter=${()=>{this.isResizing||-1!=this.dragRow||(this.dropCol=e.index)}}
-              @dragend=${()=>this.onDropCol()}
-            ></div>
-          `:d.nothing}renderColResize(e){return this.tableConfig.cols.isResizable?l.html`
-            ${e.index>0?l.html`
-                  <div class="resize" draggable="true" @dragstart=${t=>this.onResize(t,e)}></div>
-                `:d.nothing}
-          `:d.nothing}renderBody(){let e=this.ROWS.map((e,t)=>({cells:e,idx:t,idxDrag:t,collapse:"none",first:0===t,isGhost:!1,children:[]}));const t=this.COLS.length;e=e.filter(e=>{var o;for(let r=0;r<t;r++){const t=this.COLS[r];if(null===(o=t.filter)||void 0===o?void 0:o.active){if(!t.filter.list[t.filter.selectedIndex].predicate(e.cells[r].text,t.filter.input))return!1}}return!0});const o=this.COLS.find(e=>"default"!=e.sort);if(o){const t=this.ROWS.map((e,t)=>({v:e[o.index].text,i:t})),r="ascending"==o.sort?1:-1;let i=[];if("byNumber"==o.sorter)i=t.sort((e,t)=>1==r?+e.v-+t.v:+t.v-+e.v);else if("byString"==o.sorter)i=t.sort((e,t)=>e.v==t.v?0:e.v>t.v?r:-r);else if("function"==typeof o.sorter){const e=o.sorter;i=t.sort((t,o)=>e(t.v,o.v,r))}e=i.map(t=>e[t.i])}const r=this.COLS.find(e=>e.isCollapsable);if(r){const t=r.index,o=e.reduce((e,o)=>{const r=o.cells[t].text,i=e.find(e=>e.key==r);return i?(o.collapse="child",i.children.push(o)):e.push({key:r,root:o,children:[]}),e},[]);e=[],o.forEach(t=>{e.push(t.root),t.root.collapse=0==t.children.length?"none":this.expandedRowIdx[t.root.idx]?"expanded":"collapsed",t.root.children=t.children})}return this.drops.forEach(({0:t,1:o})=>{e.splice(o,0,e.splice(t,1)[0])}),e.forEach((e,t)=>e.idxDrag=t),-1!=this.dragRow&&(e[this.dragRow].isGhost=!0,-1!=this.dropRow&&e.splice(this.dropRow,0,e.splice(this.dragRow,1)[0])),l.html`
-        <tbody>
-          ${e.map(t=>{const o=e.length,r=t.children.length>0&&"expanded"==t.collapse&&!t.isGhost;return l.html`
-              ${this.renderRow(t,o)} ${r?t.children.map(e=>this.renderRow(e,o)):d.nothing}
-            `})}
-        </tbody>
-      `}renderRow(e,t){const o=this.selected.hasOwnProperty(e.idx),r=Object(s.classMap)({selected:o,selectable:this.isSelectable&&!o,ghost:e.isGhost});return l.html`
-        <tr
-          class=${r}
-          tabindex=${Object(n.ifDefined)("true"===this.isRowFocusable?"0":void 0)}
-          part=${e.first?"first-row":"row"}
-          @click=${({shiftKey:t,metaKey:o})=>{this.isSelectable&&this.selectRow({row:e,shiftKey:t,metaKey:o})}}
-        >
-          ${e.cells.map((o,r)=>{var i;const a=this.COLS[r];let s=o.text;const n=o.template;n&&(s=n.templateCb?l.html`
-                    ${f({cb:n.templateCb,insertIndex:n.insertIndex,template:n.template,content:o.text,row:e.idx,col:r})}
-                  `:l.html`
-                    ${Object(c.templateContent)(n.template)}
-                  `,-1!=n.insertIndex&&(s=l.html`
-                  ${n.insertIndex>0?o.text.substring(0,n.insertIndex):d.nothing} ${s}
-                  ${n.insertIndex<o.text.length-1?o.text.substring(n.insertIndex):d.nothing}
-                `));const h=(null===(i=this.tableConfig.rows)||void 0===i?void 0:i.isDraggable)&&"child"!=e.collapse,p=h&&-1!=this.dragRow&&this.dragRow!=e.idxDrag,b=h&&0==r,g=l.html`
-              <div
-                class="inner-cell"
-                draggable="false"
-                @dragstart=${()=>{this.isResizing||-1!=this.dragCol||(this.dragRow=e.idxDrag)}}
-                @dragend=${()=>this.onDropRow()}
-              >
-                ${p?l.html`
-                      <div
-                        class="drag-area top"
-                        @dragenter=${()=>{if(0==this.dragRow){const t=e.idxDrag-1;this.dropRow=t>=0?t:0}else this.dropRow=e.idxDrag}}
-                      ></div>
-                      <div
-                        class="drag-area bottom"
-                        @dragenter=${()=>{if(0==this.dragRow)this.dropRow=e.idxDrag;else{const o=e.idxDrag+1;this.dropRow=o<t?o:t-1}}}
-                      ></div>
-                    `:d.nothing}
-                ${b?l.html`
-                      <md-icon
-                        class="drag-handle"
-                        @mousedown=${e=>{this.isResizing||-1!=this.dragCol||(this.dragRowElem=e.target.parentNode,this.dragRowElem.setAttribute("draggable","true"))}}
-                        name="panel-control-dragger_16"
-                      >
-                      </md-icon>
-                    `:d.nothing}
-                ${a.isCollapsable?l.html`
-                      ${"expanded"==e.collapse||"collapsed"==e.collapse?l.html`
-                            <md-button
-                              class="row-collapsible"
-                              size="size-none"
-                              @click=${t=>this.collapseToggle(t,e.idx)}
-                              outline
-                              color="color-none"
-                            >
-                              ${"collapsed"==e.collapse?l.html`
-                                    <md-icon slot="icon" name="plus_12"></md-icon>
-                                  `:l.html`
-                                    <md-icon slot="icon" name="minus_12"></md-icon>
-                                  `}
-                            </md-button>
-                          `:d.nothing}
-                      <span>${"child"==e.collapse?d.nothing:s}</span>
-                    `:l.html`
-                      <span>${s}</span>
-                    `}
-              </div>
-            `;return a.options.isHeader?l.html`
-                  <th part="cell-ishead" scope="row" title="${o.text}">${g}</th>
-                `:l.html`
-                  <td part=${0===r?"first-cell":"cell"} title="${o.text}">${g}</td>
-                `})}
-        </tr>
-      `}static get styles(){return[a.a,b]}};y([Object(l.property)({attribute:"config"})],t.prototype,"config",void 0),y([Object(l.property)({attribute:"data"})],t.prototype,"data",void 0),y([Object(l.property)({type:String})],t.prototype,"isRowFocusable",void 0),y([(e,t)=>{const o={get(){return new u(this,void 0!==t?t:e.key)},enumerable:!0,configurable:!0};return void 0!==t?Object.defineProperty(e,t,o):{kind:"method",placement:"prototype",key:e.key,descriptor:o}}],t.prototype,"md-table-advanced-change",void 0),y([Object(l.internalProperty)()],t.prototype,"tableConfig",void 0),y([Object(l.internalProperty)()],t.prototype,"tableData",void 0),y([Object(l.internalProperty)()],t.prototype,"error",void 0),y([Object(l.internalProperty)()],t.prototype,"COLS",void 0),y([Object(l.internalProperty)()],t.prototype,"ROWS",void 0),y([Object(l.internalProperty)()],t.prototype,"dragRow",void 0),y([Object(l.internalProperty)()],t.prototype,"dropRow",void 0),y([Object(l.internalProperty)()],t.prototype,"drops",void 0),y([Object(l.internalProperty)()],t.prototype,"dragCol",void 0),y([Object(l.internalProperty)()],t.prototype,"dropCol",void 0),y([Object(l.queryAll)("tr[tabindex]")],t.prototype,"tableRaws",void 0),y([g(500)],t.prototype,"filter",null),t=y([Object(r.a)("md-table-advanced")],t),e.ELEMENT=t}(w||(w={}))}}]);
+      `}};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={}))}}]);