@momentum-ui/web-components 2.17.15 → 2.18.0

package/dist/comp/md-table-advanced-entry.js

@@ -1 +1,168 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@popperjs/core/lib/popper-lite"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("papaparse"),require("lit-html/directives/template-content"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@popperjs/core/lib/popper-lite","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","papaparse","lit-html/directives/template-content"],r);else{var t="object"==typeof exports?r(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@popperjs/core/lib/popper-lite"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("papaparse"),require("lit-html/directives/template-content")):r(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@popperjs/core/lib/popper-lite"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e.papaparse,e["lit-html/directives/template-content"]);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(window,(function(e,r,t,i,o,p,n,l,s,u,m,c,f,a){return function(e){function r(r){for(var i,n,l=r[0],s=r[1],u=r[2],c=0,f=[];c<l.length;c++)n=l[c],Object.prototype.hasOwnProperty.call(o,n)&&o[n]&&f.push(o[n][0]),o[n]=0;for(i in s)Object.prototype.hasOwnProperty.call(s,i)&&(e[i]=s[i]);for(m&&m(r);f.length;)f.shift()();return p.push.apply(p,u||[]),t()}function t(){for(var e,r=0;r<p.length;r++){for(var t=p[r],i=!0,l=1;l<t.length;l++){var s=t[l];0!==o[s]&&(i=!1)}i&&(p.splice(r--,1),e=n(n.s=t[0]))}return e}var i={},o={346:0,284:0,286:0,289:0,290:0,292:0,294:0,295:0,299:0,300:0,301:0,302:0,305:0,314:0,317:0,320:0,322:0,323:0,327:0,328:0,329:0,333:0,334:0,336:0,339:0,340:0,341:0,343:0,344:0,345:0,349:0,353:0},p=[];function n(r){if(i[r])return i[r].exports;var t=i[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,n),t.l=!0,t.exports}n.m=e,n.c=i,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,r){if(1&r&&(e=n(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(n.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var i in e)n.d(t,i,function(r){return e[r]}.bind(null,i));return t},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},n.p="/";var l=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],s=l.push.bind(l);l.push=r,l=l.slice();for(var u=0;u<l.length;u++)r(l[u]);var m=s;return p.push([109,10,0,1,2,3,4,5,7,6,9,12,13,17,86]),t()}({0:function(r,t){r.exports=e},10:function(e,r){e.exports=p},12:function(e,r){e.exports=n},18:function(e,r){e.exports=l},2:function(e,t){e.exports=r},22:function(e,r){e.exports=s},23:function(e,r){e.exports=u},24:function(e,r){e.exports=m},25:function(e,r){e.exports=c},3:function(e,r){e.exports=t},39:function(e,r){e.exports=f},4:function(e,r){e.exports=i},8:function(e,r){e.exports=o},89:function(e,r){e.exports=a}})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/template-content"),require("papaparse"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/template-content","papaparse"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/template-content"),require("papaparse")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/template-content"],e.papaparse);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i,o,r,s,l,n,a,d,p,c,h,m)=>(()=>{"use strict";var u,f={3527:e=>{e.exports=h},4863:e=>{e.exports=c},8229:e=>{e.exports=t},22962:e=>{e.exports=n},23968:e=>{e.exports=o},28187:e=>{e.exports=m},32022:e=>{e.exports=s},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=l},68250:e=>{e.exports=d},69371:e=>{e.exports=p},77935:(e,t,i)=>{i.r(t),i.d(t,{TableAdvanced:()=>b}),i(96798),i(61200),i(11323);var o=i(31890),r=i(28373),s=i(26272),l=i(41488),n=i(40333),a=i(23968),d=i(97822),p=i(3527),c=i(28187),h=i.n(c),m=i(87421),u=i(56076),f=i(21796),g=function(e,t,i,o){var r,s=arguments.length,l=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(l=(s<3?r(l):s>3?r(t,i,l):r(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};const v=document.createElement("img");var b;v.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",function(e){let t=class extends((0,r.d)(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 i;if(-1!=this.dragCol||-1!=this.dragRow)return;this.isResizing=!0;const o=e.target;null===(i=e.dataTransfer)||void 0===i||i.setDragImage(v,0,0);const r=this.COLS.map((e=>this.shadowRoot.querySelector(`th.col-index-${e.index}`)));this.COLS.forEach(((e,t)=>e.width=r[t].offsetWidth+"px")),this.updCols();const s=e.x;this.eX=e.x;let l=-1,n=-1,a=-1;const d=this.COLS[t.index-1],p=r[t.index],c=r[t.index-1],h=p.offsetWidth,m=c.offsetWidth,u=()=>{const e=this.eX;if(l!=e&&0!=e){l=e;const i=l-s;n=h-i,a=m+i,t.width=n+"px",d.width=a+"px",this.updCols()}},f=e=>this.eX=e.x,g=()=>{this.isResizing=!1,o.removeEventListener("drag",u),o.removeEventListener("dragend",g),document.removeEventListener("dragover",f)};o.addEventListener("drag",u),o.addEventListener("dragend",g),document.addEventListener("dragover",f)}}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 i=(e,i)=>{var o,r,s,l;const n=e.filters||(null===(r=null===(o=this.tableConfig.default)||void 0===o?void 0:o.col)||void 0===r?void 0:r.filters),a=n?"forString"==n?f.d.optionsString:"forNumber"==n?f.d.optionsNumber:n.length?n:null:null;this.COLS.push({options:Object.assign({},e),index:t++,group:i,sort:"default",sorter:e.sorter||(null===(l=null===(s=this.tableConfig.default)||void 0===s?void 0:s.col)||void 0===l?void 0:l.sorter),isCollapsable:this.tableConfig.cols.collapse==e.id,filter:a?{list:a,selectedIndex:0,input:"",active:!1,menuVisible:!1}:void 0})};this.tableConfig.cols.define.forEach((e=>{"children"in e?e.children.forEach((t=>i(t,{name:e.groupName,length:e.children.length}))):i(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=h().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,i)=>{const o=t.length;o!=e&&(this.error=`DATA ERROR: Total number of cols (=${e}) and data[${i}] length (=${o}) 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,i)=>{t.forEach(((t,o)=>{for(const r in e){const s=t.text.indexOf(r);if(-1!=s){const l=e[r],n=this.querySelector(`#${l.templateName}`);if(null==n){console.warn(`cellTemplates["${r}"]: Missing '${l.templateName}' template.`);continue}let a=t.text.replace(r,"");l.contentCb&&(a=l.contentCb({col:o,row:i,content:a,insertIndex:s})),this.ROWS[i][o]={text:a,template:{template:n,templateCb:l.templateCb,insertIndex:"replace"==l.contentUse?-1:s}};break}}}))}))}setDefaultFilterAndSort(){var e,t;const i=null===(e=this.tableConfig.default)||void 0===e?void 0:e.sort;if(i){const e=this.COLS.find((e=>e.options.id==i.colId));e?this.sort(e,i.order):console.warn(`Cant find ${i.colId} col - for sorting`)}const o=null===(t=this.tableConfig.default)||void 0===t?void 0:t.filter;if(o){const e=this.COLS.find((e=>e.options.id==o.colId));e?e.filter?(e.filter.selectedIndex=o.selectedIndex,e.filter.input=o.input,this.updCols(),this.filter(e)):console.warn(`Cant find filters on ${o.colId} col`):console.warn(`Cant find ${o.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],i=e.group,o=t.group,r=e.index,s=t.index;e.group=o,t.group=i,e.index=s,t.index=r,this.COLS[this.dragCol]=t,this.COLS[this.dropCol]=e,this.ROWS.forEach((e=>{const t=e[this.dragCol],i=e[this.dropCol];e[this.dragCol]=i,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((i=>{i.options.id==e.options.id?i.sort=t||("default"==i.sort?"ascending":"ascending"==i.sort?"descending":"default"):i.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(),i=e.filter.list[e.filter.selectedIndex];e.filter.active=!!t,this.requestUpdate(),t?this["md-table-advanced-change"].emit({type:"filter-on",filter:i,input:t}):this["md-table-advanced-change"].emit({type:"filter-off",filter:e.filter.list[e.filter.selectedIndex]})}selectRow(e){var t;const i=e.row.idx,o=Object.prototype.hasOwnProperty.call(this.selected,i);"multiple"==(null===(t=this.tableConfig.rows)||void 0===t?void 0:t.selectable)?(e.metaKey?o?delete this.selected[i]:this.selected[i]=!0:e.shiftKey||(this.selected={[i]:!0}),this["md-table-advanced-change"].emit({type:"multi-select",rows:Object.keys(this.selected).map((e=>+e))})):o?this.clearSelection():(this.selected={[i]:!0},this["md-table-advanced-change"].emit({type:"select",index:i})),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=(0,a.classMap)({"sticky-header":!!this.tableConfig.isStickyHeader});return l.html`
+        <div class="md-table-advanced">
+          <slot></slot>
+          <table class=${t} summary=${(0,d.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> `:n.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>
+                  `:n.nothing}
+            ${this.renderHead()} ${this.renderBody()}
+          </table>
+        </div>
+      `}ariaSortOrder(e){return"ascending"===e||"descending"===e?e:"none"}renderHead(){let e=n.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 i=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} ${i}
+        </thead>
+      `}sortIconTemplate(e){return"ascending"===e?l.html`<md-icon name="sort-descending-bold" size="16" iconSet="momentumDesign"></md-icon>`:"descending"===e?l.html`<md-icon name="sort-ascending-bold" size="16" iconSet="momentumDesign"></md-icon>`:l.html`<md-icon name="unsorted-bold" size="16" iconSet="momentumDesign"></md-icon>`}renderCol(e,t){var i,o;const r=null===(o=null===(i=e.filter)||void 0===i?void 0:i.list[e.filter.selectedIndex])||void 0===o?void 0:o.input,s=(0,a.classMap)({ascending:"ascending"==e.sort,descending:"descending"==e.sort});return l.html`
+        <th
+          rowspan=${(0,d.ifDefined)(t)}
+          width=${(0,d.ifDefined)(e.width?e.width:e.options.width)}
+          scope="col"
+          part="head-col"
+          aria-sort=${this.ariaSortOrder(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 ${s}" @click=${()=>this.sort(e)}>
+                    ${e.options.title} ${this.sortIconTemplate(e.sort)}
+                  </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-bold"
+                            size="16"
+                            iconSet="momentumDesign"
+                          ></md-icon>
+                        `:n.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-bold" size="16" iconSet="momentumDesign"></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,i)=>l.html`
+                              <option value=${i} ?selected=${e.filter.selectedIndex==i}>${t.label}</option>
+                            `))}
+                        </select>
+                        <input
+                          type="text"
+                          placeholder=${r.placeholder}
+                          maxlength=${(0,d.ifDefined)(r.maxlength)}
+                          pattern=${(0,d.ifDefined)(r.pattern)}
+                          .value=${e.filter.input}
+                          @input=${t=>{e.filter.input=t.target.value,this.updCols(),this.filter(e)}}
+                        />
+                      </div>
+                    </md-menu-overlay>
+                  </div>
+                `:n.nothing}
+
+            <!-- RESIZE  -->
+            ${this.renderColResize(e)}
+          </div>
+        </th>
+      `}renderColDrag(e){return this.tableConfig.cols.isDraggable?l.html`
+            <div
+              draggable="true"
+              class="drag-area-col ${(0,a.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>
+          `:n.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>
+                `:n.nothing}
+          `:n.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 i;for(let o=0;o<t;o++){const t=this.COLS[o];if((null===(i=t.filter)||void 0===i?void 0:i.active)&&!t.filter.list[t.filter.selectedIndex].predicate(e.cells[o].text,t.filter.input))return!1}return!0}));const i=this.COLS.find((e=>"default"!=e.sort));if(i){const t=this.ROWS.map(((e,t)=>({v:e[i.index].text,i:t}))),o="ascending"==i.sort?1:-1;let r=[];if("byNumber"==i.sorter)r=t.sort(((e,t)=>1==o?+e.v-+t.v:+t.v-+e.v));else if("byString"==i.sorter)r=t.sort(((e,t)=>e.v==t.v?0:e.v>t.v?o:-o));else if("function"==typeof i.sorter){const e=i.sorter;r=t.sort(((t,i)=>e(t.v,i.v,o)))}e=r.map((t=>e[t.i]))}const o=this.COLS.find((e=>e.isCollapsable));if(o){const t=o.index,i=e.reduce(((e,i)=>{const o=i.cells[t].text,r=e.find((e=>e.key==o));return r?(i.collapse="child",r.children.push(i)):e.push({key:o,root:i,children:[]}),e}),[]);e=[],i.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:i})=>{e.splice(i,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 i=e.length,o=t.children.length>0&&"expanded"==t.collapse&&!t.isGhost;return l.html`
+              ${this.renderRow(t,i)} ${o?t.children.map((e=>this.renderRow(e,i))):n.nothing}
+            `}))}
+        </tbody>
+      `}renderRow(e,t){const i=Object.prototype.hasOwnProperty.call(this.selected,e.idx),o=(0,a.classMap)({selected:i,selectable:this.isSelectable&&!i,ghost:e.isGhost});return l.html`
+        <tr
+          class=${o}
+          tabindex=${(0,d.ifDefined)("true"===this.isRowFocusable?"0":void 0)}
+          part=${e.first?"first-row":"row"}
+          @click=${({shiftKey:t,metaKey:i})=>{this.isSelectable&&this.selectRow({row:e,shiftKey:t,metaKey:i})}}
+        >
+          ${e.cells.map(((i,o)=>{var r;const s=this.COLS[o];let a=i.text;const d=i.template;d&&(a=d.templateCb?l.html`
+                    ${(0,u.qQ)({cb:d.templateCb,insertIndex:d.insertIndex,template:d.template,content:i.text,row:e.idx,col:o})}
+                  `:l.html` ${(0,p.templateContent)(d.template)} `,-1!=d.insertIndex&&(a=l.html`
+                  ${d.insertIndex>0?i.text.substring(0,d.insertIndex):n.nothing} ${a}
+                  ${d.insertIndex<i.text.length-1?i.text.substring(d.insertIndex):n.nothing}
+                `));const c=(null===(r=this.tableConfig.rows)||void 0===r?void 0:r.isDraggable)&&"child"!=e.collapse,h=c&&-1!=this.dragRow&&this.dragRow!=e.idxDrag,m=c&&0==o,f=l.html`
+              <div
+                class="inner-cell"
+                draggable="false"
+                @dragstart=${()=>{this.isResizing||-1!=this.dragCol||(this.dragRow=e.idxDrag)}}
+                @dragend=${()=>this.onDropRow()}
+              >
+                ${h?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 i=e.idxDrag+1;this.dropRow=i<t?i:t-1}}}
+                      ></div>
+                    `:n.nothing}
+                ${m?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="dragger-vertical-bold"
+                        size="16"
+                        iconSet="momentumDesign"
+                      >
+                      </md-icon>
+                    `:n.nothing}
+                ${s.isCollapsable?l.html`
+                      ${"expanded"==e.collapse||"collapsed"==e.collapse?l.html`
+                            <button class="row-collapsible" @click=${t=>this.collapseToggle(t,e.idx)}>
+                              ${"collapsed"==e.collapse?l.html` <md-icon name="plus-bold" size="12" iconSet="momentumDesign"></md-icon> `:l.html` <md-icon name="minus-bold" size="12" iconSet="momentumDesign"></md-icon> `}
+                            </button>
+                          `:n.nothing}
+                      <span>${"child"==e.collapse?n.nothing:a}</span>
+                    `:l.html` <span>${a}</span> `}
+              </div>
+            `;return s.options.isHeader?l.html` <th part="cell-ishead" scope="row" title="${i.text}">${f}</th> `:l.html` <td part=${0===o?"first-cell":"cell"} title="${i.text}">${f}</td> `}))}
+        </tr>
+      `}static get styles(){return[s.A,m.A]}};g([(0,l.property)({attribute:"config"})],t.prototype,"config",void 0),g([(0,l.property)({attribute:"data"})],t.prototype,"data",void 0),g([(0,l.property)({type:String})],t.prototype,"isRowFocusable",void 0),g([(0,u.Wj)()],t.prototype,"md-table-advanced-change",void 0),g([(0,l.internalProperty)()],t.prototype,"tableConfig",void 0),g([(0,l.internalProperty)()],t.prototype,"tableData",void 0),g([(0,l.internalProperty)()],t.prototype,"error",void 0),g([(0,l.internalProperty)()],t.prototype,"COLS",void 0),g([(0,l.internalProperty)()],t.prototype,"ROWS",void 0),g([(0,l.internalProperty)()],t.prototype,"dragRow",void 0),g([(0,l.internalProperty)()],t.prototype,"dropRow",void 0),g([(0,l.internalProperty)()],t.prototype,"drops",void 0),g([(0,l.internalProperty)()],t.prototype,"dragCol",void 0),g([(0,l.internalProperty)()],t.prototype,"dropCol",void 0),g([(0,l.queryAll)("tr[tabindex]")],t.prototype,"tableRaws",void 0),g([(0,u.sg)(500)],t.prototype,"filter",null),t=g([(0,o.w)("md-table-advanced")],t),e.ELEMENT=t}(b||(b={}))},84157:e=>{e.exports=a},97822:e=>{e.exports=r}},g={};function v(e){var t=g[e];if(void 0!==t)return t.exports;var i=g[e]={exports:{}};return f[e](i,i.exports,v),i.exports}v.m=f,u=[],v.O=(e,t,i,o)=>{if(!t){var r=1/0;for(a=0;a<u.length;a++){for(var[t,i,o]=u[a],s=!0,l=0;l<t.length;l++)(!1&o||r>=o)&&Object.keys(v.O).every((e=>v.O[e](t[l])))?t.splice(l--,1):(s=!1,o<r&&(r=o));if(s){u.splice(a--,1);var n=i();void 0!==n&&(e=n)}}return e}o=o||0;for(var a=u.length;a>0&&u[a-1][2]>o;a--)u[a]=u[a-1];u[a]=[t,i,o]},v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var i in t)v.o(t,i)&&!v.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={4139:0};v.O.j=t=>0===e[t];var t=(t,i)=>{var o,r,[s,l,n]=i,a=0;if(s.some((t=>0!==e[t]))){for(o in l)v.o(l,o)&&(v.m[o]=l[o]);if(n)var d=n(v)}for(t&&t(i);a<s.length;a++)r=s[a],v.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return v.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var b=v.O(void 0,[7502,1890,6272,6325,6875,2176,6798,9813,1200,2576,8210,6677,1270,3135,6366,1323,4400],(()=>v(77935)));return v.O(b)})()));

package/dist/comp/md-table-advanced.js

@@ -1,15 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-6");
-require("../chunks/md-9");
-require("../chunks/md-12");
-require("../chunks/md-13");
-require("../chunks/md-17");
-require("../chunks/md-86");
-module.exports = require("../comp/md-table-advanced-entry");
+require("../7502"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../2576"),require("../8210"),require("../6677"),require("../1270"),require("../3135"),require("../6366"),require("../1323"),require("../4400"),module.exports=require("../comp/md-table-advanced-entry");

package/dist/comp/md-table-entry.js

@@ -1 +1,43 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"),require("papaparse"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","lit-html/directives/class-map.js","@momentum-ui/utils/lib/getColorValue","papaparse"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"),require("papaparse")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["lit-html/directives/class-map.js"],e["@momentum-ui/utils/lib/getColorValue"],e.papaparse);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(window,(function(e,t,i,r,n,o,l,u,s){return function(e){function t(t){for(var r,l,u=t[0],s=t[1],m=t[2],c=0,p=[];c<u.length;c++)l=u[c],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&p.push(n[l][0]),n[l]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(a&&a(t);p.length;)p.shift()();return o.push.apply(o,m||[]),i()}function i(){for(var e,t=0;t<o.length;t++){for(var i=o[t],r=!0,u=1;u<i.length;u++){var s=i[u];0!==n[s]&&(r=!1)}r&&(o.splice(t--,1),e=l(l.s=i[0]))}return e}var r={},n={347:0,284:0,286:0,288:0,289:0,290:0,292:0,294:0,295:0,296:0,299:0,300:0,301:0,302:0,305:0,314:0,317:0,320:0,322:0,323:0,326:0,327:0,328:0,329:0,330:0,333:0,336:0,339:0,340:0,341:0,343:0,344:0,345:0,349:0,352:0,353:0},o=[];function l(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,l),i.l=!0,i.exports}l.m=e,l.c=r,l.d=function(e,t,i){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(l.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(i,r,function(t){return e[t]}.bind(null,r));return i},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var u=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],s=u.push.bind(u);u.push=t,u=u.slice();for(var m=0;m<u.length;m++)t(u[m]);var a=s;return o.push([132,10,0,1,2,5,7,9,87]),i()}({0:function(t,i){t.exports=e},10:function(e,t){e.exports=o},11:function(e,t){e.exports=l},12:function(e,t){e.exports=u},2:function(e,i){e.exports=t},3:function(e,t){e.exports=i},39:function(e,t){e.exports=s},4:function(e,t){e.exports=r},8:function(e,t){e.exports=n}})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"),require("papaparse"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","lit-html/directives/class-map.js","papaparse"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"),require("papaparse")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/class-map.js"],e.papaparse);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o,s,i,a,l,n)=>(()=>{"use strict";var d,m={8229:e=>{e.exports=t},17518:e=>{e.exports=l},23968:e=>{e.exports=o},28187:e=>{e.exports=n},32022:e=>{e.exports=i},40333:e=>{e.exports=r},40428:(e,t,r)=>{r.r(t),r.d(t,{Table:()=>h,formatType:()=>c}),r(61200);var o=r(31890),s=r(26272),i=r(41488),a=r(40333),l=r(17518),n=r(28187),d=r.n(n),m=r(43604),p=function(e,t,r,o){var s,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(a=(i<3?s(a):i>3?s(t,r,a):s(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a};const c=["number","default"];var h;!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.tabledata="",this.zebra=!1,this.clean=!1,this.sorting=!1,this.nodata="No data Loaded",this.stickheader=!1,this.label="Table",this.noBorders=!1,this.format="default",this.warning=[],this.errors=[],this.sort={columnName:"",sortting:!1},this.csvData=void 0,this.config={quoteChar:'"',escapeChar:'""',header:!1,preview:0,comments:!1,step:void 0,complete:void 0}}connectedCallback(){super.connectedCallback(),this.results=d().parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length),this.requestUpdate("tabledata"),this.linkCellItems()}get rowItem(){return this.rowTable}linkCellItems(){const e=this.rowTable;null==e||e.forEach(((e,t)=>{this.warning.forEach((r=>{t+1===r.row&&e.querySelectorAll('td[role="cell"').forEach(((e,t)=>{t+1===r.col&&(e.classList.add("warning"),e.insertAdjacentHTML("beforeend",'<md-icon name="warning-regular" size="24" iconSet="momentumDesign" color="var(--md-alert-warning-text-color)"></md-icon>'))}))})),this.errors.forEach((r=>{t+1===r.row&&e.querySelectorAll('td[role="cell"').forEach(((e,t)=>{t+1===r.col&&(e.classList.add("error"),e.insertAdjacentHTML("beforeend",'<md-icon name="clear-bold" size="24" iconSet="momentumDesign" color="var(--md-alert-error-text-color)"></md-icon>'))}))}))}))}sortTab(e,t){const r=e.target,o=Array.from(this.csvData),s=this.headerRow.indexOf(t);t!==this.sort.columnName||!0!==this.sort.sortting?(o.sort((function(e,t){const r=e[s].toLowerCase(),o=t[s].toLowerCase();return r>o?1:r<o?-1:0})),this.sort.sortting=!0,r.classList.remove("sortedZyx"),r.classList.add("sortedAbc")):(o.reverse(),this.sort.sortting=!1,r.classList.remove("sortedAbc"),r.classList.add("sortedZyx")),this.sort.columnName=t,this.csvData=o,this.requestUpdate("csvData")}update(e){super.update(e),e.has("tabledata")&&(this.results=d().parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length),this.linkCellItems())}static get styles(){return[s.A,m.A]}get tableClassMap(){return{"md-table--clean":this.clean,"md-table--no-borders":this.noBorders,"md-table--stripped":this.zebra,"md-table--sorting":this.sorting}}getSortTemplate(e){return this.sort.columnName!==e?a.nothing:i.html`
+        <md-icon
+          name=${this.sort.sortting?"sort-descending-bold":"sort-ascending-bold"}
+          iconSet="momentumDesign"
+          size="16"
+        ></md-icon>
+      `}render(){return i.html`
+        <div class=${`md-table-container ${this.stickheader?"md-table-container_stickly":a.nothing}`}>
+          ${0!=this.csvData.length?i.html`
+                <table
+                  class="md-table ${(0,l.classMap)(this.tableClassMap)}"
+                  tabindex="0"
+                  role="table"
+                  aria-label="${this.label}"
+                >
+                  <thead class="md-table__header" role="rowgroup" tabindex="0">
+                    <tr role="row">
+                      ${this.headerRow.map((e=>i.html`
+                          <th role="columnheader">
+                            ${this.sorting?i.html`
+                                  <a @click=${t=>this.sortTab(t,e)}>
+                                    ${e}${this.getSortTemplate(e)}
+                                  </a>
+                                `:i.html` ${e}`}
+                          </th>
+                        `))}
+                    </tr>
+                  </thead>
+                  <tbody class="md-table__body" role="rowgroup">
+                    ${this.csvData.map(((e,t)=>i.html`
+                        <tr tabindex="0" role="row" part=${0===t?"first-row":"row"}>
+                          ${e.map(((e,t)=>{const r="number"===this.format&&0!==t?Number(e).toLocaleString():e;return i.html`
+                              <td part=${0===t?"left-cell":"cell"} role="cell">
+                                <span>${r}</span>
+                              </td>
+                            `}))}
+                        </tr>
+                      `))}
+                  </tbody>
+                </table>
+              `:i.html` <p>${this.nodata}</p> `}
+        </div>
+      `}};p([(0,i.property)({type:String})],t.prototype,"tabledata",void 0),p([(0,i.property)({type:Boolean})],t.prototype,"zebra",void 0),p([(0,i.property)({type:Boolean})],t.prototype,"clean",void 0),p([(0,i.property)({type:Boolean})],t.prototype,"sorting",void 0),p([(0,i.property)({type:String})],t.prototype,"nodata",void 0),p([(0,i.property)({type:Boolean})],t.prototype,"stickheader",void 0),p([(0,i.property)({type:String})],t.prototype,"label",void 0),p([(0,i.property)({type:Boolean,attribute:"no-borders"})],t.prototype,"noBorders",void 0),p([(0,i.property)({type:String})],t.prototype,"format",void 0),p([(0,i.property)({type:Array})],t.prototype,"warning",void 0),p([(0,i.property)({type:Array})],t.prototype,"errors",void 0),p([(0,i.internalProperty)()],t.prototype,"sort",void 0),p([(0,i.internalProperty)()],t.prototype,"csvData",void 0),p([(0,i.queryAll)('.md-table__body tr[role="row"]')],t.prototype,"rowTable",void 0),t=p([(0,o.w)("md-table")],t),e.ELEMENT=t}(h||(h={}))},41488:t=>{t.exports=e},60554:e=>{e.exports=a},97822:e=>{e.exports=s}},p={};function c(e){var t=p[e];if(void 0!==t)return t.exports;var r=p[e]={exports:{}};return m[e](r,r.exports,c),r.exports}c.m=m,d=[],c.O=(e,t,r,o)=>{if(!t){var s=1/0;for(n=0;n<d.length;n++){for(var[t,r,o]=d[n],i=!0,a=0;a<t.length;a++)(!1&o||s>=o)&&Object.keys(c.O).every((e=>c.O[e](t[a])))?t.splice(a--,1):(i=!1,o<s&&(s=o));if(i){d.splice(n--,1);var l=r();void 0!==l&&(e=l)}}return e}o=o||0;for(var n=d.length;n>0&&d[n-1][2]>o;n--)d[n]=d[n-1];d[n]=[t,r,o]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8510:0};c.O.j=t=>0===e[t];var t=(t,r)=>{var o,s,[i,a,l]=r,n=0;if(i.some((t=>0!==e[t]))){for(o in a)c.o(a,o)&&(c.m[o]=a[o]);if(l)var d=l(c)}for(t&&t(r);n<i.length;n++)s=i[n],c.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return c.O(d)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var h=c.O(void 0,[7502,1890,6272,6325,6875,2176,6798,9813,1200,2576,3604],(()=>c(40428)));return c.O(h)})()));

package/dist/comp/md-table.js

@@ -1,9 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-9");
-require("../chunks/md-87");
-module.exports = require("../comp/md-table-entry");
+require("../7502"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../2576"),require("../3604"),module.exports=require("../comp/md-table-entry");

package/dist/comp/md-tabs-entry.js

@@ -1 +1,129 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/popper-lite"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("nanoid"),require("sortablejs"),require("lit-html/directives/unsafe-html"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","lit-html/directives/repeat","@popperjs/core/lib/popper-lite","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","nanoid","sortablejs","lit-html/directives/unsafe-html"],r);else{var i="object"==typeof exports?r(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/popper-lite"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("nanoid"),require("sortablejs"),require("lit-html/directives/unsafe-html")):r(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/repeat"],e["@popperjs/core/lib/popper-lite"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e.nanoid,e.sortablejs,e["lit-html/directives/unsafe-html"]);for(var t in i)("object"==typeof exports?exports:e)[t]=i[t]}}(window,(function(e,r,i,t,o,n,l,p,s,u,m,f,c,a,d,b){return function(e){function r(r){for(var t,l,p=r[0],s=r[1],u=r[2],f=0,c=[];f<p.length;f++)l=p[f],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&c.push(o[l][0]),o[l]=0;for(t in s)Object.prototype.hasOwnProperty.call(s,t)&&(e[t]=s[t]);for(m&&m(r);c.length;)c.shift()();return n.push.apply(n,u||[]),i()}function i(){for(var e,r=0;r<n.length;r++){for(var i=n[r],t=!0,p=1;p<i.length;p++){var s=i[p];0!==o[s]&&(t=!1)}t&&(n.splice(r--,1),e=l(l.s=i[0]))}return e}var t={},o={348:0,284:0,285:0,286:0,289:0,290:0,292:0,293:0,294:0,295:0,297:0,299:0,300:0,301:0,302:0,305:0,313:0,314:0,317:0,320:0,322:0,323:0,327:0,328:0,329:0,332:0,333:0,334:0,336:0,339:0,340:0,341:0,342:0,343:0,344:0,345:0,349:0,353:0},n=[];function l(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,l),i.l=!0,i.exports}l.m=e,l.c=t,l.d=function(e,r,i){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:i})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(l.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var t in e)l.d(i,t,function(r){return e[r]}.bind(null,t));return i},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var p=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],s=p.push.bind(p);p.push=r,p=p.slice();for(var u=0;u<p.length;u++)r(p[u]);var m=s;return n.push([107,10,28,0,1,2,3,4,5,7,6,9,8,11,12,13,17,19,21,33,48,88]),i()}({0:function(r,i){r.exports=e},10:function(e,r){e.exports=n},12:function(e,r){e.exports=l},13:function(e,r){e.exports=p},18:function(e,r){e.exports=s},2:function(e,i){e.exports=r},22:function(e,r){e.exports=u},23:function(e,r){e.exports=m},24:function(e,r){e.exports=f},25:function(e,r){e.exports=c},27:function(e,r){e.exports=a},3:function(e,r){e.exports=i},38:function(e,r){e.exports=d},4:function(e,r){e.exports=t},73:function(e,r){e.exports=b},8:function(e,r){e.exports=o}})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("nanoid"),require("sortablejs"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/repeat","lit-html/directives/unsafe-html","nanoid","sortablejs"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("nanoid"),require("sortablejs")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/repeat"],e["lit-html/directives/unsafe-html"],e.nanoid,e.sortablejs);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,a,r,o,l,n,d,h,b,c,p,u,m)=>(()=>{"use strict";var v,f={3001:(e,t,i)=>{i.d(t,{Io:()=>r.I,TS:()=>o.T,UM:()=>a.U,wW:()=>l.w,yC:()=>s.y}),i(18889);var s=i(32972),a=(i(28373),i(70300)),r=i(84624),o=i(68387),l=i(31890)},4863:e=>{e.exports=b},8229:e=>{e.exports=t},16643:(e,t,i)=>{i.d(t,{TAB_CROSS_WIDTH:()=>c});var s=i(90195),a=i(3001),r=i(31890),o=i(26272),l=i(41488),n=i(23968),d=i(97822),h=i(30076),b=function(e,t,i,s){var a,r=arguments.length,o=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};const c=22;var p;!function(e){let t=class extends((0,a.yC)(l.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!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 selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedTab(),this.setAttribute("aria-selected",`${e}`),this.requestUpdate("selected",t)}static get styles(){return[o.A,h.A]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(e){e.stopPropagation(),e.code===s.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",`${this.disabled}`))}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.ariaRole&&this.setAttribute("role",this.ariaRole)}renderCrossButton(){return l.html`
+        <div
+          ?disabled=${this.disabled}
+          tabindex="-1"
+          class="tab-action-button"
+          @click=${e=>this.handleCrossClick(e)}
+          @keydown=${e=>this.handleCrossKeydown(e)}
+        >
+          <md-icon tabindex="0" name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
+        </div>
+      `}render(){return l.html`
+        <button
+          type="button"
+          role="button"
+          ?disabled=${this.disabled}
+          aria-selected="false"
+          aria-label=${(0,d.ifDefined)(this.ariaLabel||void 0)}
+          aria-hidden="true"
+          tabindex="-1"
+          part="tab"
+          class="${(0,n.classMap)({closable:""!==this.closable,pill:"pill"===this.type,rounded:"rounded"===this.type,line:"line"===this.type,primary:"primary"===this.variant,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
+          @click=${e=>this.handleClick(e)}
+        >
+          <slot class="tab-slot"></slot>
+          ${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
+        </button>
+      `}};b([(0,l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([(0,l.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([(0,l.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([(0,l.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([(0,l.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([(0,l.property)({type:String})],t.prototype,"ariaRole",void 0),b([(0,l.property)({type:String})],t.prototype,"type",void 0),b([(0,l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),b([(0,l.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),b([(0,l.property)({type:String})],t.prototype,"variant",void 0),b([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([(0,r.w)("md-tab")],t),e.ELEMENT=t}(p||(p={}))},19239:e=>{e.exports=p},22818:e=>{e.exports=c},22962:e=>{e.exports=l},23968:e=>{e.exports=s},32022:e=>{e.exports=r},40333:e=>{e.exports=i},41488:t=>{t.exports=e},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>g,Tabs:()=>w}),i(61200),i(11323),i(83192);var s=i(90195),a=i(3001),r=i(26272),o=i(41488),l=i(23968),n=i(22818),d=i(8229),h=i(19239),b=i(98199),c=i(41891),p=i.n(c),u=i(97103),m=i(30076),v=i(16643),f=function(e,t,i,s){var a,r=arguments.length,o=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o},y=function(e,t,i,s){return new(i||(i=Promise))((function(a,r){function o(e){try{n(s.next(e))}catch(e){r(e)}}function l(e){try{n(s.throw(e))}catch(e){r(e)}}function n(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,l)}n((s=s.apply(e,t||[])).next())}))};const T="tab-more",g="more-menu-copy-",M="visibleToVisible",I="visibleToHidden",C="hiddenToVisible",E="hiddenToHidden",A="previous",L="next",S="fromMoreTabs";var w;!function(e){let t=class extends((0,a.UM)((0,a.Io)((0,a.TS)(o.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>y(this,void 0,void 0,(function*(){var t,i,s,a,r,o,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case I:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],a=u.slice(-1)[0],r=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(r,0,s),u.pop();const o=p.filter((t=>t.id!==this.getNormalizedTabId(e.item.id)));o.push(a),this.tabsFilteredAsVisibleList=[...o],this.tabsFilteredAsHiddenList=[...u];break}case M:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(a=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===a||a.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(r=this.visibleTabsContainerElement)||void 0===r||r.replaceChild(i,t),null===(o=this.visibleTabsContainerElement)||void 0===o||o.insertBefore(t,i);break}case C:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case E:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex((e=>e.selected));this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map((e=>e.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(g))?`${g}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(g))?`${g}${e.id}`:"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(g,"")}static get styles(){return[r.A,m.A]}ensureTabsUpdateComplete(e){return y(this,void 0,void 0,(function*(){const t=e.map((e=>void 0!==e.updateComplete?e.updateComplete:null)).filter((e=>null!==e));t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+v.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+v.TAB_CROSS_WIDTH:e.offsetWidth))}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e=>e.offsetHeight))}manageOverflow(){return y(this,void 0,void 0,(function*(){var e,t;if("vertical"!==this.direction){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((e=>{var t,i,s,a,r;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(a=null==e?void 0:e.querySelector("slot"))||void 0===a?void 0:a.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(r=null==e?void 0:e.children[0])||void 0===r||r.appendChild(t))}}));const s=i.length;if(this.tabsListElement&&s){const a=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const r=this.measureTabsOffsetWidth(),o=i.reduce(((e,t,i)=>e+r[i]),0);if(o){yield this.setupMoreTab();let e=!0;a<o&&(e=!1);const t=[];let l=0;i.forEach(((i,o)=>{l+=r[o];const n=!e&&l+(o<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:n,tabOffsetWidth:r[o]})})),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach(((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((e=>e.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsFilteredAsHiddenList=i.filter(((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}}this.updateIsMoreTabMenuSelected();const a=this.tabsFilteredAsHiddenList.find((e=>!e.disabled));this.updateHiddenIdPositiveTabIndex(a)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((e=>e.selected))}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const a=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",r=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(a)-this.tabsOrderPrefsArray.indexOf(r)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return y(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`),e.forEach(((e,i)=>{const s=(0,b.nanoid)(10),a="tab_"+s,r="tab_panel_"+s;e.setAttribute("id",a),e.setAttribute("aria-controls",r),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const o=t[i];o?(o.setAttribute("id",r),o.setAttribute("aria-labelledby",a),o.selected=this.selected===i,e.disabled&&(o.hidden=!0,o.selected=!1)):e.disabled=!0}));let i=this.selected;for(;i<e.length&&e[i].disabled;)i++;i=i===e.length?0:i,e[i].selected=!0,t[i].selected=!0,this.tabsHash=this.tabs.reduce(((e,t)=>(e[t.id]=t,e)),{}),this.tabsIdxHash=this.tabs.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){const t=Object.create(null,{handleResize:{get:()=>super.handleResize}});return y(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow(),this.updateIsMoreTabTruncated()}))}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?I:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?M:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?C:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?E:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e))),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex((e=>e.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}toggleSelectedAttribute(e,t){if(null==e||e.toggleAttribute("selected"),null==t||t.toggleAttribute("selected"),e){const t=this.tabsCopyHash[this.getCopyTabId(e)];t?(t.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&i&&[s,e].forEach((e=>{e>=0&&this.toggleSelectedAttribute(t[e],i[e])})),e>=0){this.dispatchSelectedChangedEvent(e);const i=this.currentTabsLayout.findIndex((i=>i.id===t[e].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id,s=t.findIndex((e=>e.id===i)),a=[];t.forEach((e=>{a.push(e.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:a},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then((()=>{var t,i;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[e];this.moveFocusToTab(t);const s=this.tabsFilteredAsHiddenList[e];!(null==s?void 0:s.disabled)&&this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${e}`)}getCurrentIndex(e){var t,i,s;const a=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<a;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s;const a=this.getCurrentIndex(e),r=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children,o=null!==(s=null==r?void 0:r.length)&&void 0!==s?s:0;if(!r||0===o)return;let l=0;t===A?l=0===a?o-1:a-1:t===L?l=a===o-1?0:a+1:t===S&&(l=this.selected>=o?0:this.selected),this.moveFocusToTab(r[l])}moveFocusToTab(e){(0,u.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,a,r,o,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find((e=>e.id===(null==d?void 0:d.id))))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===T,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,M=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,S));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(a=this.tabsFilteredAsVisibleList)||void 0===a?void 0:a.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[(null===(o=this.tabsFilteredAsHiddenList)||void 0===o?void 0:o.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||v&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,A));break;case s.Uz.ArrowRight:u||v&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,L));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?y:this.selected-1);else if(f){e.preventDefault();const t=this.selected===g?M:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===y?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===M?g:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){const e=this.tabsFilteredAsHiddenList.filter((e=>!e.disabled)),t=e.length?e.find((e=>e.selected))||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map((e=>e.name))}setupMoreTab(){return y(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=p().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=p().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}updated(e){var t;if(super.updated(e),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((e,t)=>(e[t.id]=t,e)),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((e,t)=>e+t),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated()}render(){return o.html`
+        <div
+          part="tabs-list"
+          class="md-tab__list ${(0,l.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"no-tabs-visible":this.noTabsVisible,"vertical-tab-list":"vertical"===this.direction,"tab-new-momentum":this.newMomentum})}"
+          role="tablist"
+        >
+          <slot
+            name="tab"
+            class="${(0,l.classMap)({"visible-tabs-slot":"horizontal"===this.direction})}"
+          ></slot>
+          <div
+            id="visible-tabs-list"
+            class="visible-tabs-container ${(0,l.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"visible-new-tabs":this.newMomentum})}"
+          >
+            ${(0,n.repeat)(this.tabsFilteredAsVisibleList,(()=>(0,b.nanoid)(10)),(e=>o.html`
+                <md-tab
+                  .closable="${e.closable}"
+                  .disabled="${e.disabled}"
+                  .selected="${e.selected}"
+                  name="${e.name}"
+                  id="${this.getCopyTabId(e)}"
+                  aria-label=${e.ariaLabel}
+                  aria-controls="${this.getAriaControlId(e)}"
+                  .isCrossVisible=${!0}
+                  tabIndex="${this.getTabIndex(e)}"
+                  .newMomentum=${this.newMomentum}
+                  variant=${this.variant}
+                  type=${this.type}
+                  .onlyIcon="${e.onlyIcon}"
+                >
+                  ${(0,h.unsafeHTML)(e.innerHTML)}
+                </md-tab>
+              `))}
+          </div>
+
+          <md-menu-overlay
+            custom-width="${"226px"}"
+            max-height="${"288px"}"
+            class="md-menu-overlay__more ${(0,l.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
+            placement="bottom-end"
+            @menu-overlay-open="${()=>this.isMoreTabMenuOpen=!0}"
+            @menu-overlay-close="${()=>this.isMoreTabMenuOpen=!1}"
+          >
+            <md-tab
+              slot="menu-trigger"
+              id="${T}"
+              aria-label="${this.overflowLabel}"
+              aria-haspopup="true"
+              tabindex="${this.isMoreTabMenuVisible?0:-1}"
+              .selected=${!!this.isMoreTabMenuVisible&&this.isMoreTabMenuSelected}
+              class="md-menu-overlay__more_tab ${(0,l.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
+              ariaRole="button"
+              .newMomentum=${this.newMomentum}
+              type=${this.type}
+            >
+              <md-tooltip placement="top" message=${this.overflowLabel} ?disabled=${!this.isMoreTabTruncated}>
+                <span class="md-menu-overlay__overflow-label">${this.overflowLabel}</span>
+              </md-tooltip>
+              <md-icon
+                name="${this.isMoreTabMenuOpen?"arrow-up-bold":"arrow-down-bold"}"
+                iconSet="momentumDesign"
+                size="16"
+                class="more-icon"
+              ></md-icon>
+            </md-tab>
+            <div
+              id="tabs-more-list"
+              part="tabs-more-list"
+              class="md-tab__list md-menu-overlay__more_list"
+              style="${(0,d.styleMap)(this.isMoreTabMenuScrollable&&this.moreTabMenuMaxHeight?{"overflow-y":"auto",height:this.moreTabMenuMaxHeight,"max-height":this.moreTabMenuMaxHeight}:{})}"
+            >
+              ${(0,n.repeat)(this.tabsFilteredAsHiddenList,(()=>(0,b.nanoid)(10)),(e=>o.html`
+                  <md-tab
+                    slot="draggable-item"
+                    .disabled="${e.disabled}"
+                    .selected="${e.selected}"
+                    name="${e.name}"
+                    id="${this.getCopyTabId(e)}"
+                    aria-label=${e.ariaLabel}
+                    aria-controls="${this.getAriaControlId(e)}"
+                    @click="${()=>this.handleOverlayClose()}"
+                    tabIndex="${this.tabHiddenIdPositiveTabIndex===e.id?0:-1}"
+                    ariaRole="menuitem"
+                    .newMomentum=${this.newMomentum}
+                    type=${this.type}
+                    .onlyIcon="${e.onlyIcon}"
+                  >
+                    ${(0,h.unsafeHTML)(e.innerHTML)}
+                  </md-tab>
+                `))}
+            </div>
+          </md-menu-overlay>
+          <div class="md-tabs__settings" part="md-tabs__settings">
+            <slot name="settings"></slot>
+          </div>
+        </div>
+        <div
+          part="tabs-content"
+          class="md-tab__content ${(0,l.classMap)({"no-tabs-visible":this.noTabsVisible})}"
+        >
+          <slot name="panel"></slot>
+        </div>
+      `}};f([(0,o.property)({type:Boolean})],t.prototype,"justified",void 0),f([(0,o.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),f([(0,o.property)({type:String})],t.prototype,"overflowLabel",void 0),f([(0,o.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),f([(0,o.property)({type:String})],t.prototype,"direction",void 0),f([(0,o.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),f([(0,o.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),f([(0,o.property)({type:Number})],t.prototype,"delay",void 0),f([(0,o.property)({type:Number})],t.prototype,"animation",void 0),f([(0,o.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),f([(0,o.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),f([(0,o.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),f([(0,o.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),f([(0,o.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),f([(0,o.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),f([(0,o.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),f([(0,o.property)({type:String})],t.prototype,"type",void 0),f([(0,o.property)({type:Boolean})],t.prototype,"newMomentum",void 0),f([(0,o.property)({type:String})],t.prototype,"variant",void 0),f([(0,o.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),f([(0,o.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),f([(0,o.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),f([(0,o.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),f([(0,o.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),f([(0,o.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),f([(0,o.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),f([(0,o.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),f([(0,o.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),f([(0,o.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),f([(0,o.internalProperty)()],t.prototype,"noTabsVisible",void 0),f([(0,o.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),f([(0,o.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),f([(0,o.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),f([(0,o.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),f([(0,o.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),f([(0,o.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),f([(0,o.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),f([(0,o.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),f([(0,o.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),f([(0,o.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),f([(0,o.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),f([(0,o.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),f([(0,o.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=f([(0,a.wW)("md-tabs")],t),e.ELEMENT=t}(w||(w={}))},60554:e=>{e.exports=o},68250:e=>{e.exports=d},69371:e=>{e.exports=h},84157:e=>{e.exports=n},97822:e=>{e.exports=a},98199:e=>{e.exports=u}},y={};function T(e){var t=y[e];if(void 0!==t)return t.exports;var i=y[e]={exports:{}};return f[e].call(i.exports,i,i.exports,T),i.exports}T.m=f,v=[],T.O=(e,t,i,s)=>{if(!t){var a=1/0;for(n=0;n<v.length;n++){for(var[t,i,s]=v[n],r=!0,o=0;o<t.length;o++)(!1&s||a>=s)&&Object.keys(T.O).every((e=>T.O[e](t[o])))?t.splice(o--,1):(r=!1,s<a&&(a=s));if(r){v.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=v.length;n>0&&v[n-1][2]>s;n--)v[n]=v[n-1];v[n]=[t,i,s]},T.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return T.d(t,{a:t}),t},T.d=(e,t)=>{for(var i in t)T.o(t,i)&&!T.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},T.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),T.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),T.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1528:0,2139:0,3001:0,5382:0,7763:0};T.O.j=t=>0===e[t];var t=(t,i)=>{var s,a,[r,o,l]=i,n=0;if(r.some((t=>0!==e[t]))){for(s in o)T.o(o,s)&&(T.m[s]=o[s]);if(l)var d=l(T)}for(t&&t(i);n<r.length;n++)a=r[n],T.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return T.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var g=T.O(void 0,[7502,7103,1890,6272,6325,6875,2176,6798,9813,1200,8889,591,195,6677,6366,2243,7251,1323,76,3192,3625,754,7919],(()=>T(50226)));return T.O(g)})()));

package/dist/comp/md-tabs.js

@@ -1,22 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-28");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-6");
-require("../chunks/md-9");
-require("../chunks/md-8");
-require("../chunks/md-11");
-require("../chunks/md-12");
-require("../chunks/md-13");
-require("../chunks/md-17");
-require("../chunks/md-19");
-require("../chunks/md-21");
-require("../chunks/md-33");
-require("../chunks/md-48");
-require("../chunks/md-88");
-module.exports = require("../comp/md-tabs-entry");
+require("../7502"),require("../7103"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../8889"),require("../591"),require("../195"),require("../6677"),require("../6366"),require("../2243"),require("../7251"),require("../1323"),require("../76"),require("../3192"),require("../3625"),require("../754"),require("../7919"),module.exports=require("../comp/md-tabs-entry");