@momentum-ui/web-components 2.5.4 → 2.5.7

package/dist/chunks/md-75.js

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

package/dist/chunks/md-76.js

@@ -1,179 +0,0 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[76],{99:function(e,t,r){"use strict";r.r(t),r.d(t,"TableAdvanced",(function(){return w}));r(17),r(15),r(32);var o=r(5),i=r(34),a=r(4),l=r(0),d=r(2),s=r(3),n=r(6),c=r(80),h=r(31),p=r.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:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:2.5rem;max-width:0;padding:0 calc(.375rem);position:relative;text-align:left}thead th .filter{display:inline-block;height:auto;margin-top:calc(.25rem / 2)}thead th .resize{background-color:transparent;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: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:transparent;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,r,o){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 r=e.descriptor.value,o=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,r,e,o)},e.descriptor}({target:t,key:r,descriptor:o},(function(t,r){clearTimeout(i),i=window.setTimeout(()=>{clearTimeout(i),t.apply(this,r)},e)}))}}class m{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 u=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 r=u.get(t);if(void 0!==r&&e.template===r.template&&t.value===r.fragment)return;const o=document.importNode(e.template.content,!0);e.cb({content:e.content,row:e.row,col:e.col,insertIndex:e.insertIndex,fragment:o}),t.setValue(o),u.set(t,{template:e.template,fragment:o})});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 x=function(e,t,r,o){var i,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,o);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(l=(a<3?i(l):a>3?i(t,r,l):i(t,r))||l);return a>3&&l&&Object.defineProperty(t,r,l),l};const y=document.createElement("img");var w;y.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",function(e){let t=class extends(Object(i.a)(l.LitElement)){constructor(){super(...arguments),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 r;if(-1!=this.dragCol||-1!=this.dragRow)return;this.isResizing=!0;const o=e.target;null===(r=e.dataTransfer)||void 0===r||r.setDragImage(y,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 r=l-a;d=p-r,s=b+r,t.width=d+"px",n.width=s+"px",this.updCols()}},m=e=>this.eX=e.x,u=()=>{this.isResizing=!1,o.removeEventListener("drag",g),o.removeEventListener("dragend",u),document.removeEventListener("dragover",m)};o.addEventListener("drag",g),o.addEventListener("dragend",u),document.addEventListener("dragover",m)}}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 r=(e,r)=>{var o,i,a,l;const d=e.filters||(null===(i=null===(o=this.tableConfig.default)||void 0===o?void 0:o.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:r,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=>r(t,{name:e.groupName,length:e.children.length})):r(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,r)=>{const o=t.length;o!=e&&(this.error=`DATA ERROR: Total number of cols (=${e}) and data[${r}] 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,r)=>{t.forEach((t,o)=>{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:o,row:r,content:s,insertIndex:a})),this.ROWS[r][o]={text:s,template:{template:d,templateCb:l.templateCb,insertIndex:"replace"==l.contentUse?-1:a}};break}}})})}setDefaultFilterAndSort(){var e,t;const r=null===(e=this.tableConfig.default)||void 0===e?void 0:e.sort;if(r){const e=this.COLS.find(e=>e.options.id==r.colId);e?this.sort(e,r.order):console.warn(`Cant find ${r.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],r=e.group,o=t.group,i=e.index,a=t.index;e.group=o,t.group=r,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],r=e[this.dropCol];e[this.dragCol]=r,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(r=>{r.options.id==e.options.id?r.sort=t||("default"==r.sort?"ascending":"ascending"==r.sort?"descending":"default"):r.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(),r=e.filter.list[e.filter.selectedIndex];e.filter.active=!!t,this.requestUpdate(),t?this["md-table-advanced-change"].emit({type:"filter-on",filter:r,input:t}):this["md-table-advanced-change"].emit({type:"filter-off",filter:e.filter.list[e.filter.selectedIndex]})}selectRow(e){var t;const r=e.row.idx,o=this.selected.hasOwnProperty(r);"multiple"==(null===(t=this.tableConfig.rows)||void 0===t?void 0:t.selectable)?(e.metaKey?o?delete this.selected[r]:this.selected[r]=!0:e.shiftKey||(this.selected={[r]:!0}),this["md-table-advanced-change"].emit({type:"multi-select",rows:Object.keys(this.selected).map(e=>+e)})):o?this.clearSelection():(this.selected={[r]:!0},this["md-table-advanced-change"].emit({type:"select",index:r})),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}
-                  </caption>
-                `:d.nothing}
-            ${this.renderHead()} ${this.renderBody()}
-          </table>
-        </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 r=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} ${r}
-        </thead>
-      `}renderCol(e,t){var r,o;const i=null===(o=null===(r=e.filter)||void 0===r?void 0:r.list[e.filter.selectedIndex])||void 0===o?void 0:o.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"
-          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,r)=>l.html`
-                              <option value=${r} ?selected=${e.filter.selectedIndex==r}>${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 r;for(let o=0;o<t;o++){const t=this.COLS[o];if(null===(r=t.filter)||void 0===r?void 0:r.active){if(!t.filter.list[t.filter.selectedIndex].predicate(e.cells[o].text,t.filter.input))return!1}}return!0});const r=this.COLS.find(e=>"default"!=e.sort);if(r){const t=this.ROWS.map((e,t)=>({v:e[r.index].text,i:t})),o="ascending"==r.sort?1:-1;let i=[];if("byNumber"==r.sorter)i=t.sort((e,t)=>1==o?+e.v-+t.v:+t.v-+e.v);else if("byString"==r.sorter)i=t.sort((e,t)=>e.v==t.v?0:e.v>t.v?o:-o);else if("function"==typeof r.sorter){const e=r.sorter;i=t.sort((t,r)=>e(t.v,r.v,o))}e=i.map(t=>e[t.i])}const o=this.COLS.find(e=>e.isCollapsable);if(o){const t=o.index,r=e.reduce((e,r)=>{const o=r.cells[t].text,i=e.find(e=>e.key==o);return i?(r.collapse="child",i.children.push(r)):e.push({key:o,root:r,children:[]}),e},[]);e=[],r.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:r})=>{e.splice(r,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 r=e.length,o=t.children.length>0&&"expanded"==t.collapse&&!t.isGhost;return l.html`
-              ${this.renderRow(t,r)} ${o?t.children.map(e=>this.renderRow(e,r)):d.nothing}
-            `})}
-        </tbody>
-      `}renderRow(e,t){const r=this.selected.hasOwnProperty(e.idx),o=Object(s.classMap)({selected:r,selectable:this.isSelectable&&!r,ghost:e.isGhost});return l.html`
-        <tr
-          class=${o}
-          tabindex="0"
-          part=${e.first?"first-row":"row"}
-          @click=${({shiftKey:t,metaKey:r})=>{this.isSelectable&&this.selectRow({row:e,shiftKey:t,metaKey:r})}}
-        >
-          ${e.cells.map((r,o)=>{var i;const a=this.COLS[o];let s=r.text;const n=r.template;n&&(s=n.templateCb?l.html`
-                    ${f({cb:n.templateCb,insertIndex:n.insertIndex,template:n.template,content:r.text,row:e.idx,col:o})}
-                  `:l.html`
-                    ${Object(c.templateContent)(n.template)}
-                  `,-1!=n.insertIndex&&(s=l.html`
-                  ${n.insertIndex>0?r.text.substring(0,n.insertIndex):d.nothing} ${s}
-                  ${n.insertIndex<r.text.length-1?r.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==o,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 r=e.idxDrag+1;this.dropRow=r<t?r: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="${r.text}">${g}</th>
-                `:l.html`
-                  <td part=${0===o?"first-cell":"cell"} title="${r.text}">${g}</td>
-                `})}
-        </tr>
-      `}static get styles(){return[a.a,b]}};x([Object(l.property)({attribute:"config"})],t.prototype,"config",void 0),x([Object(l.property)({attribute:"data"})],t.prototype,"data",void 0),x([(e,t)=>{const r={get(){return new m(this,void 0!==t?t:e.key)},enumerable:!0,configurable:!0};return void 0!==t?Object.defineProperty(e,t,r):{kind:"method",placement:"prototype",key:e.key,descriptor:r}}],t.prototype,"md-table-advanced-change",void 0),x([Object(l.internalProperty)()],t.prototype,"tableConfig",void 0),x([Object(l.internalProperty)()],t.prototype,"tableData",void 0),x([Object(l.internalProperty)()],t.prototype,"error",void 0),x([Object(l.internalProperty)()],t.prototype,"COLS",void 0),x([Object(l.internalProperty)()],t.prototype,"ROWS",void 0),x([Object(l.internalProperty)()],t.prototype,"dragRow",void 0),x([Object(l.internalProperty)()],t.prototype,"dropRow",void 0),x([Object(l.internalProperty)()],t.prototype,"drops",void 0),x([Object(l.internalProperty)()],t.prototype,"dragCol",void 0),x([Object(l.internalProperty)()],t.prototype,"dropCol",void 0),x([Object(l.queryAll)("tr[tabindex]")],t.prototype,"tableRaws",void 0),x([g(500)],t.prototype,"filter",null),t=x([Object(o.a)("md-table-advanced")],t),e.ELEMENT=t}(w||(w={}))}}]);

package/dist/chunks/md-77.js

@@ -1,39 +0,0 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[77],{118:function(t,e,r){"use strict";r.r(e),r.d(e,"formatType",(function(){return h})),r.d(e,"Table",(function(){return m}));var o=r(4),a=r(5),l=r(0),d=r(31),s=r.n(d),i=r(13),n=l.css`.md-table-container{width:100%}.md-table-container_stickly{height:100%;overflow-y:auto;position:relative}.md-table-container_stickly .md-table__header tr{background-color:transparent}.md-table-container_stickly .md-table__header th{background-color:var(--table-header-bg-color,#f7f7f7);position:sticky;top:0}.md-table-container_stickly .md-table__header th:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table{border:1px solid var(--table-border-color,#dedede);border-collapse:collapse;width:100%}.md-table .md-table__header tr{background-color:var(--table-header-bg-color,#f7f7f7)}.md-table .md-table__header th{border-bottom:1px solid var(--table-border-color,#dedede);border-right:1px solid var(--table-border-color,#dedede);color:var(--table-text-color,#545454);font-size:12px;font-weight:700;padding-left:calc(.25rem * 3);text-align:left}.md-table .md-table__header th:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table .md-table__header th:active{background-color:var(--table-pressed-bg-color,#dedede)}.md-table .md-table__header th a{color:var(--table-text-color,#545454)}.md-table .md-table__header th a.sortedAbc:after{content:"\\f1cc";display:inline-block;font-family:momentum-ui-icons;padding-left:.25rem;vertical-align:bottom}.md-table .md-table__header th a.sortedZyx:after{content:"\\f1cf";display:inline-block;font-family:momentum-ui-icons;padding-left:.25rem;vertical-align:bottom}.md-table .md-table__body tr{height:2.5rem}.md-table .md-table__body tr:hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table .md-table__body tr:active{background-color:var(--table-pressed-bg-color,#dedede)}.md-table .md-table__body td{font-size:14px;min-width:calc(2.5rem * 3.2);padding-left:calc(.25rem * 3);vertical-align:middle}.md-table .md-table__body td span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:calc(.25rem * 6);width:calc(100% - .25rem)}.md-table .md-table__body td md-icon{padding-left:.25rem;vertical-align:bottom}.md-table .md-table__body td:last-child span{width:auto}.md-table tr{height:2.5rem}.md-table tr td{border-bottom:1px solid var(--table-border-color,#dedede);border-right:1px solid var(--table-border-color,#dedede);vertical-align:top}.md-table--stripped .md-table__body tr:nth-child(even){background-color:var(--table-stripped-bg-color,#ededed)}.md-table--stripped .md-table__body tr:nth-child(even):hover{background-color:var(--table-hover-bg-color,#ededed)}.md-table--clean tr td{border-right:unset}.md-table--no-borders{border:unset}.md-table--no-borders .md-table__header th,.md-table--no-borders tr td{border-bottom:unset;border-right:unset}`,c=r(2),b=function(t,e,r,o){var a,l=arguments.length,d=l<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(d=(l<3?a(d):l>3?a(e,r,d):a(e,r))||d);return l>3&&d&&Object.defineProperty(e,r,d),d};const h=["number","default"];var m;!function(t){let e=class extends l.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,download:!1}}connectedCallback(){super.connectedCallback(),this.results=s.a.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 t=this.rowTable;null==t||t.forEach((t,e)=>{this.warning.forEach(r=>{if(e+1===r.row){t.querySelectorAll('td[role="cell"').forEach((t,e)=>{e+1===r.col&&(t.classList.add("warning"),t.insertAdjacentHTML("beforeend",'<md-icon name="warning_24" color="yellow"></md-icon>'))})}}),this.errors.forEach(r=>{if(e+1===r.row){t.querySelectorAll('td[role="cell"').forEach((t,e)=>{e+1===r.col&&(t.classList.add("error"),t.insertAdjacentHTML("beforeend",'<md-icon name="error_24" color="red"></md-icon>'))})}})})}sortTab(t,e){const r=t.target,o=Array.from(this.csvData),a=this.headerRow.indexOf(e);e!==this.sort.columnName||!0!==this.sort.sortting?(o.sort((function(t,e){const r=t[a].toLowerCase(),o=e[a].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=e,this.csvData=o,this.requestUpdate("csvData")}update(t){super.update(t),t.has("tabledata")&&(this.results=s.a.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[o.a,n]}get tableClassMap(){return{"md-table--clean":this.clean,"md-table--no-borders":this.noBorders,"md-table--stripped":this.zebra,"md-table--sorting":this.sorting}}render(){return l.html`
-        <div class=${"md-table-container "+(this.stickheader?"md-table-container_stickly":c.nothing)}>
-          ${0!=this.csvData.length?l.html`
-                <table
-                  class="md-table ${Object(i.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(t=>l.html`
-                            <th role="columnheader">
-                              ${this.sorting?l.html`
-                                    <a @click=${e=>this.sortTab(e,t)}>${t}</a>
-                                  `:l.html`
-                                    ${t}
-                                  `}
-                            </th>
-                          `)}
-                    </tr>
-                  </thead>
-                  <tbody class="md-table__body" role="rowgroup">
-                    ${this.csvData.map((t,e)=>l.html`
-                          <tr tabindex="0" role="row" part=${0===e?"first-row":"row"}>
-                            ${t.map((t,e)=>{const r="number"===this.format&&0!==e?Number(t).toLocaleString():t;return l.html`
-                                <td part=${0===e?"left-cell":"cell"} role="cell">
-                                  <span>${r}</span>
-                                </td>
-                              `})}
-                          </tr>
-                        `)}
-                  </tbody>
-                </table>
-              `:l.html`
-                <p>${this.nodata}</p>
-              `}
-        </div>
-      `}};b([Object(l.property)({type:String})],e.prototype,"tabledata",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"zebra",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"clean",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"sorting",void 0),b([Object(l.property)({type:String})],e.prototype,"nodata",void 0),b([Object(l.property)({type:Boolean})],e.prototype,"stickheader",void 0),b([Object(l.property)({type:String})],e.prototype,"label",void 0),b([Object(l.property)({type:Boolean,attribute:"no-borders"})],e.prototype,"noBorders",void 0),b([Object(l.property)({type:String})],e.prototype,"format",void 0),b([Object(l.property)({type:Array})],e.prototype,"warning",void 0),b([Object(l.property)({type:Array})],e.prototype,"errors",void 0),b([Object(l.internalProperty)()],e.prototype,"sort",void 0),b([Object(l.internalProperty)()],e.prototype,"csvData",void 0),b([Object(l.queryAll)('.md-table__body tr[role="row"]')],e.prototype,"rowTable",void 0),e=b([Object(a.a)("md-table")],e),t.ELEMENT=e}(m||(m={}))}}]);

package/dist/chunks/md-78.js

@@ -1,85 +0,0 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[78],{97:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_TAB_COPY_ID_PREFIX",(function(){return f})),i.d(t,"Tabs",(function(){return y}));i(15),i(32);var s=i(1),a=i(7),d=i(4),n=i(0),l=i(3),r=i(14),o=i(9),b=i(65),h=i(22),c=i(30),p=i.n(c),u=i(37),m=i(41),v=function(e,t,i,s){var a,d=arguments.length,n=d<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(n=(d<3?a(n):d>3?a(t,i,n):a(t,i))||n);return d>3&&n&&Object.defineProperty(t,i,n),n},T=function(e,t,i,s){return new(i||(i=Promise))((function(a,d){function n(e){try{r(s.next(e))}catch(e){d(e)}}function l(e){try{r(s.throw(e))}catch(e){d(e)}}function r(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,l)}r((s=s.apply(e,t||[])).next())}))};const f="more-menu-copy-";var y;!function(e){let t=class extends(Object(a.c)(Object(a.d)(Object(a.e)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.overlowLabel="More",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",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.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>T(this,void 0,void 0,(function*(){var t,i,s,a,d,n,l,r;e.stopPropagation();const o=e.oldIndex,b=e.newIndex,h=[...this.tabsFilteredAsVisibleList],c=[...this.tabsFilteredAsHiddenList],p=this.getDragDirection(e);if(void 0!==o&&void 0!==b){switch(p){case"visibleToHidden":{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=h[o],a=c.slice(-1)[0],d=b===this.tabsFilteredAsHiddenList.length?b-1:b;c.splice(d,0,s),c.pop();const n=h.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));n.push(a),this.tabsFilteredAsVisibleList=[...n],this.tabsFilteredAsHiddenList=[...c];break}case"visibleToVisible":{const e=h[o];h.splice(o,1),h.splice(b,0,e),this.tabsFilteredAsVisibleList=h,b===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());break}case"hiddenToVisible":{null===(n=null===(d=this.visibleTabsContainerElement)||void 0===d?void 0:d.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=c[o],i=h.slice(-1)[0];c.splice(o,1),c.splice(0,0,i);const s=b===this.tabsFilteredAsVisibleList.length?b-1:b;h.splice(s,0,t),h.pop(),this.tabsFilteredAsVisibleList=h,this.tabsFilteredAsHiddenList=c;break}case"hiddenToHidden":{const e=c[o];c.splice(o,1),c.splice(b,0,e),this.tabsFilteredAsHiddenList=c,b===this.tabsFilteredAsHiddenList.length-1&&(null===(r=null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[this.hiddenTabsContainerElement.children.length-1])||void 0===r||r.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(","))}}}))}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}}getCopyTabId(e){var t;return!1===(null===(t=e.id)||void 0===t?void 0:t.startsWith(f))?`${f}${e.id}`:e.id}getNormalizedTabId(e){return e.replace(f,"")}static get styles(){return[d.a,u.a]}ensureTabsUpdateComplete(e){return T(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,t)=>{e.setAttribute("measuringrealwidth","");const i=e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),i}):this.tabs.map((e,t)=>e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth)}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e,t)=>e.offsetHeight)}manageOverflow(){var e,t;return T(this,void 0,void 0,(function*(){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,d;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===(d=null==e?void 0:e.children[0])||void 0===d||d.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 d=this.measureTabsOffsetWidth(),n=i.reduce((e,t,i)=>e+=d[i],0);if(n){yield this.setupMoreTab();let e=!0;a<n&&(e=!1);const t=[];let l=0;i.forEach((i,n)=>{l+=d[n];const r=!e&&l+(n<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:r,tabOffsetWidth:d[n]})}),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)=>{const i=e.getAttribute("name")||"",s=t.getAttribute("name")||"";return this.tabsOrderPrefsArray.indexOf(i)-this.tabsOrderPrefsArray.indexOf(s)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return T(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="tab_"+Object(h.nanoid)(10);e.setAttribute("id",s),e.setAttribute("aria-controls",s),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const a=t[i];a?(a.setAttribute("id",s),a.setAttribute("aria-labelledby",s),a.selected=this.selected===i,e.disabled&&(a.hidden=!0,a.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 T(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow()}))}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"visibleToHidden":e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?"visibleToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?"hiddenToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"hiddenToHidden":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){var t,i;const{id:s}=e.detail,a=this.tabsHash[this.getNormalizedTabId(s)];if(a&&!a.disabled&&"auto"===a.closable){const e=this.tabsFilteredAsVisibleList.findIndex(e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(s));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(s)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+s))||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(e)}}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()}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(t&&i&&[s,e].forEach(e=>{const s=t[e];s&&s.toggleAttribute("selected");const a=i[e];if(a&&a.toggleAttribute("selected"),s){const e=this.tabsCopyHash[this.getCopyTabId(s)];e?(e.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}),e>=0){this.dispatchSelectedChangedEvent(e);const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList].findIndex(i=>i.id===t[e].id);this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],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,s,a;if(e<this.tabsFilteredAsVisibleList.length)null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected])||void 0===i||i.focus();else{const e=this.selected-this.tabsFilteredAsVisibleList.length;null===(a=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e])||void 0===a||a.focus();const t=this.tabsFilteredAsHiddenList[e];!(null==t?void 0:t.disabled)&&this.updateHiddenIdPositiveTabIndex(t)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,""+e)}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){const t=e.path?e.path[0].id:e.originalTarget.id,i=this.getNormalizedTabId(t);this.dispatchKeydownEvent(e,i);const a=e.code,{shiftKey:d}=e,n=!!this.isMoreTabMenuVisible&&"tab-more"===i,l=n&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(i)],r=!this.isMoreTabMenuVisible||l&&this.tabsVisibleIdxHash[l.id]>-1,o=!!this.isMoreTabMenuVisible&&(l&&this.tabsHiddenIdxHash[l.id]>-1),b=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,h=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,c=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(a){case s.a.Tab:n&&!this.isMoreTabMenuOpen&&d&&(e.preventDefault(),this.changeSelectedTabIdx(b));break;case s.a.End:n||(r?this.changeSelectedTabIdx(b):o&&this.changeSelectedTabIdx(c));break;case s.a.Home:n||r?this.changeSelectedTabIdx(0):o&&this.changeSelectedTabIdx(h);break;case s.a.ArrowLeft:n||r&&(e.stopPropagation(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1));break;case s.a.ArrowRight:n||r&&(e.stopPropagation(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1));break;case s.a.ArrowUp:if(n);else if(r&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1);else if(o){e.preventDefault();const t=this.selected===h?c:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.a.ArrowDown:if(n);else if(r&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1);else if(o){e.preventDefault();const t=this.selected===c?h:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.a.Enter:case s.a.Space:if(n){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.find(e=>e.selected)||e.length?e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(l&&!l.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(l.id)];-1!==e&&this.updateSelectedTab(e)}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),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("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 T(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.a.create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=p.a.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.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList];i.length&&i[t].id?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()}render(){return n.html`
-        <div
-          part="tabs-list"
-          class="md-tab__list ${Object(l.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"no-tabs-visible":this.noTabsVisible})}"
-          role="tablist"
-        >
-          <slot
-            name="tab"
-            class="${Object(l.classMap)({"visible-tabs-slot":"horizontal"===this.direction})}"
-          ></slot>
-          <div
-            id="visible-tabs-list"
-            class="visible-tabs-container ${Object(l.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible})}"
-          >
-            ${Object(r.repeat)(this.tabsFilteredAsVisibleList,e=>Object(h.nanoid)(10),e=>{var t;return n.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="${e.id}"
-                  .isCrossVisible=${!0}
-                  tabIndex="${(null===(t=this.tabsFilteredAsVisibleList[this.selected])||void 0===t?void 0:t.id)===e.id?0:-1}"
-                >
-                  ${Object(b.unsafeHTML)(e.innerHTML)}
-                </md-tab>
-              `})}
-          </div>
-
-          <md-menu-overlay
-            custom-width="${"226px"}"
-            max-height="${"288px"}"
-            class="md-menu-overlay__more ${Object(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="${"tab-more"}"
-              aria-label="${this.overlowLabel}"
-              aria-haspopup="true"
-              tabindex="${this.isMoreTabMenuVisible?0:-1}"
-              .selected=${!!this.isMoreTabMenuVisible&&this.isMoreTabMenuSelected}
-              class="md-menu-overlay__more_tab ${Object(l.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
-            >
-              <span class="md-menu-overlay__overflow-label">${this.overlowLabel}</span>
-              <md-icon name="${this.isMoreTabMenuOpen?"arrow-up_16":"arrow-down_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="${Object(o.styleMap)(this.isMoreTabMenuScrollable&&this.moreTabMenuMaxHeight?{"overflow-y":"auto",height:this.moreTabMenuMaxHeight,"max-height":this.moreTabMenuMaxHeight}:{})}"
-            >
-              ${Object(r.repeat)(this.tabsFilteredAsHiddenList,e=>Object(h.nanoid)(10),e=>n.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="${e.id}"
-                    @click="${()=>this.handleOverlayClose()}"
-                    tabIndex="${this.tabHiddenIdPositiveTabIndex===e.id?0:-1}"
-                  >
-                    ${Object(b.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 ${Object(l.classMap)({"no-tabs-visible":this.noTabsVisible})}"
-        >
-          <slot name="panel"></slot>
-        </div>
-      `}};v([Object(n.property)({type:Boolean})],t.prototype,"justified",void 0),v([Object(n.property)({type:String})],t.prototype,"overlowLabel",void 0),v([Object(n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),v([Object(n.property)({type:String})],t.prototype,"direction",void 0),v([Object(n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),v([Object(n.property)({type:Number})],t.prototype,"delay",void 0),v([Object(n.property)({type:Number})],t.prototype,"animation",void 0),v([Object(n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),v([Object(n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),v([Object(n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),v([Object(n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),v([Object(n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),v([Object(n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),v([Object(n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),v([Object(n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),v([Object(n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),v([Object(n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),v([Object(n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),v([Object(n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),v([Object(n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),v([Object(n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),v([Object(n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),v([Object(n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),v([Object(n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),v([Object(n.internalProperty)()],t.prototype,"noTabsVisible",void 0),v([Object(n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),v([Object(n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),v([Object(n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),v([Object(n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),v([Object(n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),v([Object(n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),v([Object(n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),v([Object(n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),v([Object(n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),v([Object(n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),v([Object(n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),v([Object(n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=v([Object(a.f)("md-tabs")],t),e.ELEMENT=t}(y||(y={}))}}]);

package/dist/chunks/md-79.js

@@ -1,104 +0,0 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[79],{119:function(t,e,i){"use strict";i.r(e),i.d(e,"TaskItem",(function(){return a}));i(49),i(15);var a,o=i(5),s=i(4),n=i(0),m=i(2),r=i(3),c=n.css`:host{width:100%}.md-taskitem{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:stretch;border-radius:.5rem;color:var(--md-secondary-text-color);cursor:pointer;margin-bottom:4px;min-height:5rem;padding:.75rem;position:relative;width:auto;z-index:0}.md-taskitem.selected{background-color:var(--taskitem-pressed-bg-color,#fff);box-shadow:0 .125rem .25rem rgba(0,0,0,.16)}.md-taskitem.selected .md-taskitem__content_chat,.md-taskitem.selected .md-taskitem__content_popover_title,.md-taskitem.selected .md-taskitem__content_queue{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem.selected .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:hover{background-color:var(--taskitem-hover-bg-color,#fff)}.md-taskitem:hover .md-taskitem__content_chat,.md-taskitem:hover .md-taskitem__content_popover_title,.md-taskitem:hover .md-taskitem__content_queue{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:hover .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:active{background-color:var(--taskitem-pressed-bg-color,#fff)}.md-taskitem:active .md-taskitem__content_chat,.md-taskitem:active .md-taskitem__content_popover_title,.md-taskitem:active .md-taskitem__content_queue{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:active .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:focus{background:var(--taskitem-focus-bg-color,#fff);box-shadow:none;outline:0}.md-taskitem:focus::after{box-shadow:0 0 0 .125rem var(--taskitem-focus-border-color,#007aa3)}.md-taskitem::after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:-1;border-radius:.5rem;margin:-.125rem}.md-taskitem__mediatype{margin-right:.5rem;position:relative;width:2.625rem}.md-taskitem__mediatype .md-taskitem__status{align-items:center;display:inline-flex;justify-content:space-around;position:absolute;background:var(--taskitem-status-bg-color,#dedede);border-radius:50%;bottom:-4px;color:var(--taskitem-status-text-color,#121212);height:1.25rem;right:-4px;width:1.25rem}.md-taskitem__mediatype .md-taskitem__status md-icon{height:.75rem}.md-taskitem__mediatype .md-taskitem__status md-icon::part(icon){line-height:.75rem;vertical-align:top}.md-taskitem__mediatype .md-taskitem__status.hold{background:var(--taskitem-status-pause-bg-color,#ffd98c)}.md-taskitem__content{align-content:stretch;align-items:flex-start;align-self:stretch;display:flex;flex:0 1 auto;flex-direction:column;justify-content:center;width:calc(100% - calc(2.625rem + 6.25rem))}.md-taskitem__content_popover_title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--taskitem-text-color,#545454);font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:.9375rem;margin-bottom:.5rem;width:calc(100%)}.md-taskitem__content_title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.1875rem;margin-bottom:.5rem;width:calc(100%)}.md-taskitem__content_title.mainTitle{color:var(--taskitem-text-color,#545454);font-family:"CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif}.md-taskitem__content_inner{display:flex;flex:0 1 auto;width:100%}.md-taskitem__content_queue{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:.875rem;width:100%}.md-taskitem__content_chat{color:var(--taskitem-chat-text-color,#545454);display:flex;font-size:12px;line-height:.875rem;margin-top:.5rem;position:relative;width:100%}.md-taskitem__content_chat .new-chat_massages{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:2.5rem;width:calc(100% - $taskitem-main-margin)}.md-taskitem__addition{align-items:flex-end;display:flex;flex-direction:column;margin-left:.5rem;text-align:right;width:6.25rem}.md-taskitem__addition .new-chat-quantity{background:var(--taskitem-chat-quantity-bg-color,#9df);border-radius:9px;color:var(--taskitem-chat-quantity-text-color,#103c62);display:inline-block;font-size:10px;line-height:.875rem;min-width:18px;padding:.125rem .25rem;text-align:center}`,l=function(t,e,i,a){var o,s=arguments.length,n=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,a);else for(var m=t.length-1;m>=0;m--)(o=t[m])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.title="",this.queue="",this.accepted=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.renderTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return n.html`
-            <md-badge color="green" circle>
-              <md-icon name="handset-active_16"></md-icon>
-            </md-badge>
-          `;case"outbound telephony":return n.html`
-            <md-badge color="green" circle>
-              <md-icon name="outgoing-call-active_16"></md-icon>
-            </md-badge>
-          `;case"inbound telephony":return n.html`
-            <md-badge color="green" circle>
-              <md-icon name="incoming-call-active_16"></md-icon>
-            </md-badge>
-          `;case"callback":return n.html`
-            <md-badge color="lime" circle>
-              <md-icon name="icon-icon-callback_18"></md-icon>
-            </md-badge>
-          `;case"chat":return n.html`
-            <md-badge color="blue" circle>
-              <md-icon name="chat-active_16"></md-icon>
-            </md-badge>
-          `;case"email":return n.html`
-            <md-badge color="violet" circle>
-              <md-icon name="email-active_16"></md-icon>
-            </md-badge>
-          `;case"sms":return n.html`
-            <md-badge color="darkmint" circle>
-              <md-icon name="sms_16" color="white"></md-icon>
-            </md-badge>
-          `;case"facebook":return n.html`
-            <md-badge bgColor="#0078FF" circle>
-              <md-icon name="messenger_16" color="white"></md-icon>
-            </md-badge>
-          `;case"whatsapp":return n.html`
-            <md-badge bgColor="#25D366" circle>
-              <md-icon name="whatsApp_16" color="white"></md-icon>
-            </md-badge>
-          `;default:return n.html`
-            <slot name="task-type"></slot>
-          `}},this.renderStatus=()=>{switch(this.status){case"consulting":return n.html`
-            <md-icon name="headset_12"></md-icon>
-          `;case"play":return n.html`
-            <md-icon name="play_12"></md-icon>
-          `;case"hold":return n.html`
-            <md-icon name="pause_12"></md-icon>
-          `;case"conference":return n.html`
-            <md-icon name="meet_12"></md-icon>
-          `;case"transfered":return n.html`
-            <md-icon name="assign-privilege_12"></md-icon>
-          `;case"courtesy_callback":return n.html`
-            <md-icon name="call-log_12"></md-icon>
-          `;case"campaign":return n.html`
-            <md-icon name="announcement_12"></md-icon>
-          `;default:return n.html`
-            <slot name="task-status"></slot>
-          `}}}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){t.preventDefault(),this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}renderChatCount(){return this.quantity>0?this.quantity>99?n.html`
-              <span class="new-chat-quantity">99+</span>
-            `:n.html`
-              <span class="new-chat-quantity">${this.quantity}</span>
-            `:m.nothing}getAriaLabel(){return this.customAriaLabel?this.customAriaLabel:`${this.mediaType} ${this.status} ${this.title} ${this.queue} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[s.a,c]}render(){return n.html`
-        <div
-          part="task-item-container"
-          class="md-taskitem ${Object(r.classMap)({selected:this.selected})}"
-          tabindex="0"
-          aria-selected="${this.selected}"
-          @click=${t=>this.handleClick(t)}
-          @keydown=${t=>this.handleKeyDown(t)}
-          aria-label=${this.getAriaLabel()}
-        >
-          <div class="md-taskitem__mediatype">
-            ${this.renderTaskType()}
-            ${this.status?n.html`
-                  <span class=${"md-taskitem__status "+this.status}>
-                    ${this.renderStatus()}
-                  </span>
-                `:m.nothing}
-          </div>
-          <div class="md-taskitem__content" part="task-item-content">
-            ${this.popovertitle?n.html`
-                  <span class="md-taskitem__content_popover_title">${this.popovertitle}</span>
-                `:m.nothing}
-            ${this.title?n.html`
-                  <span class="md-taskitem__content_title ${Object(r.classMap)({mainTitle:!this.popovertitle})}"
-                    >${this.title}</span
-                  >
-                `:m.nothing}
-            <div class="md-taskitem__content_inner">
-              <span class="md-taskitem__content_queue">
-                ${this.queue.length>0?this.queue:n.html`
-                      <slot name="queue"></slot>
-                    `}
-              </span>
-            </div>
-            ${this.lastmessage?n.html`
-                  <span class="md-taskitem__content_chat">
-                    <span class="new-chat_massages">${this.lastmessage}</span>
-                  </span>
-                `:m.nothing}
-          </div>
-          <div class="md-taskitem__addition">
-            <slot></slot>
-            ${this.renderChatCount()}
-          </div>
-        </div>
-      `}};l([Object(n.property)({type:String})],e.prototype,"mediaType",void 0),l([Object(n.property)({type:String})],e.prototype,"status",void 0),l([Object(n.property)({type:String})],e.prototype,"popovertitle",void 0),l([Object(n.property)({type:String})],e.prototype,"title",void 0),l([Object(n.property)({type:String})],e.prototype,"queue",void 0),l([Object(n.property)({type:Boolean})],e.prototype,"accepted",void 0),l([Object(n.property)({type:Number})],e.prototype,"quantity",void 0),l([Object(n.property)({type:String})],e.prototype,"lastmessage",void 0),l([Object(n.property)({type:Boolean})],e.prototype,"selected",void 0),l([Object(n.property)({type:String})],e.prototype,"customAriaLabel",void 0),e=l([Object(o.a)("md-task-item")],e),t.ELEMENT=e}(a||(a={}))}}]);

package/dist/chunks/md-8.js

@@ -1 +0,0 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[8],{35:function(t,e,s){"use strict";s.d(e,"a",(function(){return l}));var o=s(0),r=s(16),n=function(t,e,s,o){var r,n=arguments.length,l=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,s,o);else for(var i=t.length-1;i>=0;i--)(r=t[i])&&(l=(n<3?r(l):n>3?r(e,s,l):r(e,s))||l);return n>3&&l&&Object.defineProperty(e,s,l),l};o.LitElement;const l=t=>{if(Object(r.b)(l,t))return t;class e extends t{constructor(){super(...arguments),this._slotted=[],this._isSlotted=!1,this.handleSlotChange=()=>{this._isSlotted=!0,this.slotted=this.filterSlotted()}}get slotted(){return this._slotted}set slotted(t){if(this._isSlotted){const e=this._slotted;this._slotted=t,this._isSlotted=!1,this.requestUpdate("slotted",e)}}get slotElement(){return this._slotElement}filterSlotted(){return Array.from(this.children)}slottedChanged(){}firstUpdated(t){super.firstUpdated(t),this.slotElement&&this.slotElement.addEventListener("slotchange",this.handleSlotChange)}update(t){super.update(t),t.has("slotted")&&this.slottedChanged()}}return n([Object(o.property)({type:Array,attribute:!1})],e.prototype,"slotted",null),n([Object(o.query)("slot")],e.prototype,"_slotElement",void 0),Object(r.a)(l,e),e}},52:function(t,e,s){"use strict";s.d(e,"a",(function(){return i}));var o=s(0),r=s(16),n=s(35),l=function(t,e,s,o){var r,n=arguments.length,l=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,s,o);else for(var i=t.length-1;i>=0;i--)(r=t[i])&&(l=(n<3?r(l):n>3?r(e,s,l):r(e,s))||l);return n>3&&l&&Object.defineProperty(e,s,l),l};o.LitElement;const i=t=>{if(Object(r.b)(i,t))return t;class e extends(Object(n.a)(t)){constructor(){super(...arguments),this._selected=0,this.rovingPreventFocus=!1}get selected(){return this._selected}set selected(t){const e=this._selected;if(this.slotted[e]){this.slotted[this._selected].tabIndex=-1}if(this.slotted[t]){const e=this.slotted[t];e.tabIndex=0,this.rovingPreventFocus||e.focus()}this._selected=t,this.requestUpdate("selected",e)}isFocusable(t){return!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")}slottedChanged(){super.slottedChanged&&super.slottedChanged();const t=this.getAvailableSelectedIndex(this.selected,1);-1!==t&&(this.selected=t)}getAvailableSelectedIndex(t,e=1){const s=this.slotted.length;for(let o=0,r=t;o<s;o+=1,r+=e){r<0?r=s-1:r>=s&&(r=0);const t=this.slotted[r];if(this.isFocusable(t))return r}return-1}}return l([Object(o.property)({type:Boolean,reflect:!0,attribute:"roving-prevent-focus"})],e.prototype,"rovingPreventFocus",void 0),l([Object(o.property)({type:Number,reflect:!0})],e.prototype,"selected",null),Object(r.a)(i,e),e}}}]);