@xplortech/apollo-core 3.0.0 → 3.2.0

package/dist/components/xpl-table-footer.js

@@ -1 +1 @@
-import{p as e,H as t,h as o,c as s,t as c}from"./p-BSHdGbmH.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return o(s,{key:"7c0c20a91c48433b21a8a83094d614de532b317b",class:"xpl-table-footer",role:"rowgroup"},o("slot",{key:"aebc40fc1edc9ced7b2420303d3a38897c24939f"}))}},[260,"xpl-table-footer"]),l=r,a=function(){"undefined"!=typeof customElements&&["xpl-table-footer"].forEach((e=>{"xpl-table-footer"===e&&(customElements.get(c(e))||customElements.define(c(e),r))}))};export{l as XplTableFooter,a as defineCustomElement}
+import{p as e,H as t,h as o,c as s,t as r}from"./p-BSHdGbmH.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return o(s,{key:"57872baa33166a8146bd0c9b3d7af1597e1fb41e",class:"xpl-table-footer",role:"rowgroup"},o("slot",{key:"65def2bdfee1be95fa966f7f746dedc7176b91e6"}))}},[260,"xpl-table-footer"]),l=f,a=function(){"undefined"!=typeof customElements&&["xpl-table-footer"].forEach((e=>{"xpl-table-footer"===e&&(customElements.get(r(e))||customElements.define(r(e),f))}))};export{l as XplTableFooter,a as defineCustomElement}

package/dist/components/xpl-table-header-cell.js

@@ -1 +1 @@
-import{p as s,H as e,d as t,h as o,c,t as r}from"./p-BSHdGbmH.js";import{d as i}from"./p-Cz7zDaI4.js";import{d as n}from"./p-l3EZ-agL.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.sortChanged=t(this,"sortChanged",7),this.sortable=!1,this.label="",this.type="label",this.sortDirection="none"}toggleSort(){this.sortDirection="asc"===this.sortDirection?"desc":"desc"===this.sortDirection?"none":"asc",this.sortChanged.emit(this.sortDirection)}render(){const s=this.el.parentElement?Array.from(this.el.parentElement.children).indexOf(this.el)+1:0,e=()=>{switch(this.type){case"label":return o("span",null,this.label);case"checkbox":return o("xpl-checkbox",null);case"icon":return this.icon?o("xpl-icon",{icon:this.icon,size:20}):null;default:return""}};return o(c,{role:"columnheader","aria-colindex":s,class:"xpl-table-header-cell "+(this.sortable?"sortable":"non-sortable"),style:{width:this.width+"px"}},this.sortable?o("button",{onClick:()=>this.toggleSort()},e(),(()=>{switch(this.sortDirection){case"none":return o("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return o("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return o("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}})()):e())}get el(){return this}},[0,"xpl-table-header-cell",{icon:[1],sortable:[4],label:[1],type:[1],width:[2],sortDirection:[32]}]),a=l,h=function(){"undefined"!=typeof customElements&&["xpl-table-header-cell","xpl-checkbox","xpl-icon"].forEach((s=>{switch(s){case"xpl-table-header-cell":customElements.get(r(s))||customElements.define(r(s),l);break;case"xpl-checkbox":customElements.get(r(s))||i();break;case"xpl-icon":customElements.get(r(s))||n()}}))};export{a as XplTableHeaderCell,h as defineCustomElement}
+import{T as o,d as s}from"./p-CdRmVtIN.js";const t=o,m=s;export{t as XplTableHeaderCell,m as defineCustomElement}

package/dist/components/xpl-table-header.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,c as a,t as r}from"./p-BSHdGbmH.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(a,{key:"94e6c6f38fa4672ef3c728bf196946801da855d4",role:"row",class:"xpl-table-header"},s("slot",{key:"fa41686f082c65d27555273945f734a36c670869"}))}},[260,"xpl-table-header"]),c=l,o=function(){"undefined"!=typeof customElements&&["xpl-table-header"].forEach((e=>{"xpl-table-header"===e&&(customElements.get(r(e))||customElements.define(r(e),l))}))};export{c as XplTableHeader,o as defineCustomElement}
+import{p as e,H as t,h as a,c as s,t as r}from"./p-BSHdGbmH.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return a(s,{key:"fb6c6d0ab301f41a22428583ffa0fea60a30719b",role:"row",class:"xpl-table-header"},a("slot",{key:"54b058d43266fa281e30d26a644ad93d6559408b"}))}},[260,"xpl-table-header"]),d=l,o=function(){"undefined"!=typeof customElements&&["xpl-table-header"].forEach((e=>{"xpl-table-header"===e&&(customElements.get(r(e))||customElements.define(r(e),l))}))};export{d as XplTableHeader,o as defineCustomElement}

package/dist/components/xpl-table-row.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,c as l,t as o}from"./p-BSHdGbmH.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1}render(){return s(l,{key:"506e56b764d82707482e58a0715fd342219ef7d9",class:{"xpl-table-row":!0,"xpl-table-row--disabled":this.disabled,"xpl-table-row--selected":this.selected},role:"row"},s("slot",{key:"db534bcb1e92bb92441476542c0eaa920f6914e8"}))}},[260,"xpl-table-row",{disabled:[516],rowId:[513,"row-id"],selected:[516]}]),d=r,a=function(){"undefined"!=typeof customElements&&["xpl-table-row"].forEach((e=>{"xpl-table-row"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{d as XplTableRow,a as defineCustomElement}
+import{p as e,H as t,h as s,c as i,t as l}from"./p-BSHdGbmH.js";function o(e){return"XPL-TABLE-CELL"===e.nodeName}const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1}onDisabledChange(){this.propagateDisabledToCells()}connectedCallback(){"undefined"!=typeof MutationObserver&&(this.cellObserver=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&e.addedNodes.forEach((e=>{o(e)&&(e.disabled=this.disabled)}))}))})),this.cellObserver.observe(this.el,{childList:!0}))}disconnectedCallback(){this.cellObserver?.disconnect(),this.cellObserver=void 0}componentDidLoad(){this.propagateDisabledToCells()}propagateDisabledToCells(){Array.from(this.el.children).filter(o).forEach((e=>{e.disabled=this.disabled}))}render(){return s(i,{key:"8c49ba27b39d934cb774140b43e811e5ee2bb904",class:{"xpl-table-row":!0,"xpl-table-row--disabled":this.disabled,"xpl-table-row--selected":this.selected},role:"row"},s("slot",{key:"30788ce629c65d7eab04d268da978d46f0145e99"}))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}]}}},[260,"xpl-table-row",{disabled:[516],rowId:[513,"row-id"],selected:[516]},void 0,{disabled:[{onDisabledChange:0}]}]),d=a,n=function(){"undefined"!=typeof customElements&&["xpl-table-row"].forEach((e=>{"xpl-table-row"===e&&(customElements.get(l(e))||customElements.define(l(e),a))}))};export{d as XplTableRow,n as defineCustomElement}

package/dist/components/xpl-table.js

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as a,t as h}from"./p-BSHdGbmH.js";import{d as l}from"./p-Cz7zDaI4.js";import{d as c}from"./p-l3EZ-agL.js";const r=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tableSelect=e(this,"tableSelect",7),this.sortChanged=e(this,"sortChanged",3),this.selectedValues=[],this.isSortable=!1,this.sortableColumns=[],this.areAllSelected=!1,this.hasScrolled=!1,this.sortTypeArray=[],this.selectAll=t=>{const s=t.detail;this.areAllSelected=s,this.selected=this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child xpl-checkbox")).map((t=>s?t.value??s:s)):this.selected.map((()=>s)),this.onChange()},this.selectOne=(t,s)=>{const e=t.detail,{value:i}=t.target;this.selected=this.selected.map(((t,a)=>a!==s?t:this.selectedValues.length>0&&e?i??e:e)),this.areAllSelected=this.selected.every((t=>!!t)),this.onChange()},this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})},this.onScroll=()=>{this.hasScrolled=this.container.scrollLeft>0},this.sortBy=(t,s)=>{const e=(s,e)=>s[t].toLocaleLowerCase()<e[t].toLocaleLowerCase()?-1:s[t].toLocaleLowerCase()>e[t].toLocaleLowerCase()?1:0;switch(s[t]){case"asc":this.rowData.sort(((t,s)=>e(t,s)));break;case"desc":this.rowData.sort(((t,s)=>e(s,t)));break;default:this.rowData=this.data?Array.from(this.data):[],this.sortTypeArray[t]=null}this.rowData=Array.from(this.rowData)},this.setData=()=>{this.rowData=void 0!==this.data?Array.from(this.data):[]}}handleSort(t,s,e,i){t.preventDefault(),t.stopPropagation(),s&&(this.sortTypeArray=this.sortTypeArray.map(((t,s)=>{if(s!==e)return null;switch(t){case"asc":return"desc";case"desc":return null;default:return"asc"}})),this.sortChanged.emit({colNum:e,colName:i,sortTypeArr:this.sortTypeArray}).defaultPrevented||this.sortBy(e,this.sortTypeArray))}watchData(){this.setData()}watchColumns(){this.sortTypeArray=this.columns?this.columns.map((()=>null)):[]}componentWillLoad(){this.ensureSelectAllValue(),this.areAllSelected=!1,this.setData(),this.selected=Array(this.rowData.length).fill(!1),this.ensureSortTypeArray()}ensureSelectAllValue(){if(void 0!==this.selectAllValue)return;const s=this.el.id?.trim();if(s)return void(this.selectAllValue=s+"-select-all");const e=this.el.getAttribute("data-select-all-value");e?this.selectAllValue=e:(t.selectAllSeq+=1,this.selectAllValue="select-all-"+t.selectAllSeq,this.el.setAttribute("data-select-all-value",this.selectAllValue))}ensureSortTypeArray(){!this.columns||this.sortTypeArray&&this.sortTypeArray.length===this.columns.length?this.columns||(this.sortTypeArray=[]):this.sortTypeArray=this.columns.map((()=>null))}render(){const t=void 0!==this.footer?Array.from(this.footer):[];return i(a,{key:"1e6bf436320a44e1e22e8590a881bc90c4a091d5"},i("div",{key:"3d2e5361fbe615a6ae8ebe916ce07e00f82c444c",class:"xpl-table-container",onScroll:this.onScroll,ref:t=>{t&&(this.container=t)}},i("table",{key:"036672b3ba45a90a42f906c155ce3d59e33c8a7a",class:{"xpl-table":!0,"xpl-table--striped":!!this.striped,"xpl-table--freeze":!!this.freeze,"xpl-table--has-scrolled":this.hasScrolled}},this.columns&&i("thead",{key:"bf0d5a808624234ba985c1c32064f1dab11bfefa"},this.columns.map(((t,s)=>{const e=(t=>{switch(t){case"asc":return"arrow-up";case"desc":return"arrow-down";default:return"dash"}})(this.sortTypeArray?.[s]),a=!(!this.isSortable||!this.sortableColumns[s]);return i("th",null,i("label",{onClick:e=>this.handleSort(e,a,s,t.replace(/ /g,"-").toLowerCase()),class:a?"cursor-pointer":""},this.multiselect&&0===s&&i("xpl-checkbox",{checked:this.areAllSelected,indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onClick:t=>t.stopPropagation(),onCheckboxChange:t=>this.selectAll(t),value:this.selectAllValue,"aria-label":"Select all rows"}),t,a&&!!this.sortTypeArray[s]&&i("xpl-icon",{icon:e,size:16})))}))),i("tbody",{key:"7915dbfbf1a9b68719c4168e09c5f0e3ab7fa35a"},this.rowData.map(((t,s)=>i("tr",{class:this.selected&&this.selected[s]?"xpl-table-row-selected":""},t.map(((t,e)=>i("td",null,this.multiselect&&0===e?i("label",null,i("xpl-checkbox",{checked:!!this.selected[s],onCheckboxChange:t=>this.selectOne(t,s),value:this.selectedValues.length>0?this.selectedValues[s]:"xpl-table-checkbox-"+s,"aria-label":"Select row "+(s+1)}),i("div",{innerHTML:t})):i("div",{innerHTML:t})))))))),t.length>0&&i("tfoot",{key:"78ee72f80c77e61c6234be9500770780952ca669"},t.map((t=>i("tr",null,t.map((t=>i("td",null,i("div",{innerHTML:t})))))))))))}get el(){return this}static get watchers(){return{data:[{watchData:0}],columns:[{watchColumns:0}]}}},[0,"xpl-table",{columns:[16],data:[16],footer:[16],freeze:[4],multiselect:[4],striped:[4],selectedValues:[16],isSortable:[4,"is-sortable"],sortableColumns:[16],areAllSelected:[32],rowData:[32],hasScrolled:[32],selected:[32],sortTypeArray:[32]},void 0,{data:[{watchData:0}],columns:[{watchColumns:0}]}]);r.selectAllSeq=0;const o=r,n=function(){"undefined"!=typeof customElements&&["xpl-table","xpl-checkbox","xpl-icon"].forEach((t=>{switch(t){case"xpl-table":customElements.get(h(t))||customElements.define(h(t),r);break;case"xpl-checkbox":customElements.get(h(t))||l();break;case"xpl-icon":customElements.get(h(t))||c()}}))};export{o as XplTable,n as defineCustomElement}
+import{p as t,H as e,d as s,h as r,c as i,t as l}from"./p-BSHdGbmH.js";import{T as o}from"./p-Dqb1pIRo.js";import{R as n,S as a,c as h,g as c,a as d,d as u}from"./p-CdRmVtIN.js";import{d as p}from"./p-CuVYRPvz.js";import{d as b}from"./p-CQjJIHK6.js";import{d as f}from"./p-B56GeUtW.js";import{d as x}from"./p-DqgnC_vS.js";function w(t){const e=t.parentElement;if(!e)return null;const s=Array.from(e.children),r=s.indexOf(t);if(-1===r)return null;for(let t=r+1;t<s.length;t+=1){const e=s[t];if("xpl-table-row"===e.tagName.toLowerCase()&&!e.hasAttribute("hidden"))return e}return null}function y(t){return function(t){const e=t instanceof HTMLElement?t:null;if(!e)return null;const s=e.closest("xpl-table-row");return null!=s?s:null}(t)}function g(t){return("function"==typeof t.composedPath?t.composedPath():[]).find((t=>t instanceof e&&"xpl-table-row"===t.tagName.toLowerCase()))??y(t.target)}const m=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.rowOrderChange=s(this,"rowOrderChange",3),this.rowSelectionChange=s(this,"rowSelectionChange",3),this.sortChanged=s(this,"sortChanged",3),this.tableSelect=s(this,"tableSelect",7),this.columnWidthsToken="",this.lastEmittedRowSelectionKey="",this.draggedRow=null,this.pendingDragRow=null,this.pointerUpClearPending=null,this.reorderKeyboardTimers=new o,this.onReorderHandleKeydown=t=>{this.handleReorderHandleKeyDown(t)},this.areAllSelected=!1,this.colCount=0,this.hasScrolled=!1,this.keyboardReorderRowId=null,this.reorderLiveMessage="",this.rowData=[],this.rowFooterData=[],this.selected=[],this.selectedRowIds=[],this.sortTypeArray=[],this.isSortable=!1,this.rowReorderable=!1,this.selectedValues=[],this.sortableColumns=[],this.onGridScroll=t=>{this.hasScrolled=t.target.scrollLeft>0},this.selectAll=t=>{const{target:e}=t;if(!(e instanceof HTMLInputElement))return;const{checked:s}=e;this.areAllSelected=s,this.selected=this.selectedValues&&this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child input")).map((t=>s?t?.value:s)):this.selected.map((()=>s)),this.onSelectionChange()},this.selectOne=(t,e)=>{const{target:s}=t;if(!(s instanceof HTMLInputElement))return;const{checked:r,value:i}=s;this.areAllSelected=!1,this.selected=this.selected.map(((t,s)=>s!==e?t:this.selectedValues&&this.selectedValues.length>0&&r?i:r)),this.onSelectionChange()},this.onSelectionChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})},this.onLegacyScroll=()=>{this.hasScrolled=this.container.scrollLeft>0},this.sortBy=(t,e)=>{const s=(e,s)=>e[t].toLocaleLowerCase()<s[t].toLocaleLowerCase()?-1:e[t].toLocaleLowerCase()>s[t].toLocaleLowerCase()?1:0;switch(e[t]){case"asc":this.rowData.sort(((t,e)=>s(t,e)));break;case"desc":this.rowData.sort(((t,e)=>s(e,t)));break;default:this.rowData=void 0!==this.data?Array.from(this.data):[],this.sortTypeArray[t]=null}this.rowData=Array.from(this.rowData)},this.setData=()=>{this.rowData=void 0!==this.data?Array.from(this.data):[]},this.setFooterData=()=>{this.rowFooterData=void 0!==this.footer?Array.from(this.footer):[]}}watchColumns(){this.sortTypeArray=this.columns?this.columns.map((()=>null)):[]}watchData(){this.setData()}watchFooterData(){this.setFooterData()}watchReorderHandleIcon(){!this.isLegacyMode&&this.rowReorderable&&this.syncInjectedReorderHandleIcons()}watchReorderHandleIconKeyboard(){!this.isLegacyMode&&this.rowReorderable&&this.syncInjectedReorderHandleIcons()}watchRowReorderable(t){this.isLegacyMode||t||(this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null),this.removeManagedReorderCells(),this.draggedRow=null,this.pendingDragRow=null,this.clearPendingDragListeners(),this.reorderLiveMessage="",this.queryBodyRows().forEach((t=>{t.removeAttribute("draggable"),t.querySelector(".xpl-table__row-drag-handle")?.removeAttribute("draggable"),t.classList.remove("xpl-table-row--dragging","xpl-table-row--drag-over")})),this.colCount=0,this.columnWidthsToken="")}watchSelectable(t){this.isLegacyMode||t||(this.selectedRowIds=[],this.lastEmittedRowSelectionKey="",this.colCount=0,this.columnWidthsToken="",this.syncRowSelectedProps())}componentWillLoad(){this.isLegacyMode&&(this.ensureSelectAllValue(),this.areAllSelected=!1,this.setData(),this.setFooterData(),this.selected=Array(this.rowData.length).fill(!1),this.sortTypeArray=this.columns?this.columns.map((()=>null)):[])}ensureSelectAllValue(){if(void 0!==this.selectAllValue)return;const e=this.el.id?.trim();if(e)return void(this.selectAllValue=e+"-select-all");const s=this.el.getAttribute("data-select-all-value");s?this.selectAllValue=s:(t.selectAllSeq+=1,this.selectAllValue="select-all-"+t.selectAllSeq,this.el.setAttribute("data-select-all-value",this.selectAllValue))}componentDidLoad(){this.isLegacyMode||this.syncCompositionalLayout()}componentDidUpdate(){this.isLegacyMode||this.syncCompositionalLayout()}disconnectedCallback(){this.clearPendingDragListeners(),this.detachReorderHandleKeydownListeners(),this.reorderKeyboardTimers.dispose(),void 0!==this.reorderAnnounceRaf&&(cancelAnimationFrame(this.reorderAnnounceRaf),this.reorderAnnounceRaf=void 0)}handleHeaderCellColumnWidthsChange(t){if(this.isLegacyMode)return;const e=t.target;e instanceof Node&&this.el.contains(e)&&this.updateColumnWidths()}handleCompositionalCheckboxChange(s){if(this.isLegacyMode||!this.selectable)return;if(!this.isEventFromThisTable(s.target))return;const r=s.composedPath?.()??[];let i=(r.length>0?r:[s.target].filter((t=>null!=t))).find((t=>t instanceof e&&"xpl-checkbox"===t.tagName.toLowerCase()));if(!i&&s.target&&"function"==typeof s.target.closest&&(i=s.target.closest("xpl-checkbox")??void 0),!i||!this.el.contains(i))return;const l=i.closest("xpl-table-row");if(!l||!this.isDirectChildBodyRow(l))return;const o=i.closest("xpl-table-cell");if(!o)return;const n=this.getSelectionColumnIndex();if(null===n)return;if(t.getBodyRowCells(l).indexOf(o)!==n)return;s.stopPropagation();const a=t.getRowIdForRow(l);if(!a||l.disabled)return;const h=i.querySelector('input[type="checkbox"]');if(!h)return;const{checked:c}=h;c?this.selectedRowIds.includes(a)||(this.selectedRowIds=[...this.selectedRowIds,a]):this.selectedRowIds=this.selectedRowIds.filter((t=>t!==a)),this.applyHeaderCheckboxState(),this.syncRowSelectedProps(),this.emitCompositionalSelection()}handleCompositionalHeaderCheckboxChange(s){if(this.isLegacyMode||!this.selectable)return;if(!this.isEventFromThisTable(s.target))return;const r=s.composedPath?.()??[];let i=(r.length>0?r:[s.target].filter((t=>null!=t))).find((t=>t instanceof e&&"xpl-table-header-cell"===t.tagName.toLowerCase()&&"checkbox"===t.getAttribute("type")));if(!i&&s.target&&"function"==typeof s.target.closest){const t=s.target.closest('xpl-table-header-cell[type="checkbox"]');t instanceof e&&(i=t)}if(!i||!this.el.contains(i))return;if(!this.isCellInOurCompositionalHeader(i))return;if(!this.getCompositionalHeaderCells().includes(i))return;const l=!!s.detail,o=this.querySelectableBodyRows().map((e=>t.getRowIdForRow(e))).filter((t=>!!t));this.selectedRowIds=l?[...o]:[],this.applyBodyCheckboxStates(),this.syncRowSelectedProps(),this.emitCompositionalSelection()}handlePointerDownExitKeyboardReorder(t){if(this.isLegacyMode||!this.rowReorderable||null===this.keyboardReorderRowId)return;const e=t.target;if(!(e instanceof Node&&this.el.contains(e)))return;const s=e instanceof Element?e.closest("xpl-table-row"):null;s&&this.isDirectChildBodyRow(s)&&(this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null))}handleReorderHandleKeyDown(s){if(this.isLegacyMode||!this.rowReorderable)return;const r="function"==typeof s.composedPath?s.composedPath():[];let i=(r.length>0?r:s.target?[s.target]:[]).find((t=>t instanceof e&&t.classList.contains("xpl-table__row-drag-handle")));if(!i&&s.target instanceof e&&s.target.classList.contains("xpl-table__row-drag-handle")&&(i=s.target),!i||!this.el.contains(i))return;const l=i.closest("xpl-table-row");if(!l||!this.isDirectChildBodyRow(l))return;const o=t.getRowIdForRow(l)??"";if(!o)return;const n=this.keyboardReorderRowId===o,a="Escape"===s.key||"Esc"===s.key||"Escape"===s.code||27===s.keyCode;l.disabled?a&&n&&(s.preventDefault(),this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null)):a?n&&(s.preventDefault(),this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null)):n?"ArrowUp"!==s.key&&"ArrowDown"!==s.key||(s.preventDefault(),this.performKeyboardRowReorder(o,"ArrowUp"===s.key?"up":"down")):"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.keyboardReorderRowId=o,this.syncReorderHandleKeyboardA11y(o))}handleRowReorderPointerDown(t){if(this.isLegacyMode||!this.rowReorderable)return;const s=function(t){return("function"==typeof t.composedPath?t.composedPath():[]).find((t=>t instanceof e&&t.classList.contains("xpl-table__row-drag-handle")))??null}(t);if(!s)return;if(s.closest("xpl-table")!==this.el)return;const r=y(s);if(!r||r.disabled)return;const i=this.getDirectChildTableSection("xpl-table-body");if(!i||r.parentElement!==i)return;this.clearPendingDragListeners(),this.pendingDragRow=r;const l=()=>{this.clearPendingDragListeners(),this.pendingDragRow=null};document.addEventListener("pointerup",l,!0),document.addEventListener("pointercancel",l,!0),this.pointerUpClearPending=()=>{document.removeEventListener("pointerup",l,!0),document.removeEventListener("pointercancel",l,!0)}}handleRowReorderDragStart(e){if(this.isLegacyMode||!this.rowReorderable)return;const s=g(e);if(!s)return;if(s.closest("xpl-table")!==this.el)return;const r=this.getDirectChildTableSection("xpl-table-body");r&&s.parentElement===r&&(s.disabled||this.pendingDragRow!==s?e.preventDefault():(this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null),this.clearPendingDragListeners(),this.pendingDragRow=null,this.draggedRow=s,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",t.getRowIdForRow(s)??"")),s.classList.add("xpl-table-row--dragging")))}handleRowReorderDragEnd(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=g(t);e&&e.closest("xpl-table")===this.el&&(e.classList.remove("xpl-table-row--dragging"),this.clearReorderDragOverClasses(),this.draggedRow=null)}handleRowReorderDragOver(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=g(t);if(!e||e.closest("xpl-table")!==this.el)return;const s=this.getDirectChildTableSection("xpl-table-body");s&&e.parentElement===s&&!e.disabled&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))}handleRowReorderDragEnter(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=g(t);if(!e||e.closest("xpl-table")!==this.el)return;const s=this.getDirectChildTableSection("xpl-table-body");s&&e.parentElement===s&&!e.disabled&&(t.preventDefault(),e.classList.add("xpl-table-row--drag-over"))}handleRowReorderDragLeave(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=g(t);if(!e||e.closest("xpl-table")!==this.el)return;const s=t.relatedTarget;s&&e.contains(s)||e.classList.remove("xpl-table-row--drag-over")}handleRowReorderDrop(e){if(this.isLegacyMode||!this.rowReorderable)return;e.preventDefault();const s=g(e);if(!s||s.closest("xpl-table")!==this.el)return;const r=this.getDirectChildTableSection("xpl-table-body");if(!r||s.parentElement!==r||s.disabled)return;const i=this.draggedRow;if(!i||i.disabled)return this.draggedRow=null,void this.clearReorderDragOverClasses();if(i===s)return void this.clearReorderDragOverClasses();const l=this.getVisibleBodyRowsForReorder(),o=l.indexOf(i),n=l.indexOf(s);if(-1===o||-1===n)return void this.clearReorderDragOverClasses();const a=o>n?"up":"down",h=t.getRowIdForRow(i)??"";!function(t,e,s){if(e===s||e.parentElement!==t)return;if(s.parentElement!==t)return;const r=Array.from(t.children).filter((t=>"xpl-table-row"===t.tagName.toLowerCase()&&!t.hasAttribute("hidden"))),i=r.indexOf(e),l=r.indexOf(s);if(-1!==i&&-1!==l&&i!==l)if(i<l){const r=w(s);t.insertBefore(e,r||null)}else t.insertBefore(e,s)}(r,i,s);const c=this.getVisibleBodyRowsForReorder().map((e=>t.getRowIdForRow(e)??""));this.rowOrderChange.emit({rowId:h,direction:a,orderedRowIds:c,fromIndex:o,toIndex:n}),this.announceRowReorder(h,c),this.clearReorderDragOverClasses(),this.selectable&&(this.applyBodyCheckboxStates(),this.applyHeaderCheckboxState(),this.syncRowSelectedProps()),this.updateColumnWidths()}get isLegacyMode(){return void 0!==this.columns||void 0!==this.data||void 0!==this.footer}ensureTableInstanceId(){this.tableInstanceId||(this.tableInstanceId="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():Math.random().toString(36).slice(2))}generateRowId(){return this.ensureTableInstanceId(),"undefined"!=typeof crypto&&crypto.randomUUID?`${this.tableInstanceId}-${crypto.randomUUID()}`:`${this.tableInstanceId}-${Math.random().toString(36).slice(2)}`}syncCompositionalLayout(){this.isLegacyMode||(this.rowReorderable?this.syncReorderColumn():this.removeManagedReorderCells(),this.selectable&&(this.ensureTableInstanceId(),this.pruneStaleSelectedRowIds(),this.ensureBodyRowIds(),this.applyBodyCheckboxStates(),this.applyHeaderCheckboxState(),this.syncRowSelectedProps()),this.rowReorderable&&this.selectable&&this.normalizeManagedColumnsOrder(),this.updateColumnWidths())}getDirectChildTableSection(t){return Array.from(this.el.children).find((e=>e.tagName.toLowerCase()===t))??null}isDirectChildBodyRow(t){const e=this.getDirectChildTableSection("xpl-table-body");return null!==e&&t.parentElement===e}isCellInOurCompositionalHeader(t){const e=t.closest("xpl-table-header");return null!==e&&e.parentElement===this.el}getSelectionColumnIndex(){const t=this.getCompositionalHeaderCells().findIndex((t=>"checkbox"===t.getAttribute("type")));return t>=0?t:null}static getBodyRowCells(t){return Array.from(t.children).filter((t=>"xpl-table-cell"===t.tagName.toLowerCase()))}queryBodyRows(){const t=this.getDirectChildTableSection("xpl-table-body");return t?Array.from(t.children).filter((t=>"xpl-table-row"===t.tagName.toLowerCase())):[]}querySelectableBodyRows(){return this.queryBodyRows().filter((t=>!t.disabled))}static getRowIdForRow(t){const e=t.getAttribute("row-id")?.trim();return e||null}ensureBodyRowIds(){this.queryBodyRows().forEach((e=>{t.getRowIdForRow(e)||e.setAttribute("row-id",this.generateRowId())}))}removeManagedReorderCells(){this.el.querySelectorAll(`[${n}]`).forEach((t=>{t instanceof Element&&t.closest("xpl-table")===this.el&&t.parentElement?.removeChild(t)}))}getSelectionSlotCellForReorderOrder(t){const e=this.getSelectionColumnIndex();if(null===e)return null;const s=Array.from(t.children)[e];if(!s)return null;const r=s.tagName.toLowerCase();return"xpl-table-header-cell"===r?"checkbox"===s.getAttribute("type")?s:null:"xpl-table-cell"===r?s.hasAttribute(a)||s.querySelector("xpl-checkbox")?s:null:"xpl-table-footer-cell"===r?s:null}normalizeManagedColumnsOrder(){const t=t=>{const e=t.querySelector(`:scope > [${n}]`),s=this.getSelectionSlotCellForReorderOrder(t);if(!e||!s)return;const r=Array.from(t.children);r.indexOf(e)>r.indexOf(s)&&t.insertBefore(e,s)},e=Array.from(this.el.children).find((t=>"xpl-table-header"===t.tagName.toLowerCase()))??null;if(e){const s=Array.from(e.children).find((t=>"xpl-table-row"===t.tagName.toLowerCase()));t(s??e)}this.queryBodyRows().forEach((e=>t(e)));const s=this.getDirectChildTableSection("xpl-table-footer");s&&Array.from(s.children).filter((t=>"xpl-table-row"===t.tagName.toLowerCase())).forEach((e=>t(e)))}syncReorderColumn(){this.rowReorderable&&!this.isLegacyMode&&(this.ensureBodyRowIds(),this.ensureHeaderReorderCell(),this.ensureBodyReorderCells(),this.ensureFooterReorderCells(),this.applyReorderRowDraggableState())}ensureHeaderReorderCell(){const t=Array.from(this.el.children).find((t=>"xpl-table-header"===t.tagName.toLowerCase()))??null;if(!t)return;const e=Array.from(t.children).find((t=>"xpl-table-row"===t.tagName.toLowerCase()))??t;if(Array.from(e.children).some((t=>"xpl-table-header-cell"===t.tagName.toLowerCase()&&t.hasAttribute(n))))return;const s=document.createElement("xpl-table-header-cell");s.setAttribute(n,""),s.setAttribute("type","empty"),s.setAttribute("width","48"),s.setAttribute("align","center"),e.insertBefore(s,e.firstChild)}ensureBodyReorderCells(){this.queryBodyRows().forEach((e=>{const s=Array.from(e.children).filter((t=>"xpl-table-cell"===t.tagName.toLowerCase()&&t.hasAttribute(n)));if(s.length>1)for(let t=1;t<s.length;t+=1)s[t].remove();let r=s[0];if(r)r.setAttribute("align","center");else{const s=document.createElement("xpl-table-cell");s.setAttribute(n,""),s.setAttribute("width","48"),s.setAttribute("align","center");const i=document.createElement("button");i.type="button",i.className="xpl-table__row-drag-handle",i.setAttribute("aria-label","Reorder row"),i.setAttribute("aria-pressed","false");const l=this.getResolvedIconForRow(t.getRowIdForRow(e)??"");if(l){const t=document.createElement("xpl-icon");t.setAttribute("icon",l),t.setAttribute("size","16"),i.appendChild(t)}s.appendChild(i),e.insertBefore(s,e.firstChild),r=s}const i=r.querySelector(".xpl-table__row-drag-handle");i&&(i.disabled=e.disabled)})),this.syncInjectedReorderHandleIcons(),this.attachReorderHandleKeydownListeners()}getResolvedIconForRow(t){return null!==this.keyboardReorderRowId&&""!==t&&t===this.keyboardReorderRowId?""===this.reorderHandleIconKeyboard?null:this.reorderHandleIconKeyboard??"caret-expand-y":""===this.reorderHandleIcon?null:this.reorderHandleIcon??"grip-dots-vertical"}syncInjectedReorderHandleIcons(){this.queryBodyRows().forEach((e=>{const s=e.querySelector(".xpl-table__row-drag-handle");if(!s)return;const r=t.getRowIdForRow(e)??"",i=this.getResolvedIconForRow(r);if(s.querySelectorAll("xpl-icon").forEach((t=>t.remove())),i){const t=document.createElement("xpl-icon");t.setAttribute("icon",i),t.setAttribute("size","16"),s.appendChild(t)}}))}syncReorderHandleKeyboardA11y(e){!this.isLegacyMode&&this.rowReorderable&&(this.queryBodyRows().forEach((s=>{const r=s.querySelector(".xpl-table__row-drag-handle");if(!r)return;const i=t.getRowIdForRow(s)??"",l=null!==e&&i===e;r.classList.toggle("xpl-table__row-drag-handle--keyboard-mode",l),r.setAttribute("aria-pressed",l?"true":"false"),r.setAttribute("aria-label",l?"Press arrow up or down to reorder, Escape to exit":"Press Enter or Space to activate keyboard reorder mode, or drag to reorder")})),this.syncInjectedReorderHandleIcons())}attachReorderHandleKeydownListeners(){!this.isLegacyMode&&this.rowReorderable&&this.queryBodyRows().forEach((t=>{const e=t.querySelector(".xpl-table__row-drag-handle");e&&"true"!==e.dataset.xplReorderKbdBound&&(e.dataset.xplReorderKbdBound="true",e.addEventListener("keydown",this.onReorderHandleKeydown))}))}detachReorderHandleKeydownListeners(){this.el&&this.el.querySelectorAll('.xpl-table__row-drag-handle[data-xpl-reorder-kbd-bound="true"]').forEach((t=>{t.removeEventListener("keydown",this.onReorderHandleKeydown),delete t.dataset.xplReorderKbdBound}))}performKeyboardRowReorder(e,s){const r=this.getDirectChildTableSection("xpl-table-body");if(!r)return!1;const i=this.getVisibleBodyRowsForReorder(),l=i.findIndex((s=>t.getRowIdForRow(s)===e));if(-1===l)return!1;const o="up"===s?l-1:l+1;if(o<0||o>=i.length)return!1;const n=l,a=i[l],h=i[o];if("up"===s)r.insertBefore(a,h);else{const t=w(h);t?r.insertBefore(a,t):r.appendChild(a)}const c=this.getVisibleBodyRowsForReorder().map((e=>t.getRowIdForRow(e)??"")),d=c.indexOf(e);return this.rowOrderChange.emit({rowId:e,direction:s,orderedRowIds:c,fromIndex:n,toIndex:d}),this.announceRowReorder(e,c),this.clearReorderDragOverClasses(),this.selectable&&(this.applyBodyCheckboxStates(),this.applyHeaderCheckboxState(),this.syncRowSelectedProps()),this.updateColumnWidths(),this.reorderKeyboardTimers.requestAnimationFrame((()=>{if(!this.el.isConnected)return;const s=this.getVisibleBodyRowsForReorder().find((s=>t.getRowIdForRow(s)===e)),r=s?.querySelector(".xpl-table__row-drag-handle");r?.focus()})),!0}ensureFooterReorderCells(){const t=this.getDirectChildTableSection("xpl-table-footer");t&&Array.from(t.children).filter((t=>"xpl-table-row"===t.tagName.toLowerCase())).forEach((t=>{if(Array.from(t.children).some((t=>"xpl-table-footer-cell"===t.tagName.toLowerCase()&&t.hasAttribute(n))))return;const e=document.createElement("xpl-table-footer-cell");e.setAttribute(n,""),e.setAttribute("width","48"),e.setAttribute("align","center"),t.insertBefore(e,t.firstChild)}))}static supportsSubgridBodyRow(){return"undefined"!=typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("grid-template-columns","subgrid")}applyReorderRowDraggableState(){const e=t.supportsSubgridBodyRow();this.queryBodyRows().forEach((t=>{const s=t.querySelector(".xpl-table__row-drag-handle");s?.removeAttribute("draggable"),t.removeAttribute("draggable"),this.rowReorderable&&!t.disabled&&s&&(e?t.setAttribute("draggable","true"):s.setAttribute("draggable","true"))}))}getVisibleBodyRowsForReorder(){return this.queryBodyRows().filter((t=>!t.hasAttribute("hidden")))}clearReorderDragOverClasses(){this.queryBodyRows().forEach((t=>t.classList.remove("xpl-table-row--drag-over")))}clearPendingDragListeners(){this.pointerUpClearPending&&(this.pointerUpClearPending(),this.pointerUpClearPending=null)}announceRowReorder(t,e){if(!this.rowReorderable||!t)return;const s=e.indexOf(t);s<0||(this.reorderLiveMessage="",void 0!==this.reorderAnnounceRaf&&cancelAnimationFrame(this.reorderAnnounceRaf),this.reorderAnnounceRaf=requestAnimationFrame((()=>{this.reorderAnnounceRaf=void 0,this.el.isConnected&&(this.reorderLiveMessage=`Row ${t}, now position ${s+1} of ${e.length}`)})))}pruneStaleSelectedRowIds(){const e=new Set(this.queryBodyRows().map((e=>t.getRowIdForRow(e))).filter((t=>!!t))),s=this.selectedRowIds.filter((t=>e.has(t)));s.length!==this.selectedRowIds.length&&(this.selectedRowIds=s,this.applyBodyCheckboxStates(),this.applyHeaderCheckboxState(),this.syncRowSelectedProps(),this.emitCompositionalSelection())}static getBodyRowCheckboxAriaLabel(e,s){const r=t.getBodyRowCells(e),i=r.find(((t,e)=>(null===s||e!==s)&&!t.hasAttribute(n)))??r[0];if(!i)return"Select row";const l=i.textContent?.replace(/\s+/g," ").trim()??"";return l?"Select row, "+(l.length>100?l.slice(0,100)+"…":l):"Select row"}applyBodyCheckboxStates(){const e=this.getSelectionColumnIndex();null!==e&&this.queryBodyRows().forEach((s=>{const r=t.getRowIdForRow(s),i=t.getBodyRowCells(s)[e],l=i?.querySelector("xpl-checkbox");l&&r&&(l.checked=this.selectedRowIds.includes(r),l.disabled=s.disabled,l.value=r,l.setAttribute("aria-label",t.getBodyRowCheckboxAriaLabel(s,e)))}))}getHeaderCheckboxCell(){const t=this.getSelectionColumnIndex();if(null===t)return null;const e=this.getCompositionalHeaderCells()[t];return e&&"checkbox"===e.getAttribute("type")?e:null}applyHeaderCheckboxState(){const e=this.getHeaderCheckboxCell();if(!e)return;const s=this.querySelectableBodyRows().map((e=>t.getRowIdForRow(e))).filter((t=>!!t)),r=s.filter((t=>this.selectedRowIds.includes(t))).length,i=s.length>0&&r===s.length,l=r>0&&!i;e.checked=i,e.indeterminate=l}syncRowSelectedProps(){this.queryBodyRows().forEach((e=>{const s=t.getRowIdForRow(e),r=!!s&&this.selectedRowIds.includes(s);e.selected=r}))}emitCompositionalSelection(){const t=this.selectedRowIds,e=t.join("
");e!==this.lastEmittedRowSelectionKey&&(this.lastEmittedRowSelectionKey=e,this.rowSelectionChange.emit({selectedRowIds:[...t]}))}isEventFromThisTable(t){if(null==t||"object"!=typeof t)return!1;const e="closest"in t&&"function"==typeof t.closest?t:"parentElement"in t?t.parentElement:null;return!!e&&e.closest("xpl-table")===this.el}static sortKeyFromHeaderCell(t,e){const s=(t.sortKey??t.label??"").trim();return s.length>0?s.replace(/ /g,"-").toLowerCase():"column-"+e}handleCompositionalHeaderSort(e){if(this.isLegacyMode)return;if(!this.isEventFromThisTable(e.target))return;e.stopPropagation();const s=e.target,r=s.closest("xpl-table-header xpl-table-row")??s.closest("xpl-table-row");if(!r||!this.el.contains(r))return;const i=Array.from(r.querySelectorAll("xpl-table-header-cell")),{columnIndex:l}=e.detail,o=i[l];if(!o?.sortable)return;const n=h(o.sortDirection);i.forEach(((t,e)=>{t.sortable&&(t.sortDirection=e===l?n:null)}));const a={};i.forEach(((e,s)=>{const r=e;r.sortable&&(a[t.sortKeyFromHeaderCell(r,s)]=r.sortDirection??null)}));const c=i.map((t=>t.sortable?t.sortDirection??null:null)),d=t.sortKeyFromHeaderCell(i[l],l),u={...a,colNum:l,colName:d,sortTypeArr:c};this.sortChanged.emit(u)}legacySortStatePayload(){const t={};return this.columns?.length?(this.columns.forEach(((e,s)=>{const r=e.replace(/ /g,"-").toLowerCase();t[r]=this.sortTypeArray[s]??null})),t):t}legacySortChangedDetail(t){return{...this.legacySortStatePayload(),colNum:t,colName:(this.columns?.[t]??"").replace(/ /g,"-").toLowerCase(),sortTypeArr:[...this.sortTypeArray]}}getCompositionalHeaderCells(){const t=Array.from(this.el.children).find((t=>"xpl-table-header"===t.tagName.toLowerCase()))??null;if(!t)return[];const e=Array.from(t.children).find((t=>"xpl-table-row"===t.tagName.toLowerCase()));return Array.from((e??t).children).filter((t=>"xpl-table-header-cell"===t.tagName.toLowerCase()))}updateColumnWidths(){const t=this.getCompositionalHeaderCells(),e=t.map((t=>c(t))).join(" "),s=t.length;s===this.colCount&&this.colCount>0&&this.columnWidthsToken===e||(this.el.style.setProperty("--column-widths",e),this.colCount=s,this.columnWidthsToken=e)}handleSort(t,e,s){t.preventDefault(),t.stopPropagation(),e&&(this.sortTypeArray=this.sortTypeArray.map(((t,e)=>{if(e!==s)return null;switch(t){case"asc":return"desc";case"desc":return null;default:return"asc"}})),this.sortChanged.emit(this.legacySortChangedDetail(s)).defaultPrevented||this.sortBy(s,this.sortTypeArray))}renderLegacy(){return!this.columns||this.sortTypeArray&&this.sortTypeArray.length===this.columns.length||(this.sortTypeArray=this.columns.map((()=>null))),r(i,null,r("div",{class:"xpl-table-container",onScroll:this.onLegacyScroll,ref:t=>{t&&(this.container=t)}},r("table",{class:{"xpl-table":!0,"xpl-table--legacy":!0,"xpl-table--striped":!!this.striped,"xpl-table--freeze":!!this.freeze,"xpl-table--has-scrolled":this.hasScrolled}},this.columns&&r("thead",null,this.columns.map(((t,e)=>{const s=d(this.sortTypeArray?.[e]??null),i=!(!this.isSortable||!this.sortableColumns?.[e]);return r("th",null,r("label",{onClick:t=>this.handleSort(t,i,e),class:i?"cursor-pointer":""},this.multiselect&&0===e&&r("input",{checked:this.areAllSelected,id:"__xpl-table-th",indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onClick:t=>{t.stopPropagation(),this.selectAll(t)},type:"checkbox",value:this.selectAllValue}),t,i&&!!this.sortTypeArray[e]&&r("xpl-icon",{icon:s,size:16})))}))),r("tbody",null,this.rowData.map(((t,e)=>r("tr",{class:this.selected&&this.selected[e]?"xpl-table-row-selected":""},t.map(((t,s)=>r("td",null,this.multiselect&&0===s?r("label",{htmlFor:"__xpl-table-row-"+e},r("input",{id:"__xpl-table-row-"+e,checked:!!this.selected[e],type:"checkbox",onChange:t=>this.selectOne(t,e),value:this.selectedValues&&this.selectedValues.length>0?this.selectedValues[e]:"xpl-table-checkbox-"+e}),r("div",{innerHTML:t})):r("div",{innerHTML:t})))))))),this.rowFooterData?.length>0&&r("tfoot",null,this.rowFooterData.map((t=>r("tr",null,t.map((t=>r("td",null,r("div",{innerHTML:t})))))))))))}renderCompositional(){const t=this.selectedRowIds.length;return r(i,{role:"grid","aria-label":this.label,"aria-colcount":this.colCount>0?this.colCount:void 0,class:{"xpl-table":!0,"xpl-table--striped":!!this.striped,"xpl-table--freeze":!!this.freeze,"xpl-table--has-scrolled":this.hasScrolled,"xpl-table--selectable":!!this.selectable,"xpl-table--selection-active":!!this.selectable&&this.selectedRowIds.length>0,"xpl-table--row-reorderable":!!this.rowReorderable},onScroll:this.onGridScroll},this.rowReorderable&&r("div",{class:"xpl-table__reorder-live","aria-live":"assertive","aria-atomic":"true"},this.reorderLiveMessage),this.selectable&&r("div",{class:{"xpl-toolbar":!0,hidden:0===t,"xpl-table__toolbar":!0}},r("div",{class:"toolbar"},r("p",{class:"selected-item-count"},t," Selected"),r("div",{class:"actions"},r("slot",{name:"toolbar-actions-left"}),r("slot",{name:"toolbar-actions-right"})))),r("slot",null))}render(){return this.isLegacyMode?this.renderLegacy():this.renderCompositional()}get el(){return this}static get watchers(){return{columns:[{watchColumns:0}],data:[{watchData:0}],footer:[{watchFooterData:0}],reorderHandleIcon:[{watchReorderHandleIcon:0}],reorderHandleIconKeyboard:[{watchReorderHandleIconKeyboard:0}],rowReorderable:[{watchRowReorderable:0}],selectable:[{watchSelectable:0}]}}},[260,"xpl-table",{columns:[16],data:[16],footer:[16],freeze:[4],isSortable:[4,"is-sortable"],label:[1],multiselect:[4],reorderHandleIcon:[1,"reorder-handle-icon"],reorderHandleIconKeyboard:[1,"reorder-handle-icon-keyboard"],rowReorderable:[4,"row-reorderable"],selectable:[4],selectedValues:[16],sortableColumns:[16],striped:[4],areAllSelected:[32],colCount:[32],hasScrolled:[32],keyboardReorderRowId:[32],reorderLiveMessage:[32],rowData:[32],rowFooterData:[32],selected:[32],selectedRowIds:[32],sortTypeArray:[32]},[[0,"xplTableColumnWidthsChange","handleHeaderCellColumnWidthsChange"],[0,"checkboxChange","handleCompositionalCheckboxChange"],[0,"headerCheckboxChange","handleCompositionalHeaderCheckboxChange"],[3,"pointerdown","handlePointerDownExitKeyboardReorder"],[3,"pointerdown","handleRowReorderPointerDown"],[3,"dragstart","handleRowReorderDragStart"],[3,"dragend","handleRowReorderDragEnd"],[2,"dragover","handleRowReorderDragOver"],[2,"dragenter","handleRowReorderDragEnter"],[3,"dragleave","handleRowReorderDragLeave"],[2,"drop","handleRowReorderDrop"],[0,"headerSortChange","handleCompositionalHeaderSort"]],{columns:[{watchColumns:0}],data:[{watchData:0}],footer:[{watchFooterData:0}],reorderHandleIcon:[{watchReorderHandleIcon:0}],reorderHandleIconKeyboard:[{watchReorderHandleIconKeyboard:0}],rowReorderable:[{watchRowReorderable:0}],selectable:[{watchSelectable:0}]}]);m.selectAllSeq=0;const R=m,C=function(){"undefined"!=typeof customElements&&["xpl-table","xpl-checkbox","xpl-icon","xpl-table-cell","xpl-table-footer-cell","xpl-table-header-cell"].forEach((t=>{switch(t){case"xpl-table":customElements.get(l(t))||customElements.define(l(t),m);break;case"xpl-checkbox":customElements.get(l(t))||p();break;case"xpl-icon":customElements.get(l(t))||b();break;case"xpl-table-cell":customElements.get(l(t))||f();break;case"xpl-table-footer-cell":customElements.get(l(t))||x();break;case"xpl-table-header-cell":customElements.get(l(t))||u()}}))};export{R as XplTable,C as defineCustomElement}

package/dist/components/xpl-tabs.js

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{d as o}from"./p-xtOHikY0.js";import{d as h}from"./p-CnVGKN63.js";import{d as l}from"./p-YG9Jza0y.js";import{d}from"./p-DAb-txW3.js";import{d as r}from"./p-l3EZ-agL.js";import{d as c}from"./p-EfW0v54z.js";import{d as p}from"./p-D--kzomA.js";let b=0;function u(t){const e=t.querySelector("xpl-button button");if(e){const t=e.cloneNode(!0);if(t instanceof s){t.querySelectorAll(".xpl-button__icon, xpl-icon, xpl-badge").forEach((t=>t.remove()));const s=t.textContent?.replace(/\s+/g," ").trim();if(s)return s}}const i=t.querySelector(".xpl-tab__button");if(i){const t=Array.from(i.childNodes).filter((t=>t.nodeType===Node.TEXT_NODE)).map((t=>(t.textContent??"").trim())).join(" ").replace(/\s+/g," ").trim();if(t)return t}return t.getAttribute("target")??""}const m=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.tabHeadings=[],this.tabPanels=[],this.tablistKeydownBound=!1,this.activeBarPosition={left:0,width:0},this.choicesTick=1,this.isMobileSelectChange=!1,this.selectedValue="",this.disabled=!1,this.fullWidth=!1,this.type="tabs",this.handleTabChange=t=>{this.applySelection(t)},this.onTablistKeydown=async t=>{if(this.disabled)return;const s=t.target?.closest?.("xpl-tab");if(!s||!this.tabHeadings.includes(s))return;const{key:e}=t;let i=!1,a=!1;this.isTablistRtl()?"ArrowLeft"===e||"ArrowDown"===e?i=!0:"ArrowRight"!==e&&"ArrowUp"!==e||(a=!0):"ArrowRight"===e||"ArrowDown"===e?i=!0:"ArrowLeft"!==e&&"ArrowUp"!==e||(a=!0);const n=i||a,o="Home"===e;if(!n&&!o&&"End"!==e)return;const h=this.getEnabledTabHeadingsSync();if(0===h.length)return;const l=h.indexOf(s);if(-1===l)return;let d;d=n?i?(l+1)%h.length:(l-1+h.length)%h.length:o?0:h.length-1;const r=h[d],c=r?.getAttribute("target");if(!c)return;const p=s.getAttribute("target");t.preventDefault(),c!==p&&(this.applySelection(c),await r.focusTrigger(),this.tabChange.emit(c))}}onDisabledChanged(){this.syncGroupDisabledOnTabs(),this.disabled||this.syncRovingTabindex()}onFullWidthChanged(){this.syncFullWidthOnTabs()}onTypeChanged(){this.syncVariantOnTabs()}onValueChanged(t){this.applySelection(t)}connectedCallback(){this.el.hasAttribute("data-tabs-instance-id")||(b+=1,this.el.setAttribute("data-tabs-instance-id","xpl-tg-"+b)),"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs(!0)})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){this.observer?.disconnect(),this.headingsContainerRef&&this.tablistKeydownBound&&(this.headingsContainerRef.removeEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!1),void 0!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}componentWillLoad(){this.selectedValue=this.getDefaultValue()}componentDidLoad(){this.collectTabs(!1),this.attachTablistKeydown()}componentDidUpdate(){this.updateActiveBarPosition(),this.syncRovingTabindex()}componentDidRender(){!this.tablistKeydownBound&&this.headingsContainerRef&&this.attachTablistKeydown()}onWindowResize(){this.updateActiveBarPosition()}syncGroupDisabledOnTabs(){this.tabHeadings.forEach((t=>{this.disabled?t.setAttribute("data-group-disabled",""):t.removeAttribute("data-group-disabled")}))}applySelection(t){this.tabHeadings.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.tabPanels.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.syncGroupDisabledOnTabs(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.rafId=void 0,this.selectedValue=t,this.updateActiveBarPosition(),this.syncRovingTabindex()}))}isOwnedTabOrPanel(t){return t.closest("xpl-tabs")===this.el}collectTabs(t){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")).filter((t=>this.isOwnedTabOrPanel(t))),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")).filter((t=>this.isOwnedTabOrPanel(t))),this.syncVariantOnTabs(),this.syncFullWidthOnTabs(),this.applySelection(this.getDefaultValue()),t&&(this.choicesTick+=1)}syncVariantOnTabs(){this.tabHeadings.forEach((t=>{t.variant=this.type}))}syncFullWidthOnTabs(){this.tabHeadings.forEach((t=>{t.fullWidth=this.fullWidth}))}getDefaultValue(){return this.value||this.tabHeadings?.[0]?.getAttribute("target")||""}async syncRovingTabindex(){this.disabled||await Promise.all(this.tabHeadings.map((async t=>{const s=(t.getAttribute("target")??"")===this.selectedValue;await t.setTabIndex(s?0:-1)})))}getEnabledTabHeadingsSync(){return this.tabHeadings.filter((t=>{if(this.disabled||t.hasAttribute("disabled"))return!1;const s=t.querySelector("segment"===t.variant?"xpl-button button":".xpl-tab__button");return!(!s||s.disabled)}))}attachTablistKeydown(){const t=this.headingsContainerRef;t&&!this.tablistKeydownBound&&(t.addEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!0)}isTablistRtl(){const t=this.headingsContainerRef;return!!t&&"rtl"===getComputedStyle(t).direction}renderChoices(){return this.tabHeadings.map((t=>{const s=t.getAttribute("target")??"",e=this.disabled||t.hasAttribute("disabled"),i=t.getAttribute("icon")||void 0;return{label:u(t),value:s,isDisabled:e,...i?{icon:i}:{}}}))}updateActiveBarPosition(){if("segment"===this.type)return;const t=this.tabHeadings.find((t=>t.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!t)return;const s=t.getBoundingClientRect(),e=this.headingsContainerRef.getBoundingClientRect(),i=s.left-e.left,a=s.width;this.activeBarPosition.left===i&&this.activeBarPosition.width===a||(this.activeBarPosition={left:i,width:a})}mobileSelectClassNames(){const t="xpl-tabs__mobile-select";return"segment"===this.type?t+" xpl-tabs__mobile-select--segment":t}render(){const t="segment"===this.type;return i(a,{key:"74e82ed3665bf7d8337d16f6253c2ae79d421473",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth,"xpl-tabs--segment":t},"data-choices-tick":this.choicesTick},i("xpl-select",{key:"8b706667897c20145cdd528b692affb0db7f7ebc",classNames:this.mobileSelectClassNames(),choices:this.renderChoices(),disabled:this.disabled,selectedValues:this.selectedValue,onDropdownStateChange:t=>{t.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:t=>{if(this.isMobileSelectChange){const s=""+t.detail;this.handleTabChange(s),this.tabChange.emit(s),this.isMobileSelectChange=!1}}}),i("nav",{key:"d23f6edc5da0525e4c8fc10aa30af64986fdda36","aria-orientation":"horizontal",class:"xpl-tabs__headings",role:"tablist",ref:t=>{this.headingsContainerRef=t},onTabChange:t=>{t.stopPropagation(),this.isMobileSelectChange=!1,this.handleTabChange(t.detail),this.tabChange.emit(t.detail)}},!t&&i("div",{key:"d2d080ffc049a408f2d93f3ce3bc694c0954ece3",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),i("slot",{key:"8c4b1403048b0eba5125abfc22494641aaf955cf",name:"heading"})),i("div",{key:"54a04bd883f364457cdf5922cad8ac2b42eceb61",class:"xpl-tabs__panels"},i("slot",{key:"2b51ebd00605dfbd76c6018d74f63f954016a025",name:"panel"})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}}},[260,"xpl-tabs",{disabled:[4],fullWidth:[4,"full-width"],type:[513],value:[1],activeBarPosition:[32],choicesTick:[32],isMobileSelectChange:[32],selectedValue:[32]},[[9,"resize","onWindowResize"]],{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}]),f=m,g=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((t=>{switch(t){case"xpl-tabs":customElements.get(n(t))||customElements.define(n(t),m);break;case"xpl-dropdown":customElements.get(n(t))||o();break;case"xpl-dropdown-group":customElements.get(n(t))||h();break;case"xpl-dropdown-heading":customElements.get(n(t))||l();break;case"xpl-dropdown-option":customElements.get(n(t))||d();break;case"xpl-icon":customElements.get(n(t))||r();break;case"xpl-select":customElements.get(n(t))||c();break;case"xpl-tag":customElements.get(n(t))||p()}}))};export{f as XplTabs,g as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{d as o}from"./p-2cJsJK3-.js";import{d as h}from"./p-BZIZSovL.js";import{d as l}from"./p-Dp62sBqX.js";import{d as r}from"./p-C0AbGd4t.js";import{d}from"./p-CQjJIHK6.js";import{d as c}from"./p-BtLC-jpk.js";import{d as p}from"./p-B7aaJikj.js";let b=0;function u(t){const e=t.querySelector("xpl-button button");if(e){const t=e.cloneNode(!0);if(t instanceof s){t.querySelectorAll(".xpl-button__icon, xpl-icon, xpl-badge").forEach((t=>t.remove()));const s=t.textContent?.replace(/\s+/g," ").trim();if(s)return s}}const i=t.querySelector(".xpl-tab__button");if(i){const t=Array.from(i.childNodes).filter((t=>t.nodeType===Node.TEXT_NODE)).map((t=>(t.textContent??"").trim())).join(" ").replace(/\s+/g," ").trim();if(t)return t}return t.getAttribute("target")??""}const f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.tabHeadings=[],this.tabPanels=[],this.tablistKeydownBound=!1,this.activeBarPosition={left:0,width:0},this.choicesTick=1,this.isMobileSelectChange=!1,this.selectedValue="",this.disabled=!1,this.fullWidth=!1,this.type="tabs",this.handleTabChange=t=>{this.applySelection(t)},this.onTablistKeydown=async t=>{if(this.disabled)return;const s=t.target?.closest?.("xpl-tab");if(!s||!this.tabHeadings.includes(s))return;const{key:e}=t;let i=!1,a=!1;this.isTablistRtl()?"ArrowLeft"===e||"ArrowDown"===e?i=!0:"ArrowRight"!==e&&"ArrowUp"!==e||(a=!0):"ArrowRight"===e||"ArrowDown"===e?i=!0:"ArrowLeft"!==e&&"ArrowUp"!==e||(a=!0);const n=i||a,o="Home"===e;if(!n&&!o&&"End"!==e)return;const h=this.getEnabledTabHeadingsSync();if(0===h.length)return;const l=h.indexOf(s);if(-1===l)return;let r;r=n?i?(l+1)%h.length:(l-1+h.length)%h.length:o?0:h.length-1;const d=h[r],c=d?.getAttribute("target");if(!c)return;const p=s.getAttribute("target");t.preventDefault(),c!==p&&(this.applySelection(c),await d.focusTrigger(),this.tabChange.emit(c))}}onDisabledChanged(){this.syncGroupDisabledOnTabs(),this.disabled||this.syncRovingTabindex()}onFullWidthChanged(){this.syncFullWidthOnTabs()}onTypeChanged(){this.syncVariantOnTabs()}onValueChanged(t){this.applySelection(t)}connectedCallback(){this.el.hasAttribute("data-tabs-instance-id")||(b+=1,this.el.setAttribute("data-tabs-instance-id","xpl-tg-"+b)),"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs(!0)})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){this.observer?.disconnect(),this.headingsContainerRef&&this.tablistKeydownBound&&(this.headingsContainerRef.removeEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!1),void 0!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}componentWillLoad(){this.selectedValue=this.getDefaultValue()}componentDidLoad(){this.collectTabs(!1),this.attachTablistKeydown()}componentDidUpdate(){this.updateActiveBarPosition(),this.syncRovingTabindex()}componentDidRender(){!this.tablistKeydownBound&&this.headingsContainerRef&&this.attachTablistKeydown()}onWindowResize(){this.updateActiveBarPosition()}syncGroupDisabledOnTabs(){this.tabHeadings.forEach((t=>{this.disabled?t.setAttribute("data-group-disabled",""):t.removeAttribute("data-group-disabled")}))}applySelection(t){this.tabHeadings.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.tabPanels.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.syncGroupDisabledOnTabs(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.rafId=void 0,this.selectedValue=t,this.updateActiveBarPosition(),this.syncRovingTabindex()}))}isOwnedTabOrPanel(t){return t.closest("xpl-tabs")===this.el}collectTabs(t){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")).filter((t=>this.isOwnedTabOrPanel(t))),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")).filter((t=>this.isOwnedTabOrPanel(t))),this.syncVariantOnTabs(),this.syncFullWidthOnTabs(),this.applySelection(this.getDefaultValue()),t&&(this.choicesTick+=1)}syncVariantOnTabs(){this.tabHeadings.forEach((t=>{t.variant=this.type}))}syncFullWidthOnTabs(){this.tabHeadings.forEach((t=>{t.fullWidth=this.fullWidth}))}getDefaultValue(){return this.value||this.tabHeadings?.[0]?.getAttribute("target")||""}async syncRovingTabindex(){this.disabled||await Promise.all(this.tabHeadings.map((async t=>{const s=(t.getAttribute("target")??"")===this.selectedValue;await t.setTabIndex(s?0:-1)})))}getEnabledTabHeadingsSync(){return this.tabHeadings.filter((t=>{if(this.disabled||t.hasAttribute("disabled"))return!1;const s=t.querySelector("segment"===t.variant?"xpl-button button":".xpl-tab__button");return!(!s||s.disabled)}))}attachTablistKeydown(){const t=this.headingsContainerRef;t&&!this.tablistKeydownBound&&(t.addEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!0)}isTablistRtl(){const t=this.headingsContainerRef;return!!t&&"rtl"===getComputedStyle(t).direction}renderChoices(){return this.tabHeadings.map((t=>{const s=t.getAttribute("target")??"",e=this.disabled||t.hasAttribute("disabled"),i=t.getAttribute("icon")||void 0;return{label:u(t),value:s,isDisabled:e,...i?{icon:i}:{}}}))}updateActiveBarPosition(){if("segment"===this.type)return;const t=this.tabHeadings.find((t=>t.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!t)return;const s=t.getBoundingClientRect(),e=this.headingsContainerRef.getBoundingClientRect(),i=s.left-e.left,a=s.width;this.activeBarPosition.left===i&&this.activeBarPosition.width===a||(this.activeBarPosition={left:i,width:a})}mobileSelectClassNames(){const t="xpl-tabs__mobile-select";return"segment"===this.type?t+" xpl-tabs__mobile-select--segment":t}render(){const t="segment"===this.type;return i(a,{key:"0bb77237fce464cc536ce4efabb29249fa14ef4a",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth,"xpl-tabs--segment":t},"data-choices-tick":this.choicesTick},i("xpl-select",{key:"fbcc113cc9a308df73bf99f6c941612725e49ddb",classNames:this.mobileSelectClassNames(),choices:this.renderChoices(),disabled:this.disabled,selectedValues:this.selectedValue,onDropdownStateChange:t=>{t.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:t=>{if(this.isMobileSelectChange){const s=""+t.detail;this.handleTabChange(s),this.tabChange.emit(s),this.isMobileSelectChange=!1}}}),i("nav",{key:"1b93068116c5ff0ac94d5139e147daffc1157c73","aria-orientation":"horizontal",class:"xpl-tabs__headings",role:"tablist",ref:t=>{this.headingsContainerRef=t},onTabChange:t=>{t.stopPropagation(),this.isMobileSelectChange=!1,this.handleTabChange(t.detail),this.tabChange.emit(t.detail)}},!t&&i("div",{key:"38a88df2520d308e3a22b4cd70ff274af7403616",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),i("slot",{key:"dc30ab2123d7c1c8b6591ac0129af44da3795977",name:"heading"})),i("div",{key:"36c1fc45216499d4af87b8fc536df3ea6af666ab",class:"xpl-tabs__panels"},i("slot",{key:"a660913c7d2fce500da666490b600b4c7fc93746",name:"panel"})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}}},[260,"xpl-tabs",{disabled:[4],fullWidth:[4,"full-width"],type:[513],value:[1],activeBarPosition:[32],choicesTick:[32],isMobileSelectChange:[32],selectedValue:[32]},[[9,"resize","onWindowResize"]],{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}]),m=f,g=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((t=>{switch(t){case"xpl-tabs":customElements.get(n(t))||customElements.define(n(t),f);break;case"xpl-dropdown":customElements.get(n(t))||o();break;case"xpl-dropdown-group":customElements.get(n(t))||h();break;case"xpl-dropdown-heading":customElements.get(n(t))||l();break;case"xpl-dropdown-option":customElements.get(n(t))||r();break;case"xpl-icon":customElements.get(n(t))||d();break;case"xpl-select":customElements.get(n(t))||c();break;case"xpl-tag":customElements.get(n(t))||p()}}))};export{m as XplTabs,g as defineCustomElement}

package/dist/components/xpl-tag.js

@@ -1 +1 @@
-import{T as o,d as s}from"./p-D--kzomA.js";const m=o,p=s;export{m as XplTag,p as defineCustomElement}
+import{T as a,d as o}from"./p-B7aaJikj.js";const s=a,p=o;export{s as XplTag,p as defineCustomElement}

package/dist/components/xpl-toast.js

@@ -1 +1 @@
-import{p as s,H as t,h as i,c as e,t as a}from"./p-BSHdGbmH.js";import{d as c}from"./p-Chpgh5SL.js";import{d as o}from"./p-l3EZ-agL.js";let n=!1;const l=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.caption="",this.dismissible=!0,this.showIcon=!0,this.timeout=8e3,this.variant="neutral",this.handleAnimationEnd=()=>{this.el?.classList.contains("xpl-toast--dismissed")&&this.el?.remove()},this.getIcon=()=>{switch(this.variant){case"warning":return i("xpl-icon",{size:24,icon:"octagon-warning"});case"success":return i("xpl-icon",{size:24,icon:"circle-check"});default:return i("xpl-icon",{size:24,icon:"message-writing"})}},this.dismiss=()=>{this.el?.classList.add("xpl-toast--dismissed")}}handleDismissableChange(){void 0!==this.dismissable&&(n||(n=!0,console.warn('[xpl-toast] The "dismissable" prop is deprecated (misspelled). Use "dismissible" instead.')))}handleTimeoutChange(){this.scheduleAutoDismiss()}disconnectedCallback(){this.clearAutoDismissTimer()}componentWillLoad(){this.handleDismissableChange()}componentDidLoad(){this.scheduleAutoDismiss()}get isDismissible(){return this.dismissable??this.dismissible}clearAutoDismissTimer(){void 0!==this.dismissTimerId&&(clearTimeout(this.dismissTimerId),this.dismissTimerId=void 0)}scheduleAutoDismiss(){this.clearAutoDismissTimer(),(this.actionSlot?.children?.length??0)<1&&this.timeout>0&&(this.dismissTimerId=setTimeout((()=>{this.dismiss()}),this.timeout))}render(){return i(e,{key:"8628e33a84d0ca36d5b99c791cf7860cadae6fb8",class:"xpl-toast xpl-toast--"+this.variant,onAnimationEnd:this.handleAnimationEnd},i("div",{key:"d1ea50362731f7cef97152eac2962f4d4084c514",class:"xpl-toast__left"},this.showIcon&&i("div",{key:"7eab4f78d0f8a2f5af12eeb1d74b14c300914841",class:"xpl-toast__icon xpl-toast__icon--"+this.variant},this.getIcon()),i("div",{key:"335be6f702b7300498d2960cb7184fe1fec059b4",class:"xpl-toast__notification"},i("p",{key:"1178d039190352d0482ae7486711ab2adfd2cc8f",class:"xpl-toast__title"},i("slot",{key:"75a98536db36c7a140b3d908cbd8f3d2e201ca81",name:"title"})),""!==this.caption&&i("p",{key:"009bba836fe9abbf34edf4618dd172961e9440fa",class:"xpl-toast__caption"},this.caption?.substring(0,85)))),i("div",{key:"4f47e498ea0c7627d9041a7a2e898fcecff9f59c",class:"xpl-toast__action",ref:s=>{s&&(this.actionSlot=s)}},i("slot",{key:"6ad3199d265b1298ea8200ba53690dcc92bdbf92",name:"action"})),this.isDismissible&&i("div",{key:"b1a1a790a592f5e4c7573c819b0c997a210bd68a",class:"xpl-toast__close"},i("xpl-button",{key:"2d9ad71fc8f8233f2fc12453ca8268fd5f1d8f74",variant:"tertiary",size:"sm",iconOnly:!0,icon:"xmark",type:"button","aria-label":"Dismiss notification",onClick:this.dismiss})))}get el(){return this}static get watchers(){return{dismissable:[{handleDismissableChange:0}],timeout:[{handleTimeoutChange:0}]}}},[260,"xpl-toast",{caption:[1],dismissable:[4],dismissible:[4],showIcon:[4,"show-icon"],timeout:[2],variant:[1]},void 0,{dismissable:[{handleDismissableChange:0}],timeout:[{handleTimeoutChange:0}]}]),d=l,h=function(){"undefined"!=typeof customElements&&["xpl-toast","xpl-button","xpl-icon"].forEach((s=>{switch(s){case"xpl-toast":customElements.get(a(s))||customElements.define(a(s),l);break;case"xpl-button":customElements.get(a(s))||c();break;case"xpl-icon":customElements.get(a(s))||o()}}))};export{d as XplToast,h as defineCustomElement}
+import{p as s,H as e,h as t,c as i,t as a}from"./p-BSHdGbmH.js";import{d as o}from"./p-CV5nn1zR.js";import{d as c}from"./p-CQjJIHK6.js";let n=!1;const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.caption="",this.dismissible=!0,this.showIcon=!0,this.timeout=8e3,this.variant="neutral",this.handleAnimationEnd=()=>{this.el?.classList.contains("xpl-toast--dismissed")&&this.el?.remove()},this.getIcon=()=>{switch(this.variant){case"warning":return t("xpl-icon",{size:24,icon:"octagon-warning"});case"success":return t("xpl-icon",{size:24,icon:"circle-check"});default:return t("xpl-icon",{size:24,icon:"message-writing"})}},this.dismiss=()=>{this.el?.classList.add("xpl-toast--dismissed")}}handleDismissableChange(){void 0!==this.dismissable&&(n||(n=!0,console.warn('[xpl-toast] The "dismissable" prop is deprecated (misspelled). Use "dismissible" instead.')))}handleTimeoutChange(){this.scheduleAutoDismiss()}disconnectedCallback(){this.clearAutoDismissTimer()}componentWillLoad(){this.handleDismissableChange()}componentDidLoad(){this.scheduleAutoDismiss()}get isDismissible(){return this.dismissable??this.dismissible}clearAutoDismissTimer(){void 0!==this.dismissTimerId&&(clearTimeout(this.dismissTimerId),this.dismissTimerId=void 0)}scheduleAutoDismiss(){this.clearAutoDismissTimer(),(this.actionSlot?.children?.length??0)<1&&this.timeout>0&&(this.dismissTimerId=setTimeout((()=>{this.dismiss()}),this.timeout))}render(){return t(i,{key:"d51d901c62de43e0ad248a626e0447a7849e50f3",class:"xpl-toast xpl-toast--"+this.variant,onAnimationEnd:this.handleAnimationEnd},t("div",{key:"e2e3585a43272f51f6ace1ce62544ae41464a3e5",class:"xpl-toast__left"},this.showIcon&&t("div",{key:"e3fd60595f205d8e15ed3ca1826e5e6d356e1a63",class:"xpl-toast__icon xpl-toast__icon--"+this.variant},this.getIcon()),t("div",{key:"49642e6ee5502c09deb32188b62a160f748bb564",class:"xpl-toast__notification"},t("p",{key:"f7176eea6e6e125bec0c4397b0399bb76e8554b7",class:"xpl-toast__title"},t("slot",{key:"d5dd0d0413ec4f8198d16f8689791614fea877bc",name:"title"})),""!==this.caption&&t("p",{key:"966112d3fe6dc1348341034685c606ca98e95d84",class:"xpl-toast__caption"},this.caption?.substring(0,85)))),t("div",{key:"c9ba66aaf64f191d5bab1c3290e0981a86a3ef91",class:"xpl-toast__action",ref:s=>{s&&(this.actionSlot=s)}},t("slot",{key:"faad90759fd343be3caa4540422c09d04642a217",name:"action"})),this.isDismissible&&t("div",{key:"25f1140170ec9a242e62c6665ebf0eb8aa1bae64",class:"xpl-toast__close"},t("xpl-button",{key:"635900d579bda4fb905c7280de700de1143d474b",variant:"tertiary",size:"sm",iconOnly:!0,icon:"xmark",type:"button","aria-label":"Dismiss notification",onClick:this.dismiss})))}get el(){return this}static get watchers(){return{dismissable:[{handleDismissableChange:0}],timeout:[{handleTimeoutChange:0}]}}},[260,"xpl-toast",{caption:[1],dismissable:[4],dismissible:[4],showIcon:[4,"show-icon"],timeout:[2],variant:[1]},void 0,{dismissable:[{handleDismissableChange:0}],timeout:[{handleTimeoutChange:0}]}]),d=l,h=function(){"undefined"!=typeof customElements&&["xpl-toast","xpl-button","xpl-icon"].forEach((s=>{switch(s){case"xpl-toast":customElements.get(a(s))||customElements.define(a(s),l);break;case"xpl-button":customElements.get(a(s))||o();break;case"xpl-icon":customElements.get(a(s))||c()}}))};export{d as XplToast,h as defineCustomElement}

package/dist/components/xpl-toggle.js

@@ -1 +1 @@
-import{p as e,H as s,d as t,h as l,c as i,t as a}from"./p-BSHdGbmH.js";import{v as c}from"./p-CK3_k8jD.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggleChange=t(this,"toggleChange",7),this.variant="default",this.id=c(),this.onChange=e=>{this.toggleChange.emit(e.target.checked)}}render(){let e="xpl-toggle-container";this.disabled&&(e+=" xpl-toggle-container--disabled");let s="xpl-toggle";return"small"===this.variant&&(s+=" xpl-toggle--small"),l(i,{key:"20b5e00613ac0f2567224d3ff2bcd7b7f761a8fc",class:e},(this.heading||this.description)&&l("label",{key:"a41dfe6403c629ef05792ba8dc7f0632fca9ca37",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},this.heading,this.description&&l("small",{key:"b0e1d30a0f5b358a7f588d3f8f0bc32f440b69df",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)),l("input",{key:"a59406c7cccf8a43349841bb060496ce0832823f",class:s,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,onChange:this.onChange}),this.label&&l("label",{key:"276ce3ec937627fd9d21f2b3771d9c779c5f91f1",htmlFor:this.id},this.label))}},[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]),h=d,o=function(){"undefined"!=typeof customElements&&["xpl-toggle"].forEach((e=>{"xpl-toggle"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))};export{h as XplToggle,o as defineCustomElement}
+import{p as e,H as s,d as t,h as l,c as i,t as a}from"./p-BSHdGbmH.js";import{v as c}from"./p-CK3_k8jD.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggleChange=t(this,"toggleChange",7),this.variant="default",this.id=c(),this.onChange=e=>{this.toggleChange.emit(e.target.checked)}}render(){let e="xpl-toggle-container";this.disabled&&(e+=" xpl-toggle-container--disabled");let s="xpl-toggle";return"small"===this.variant&&(s+=" xpl-toggle--small"),l(i,{key:"79915f2091093b5440ca3a8e63584e448137f479",class:e},(this.heading||this.description)&&l("label",{key:"6660a95ec66eec9ed33016efcf58aaf0940f6f47",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},this.heading,this.description&&l("small",{key:"160f0a90739142bc37779af28725183979de5a4c",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)),l("input",{key:"b136188b1de98d1ede875bf9f80b97c9ee66321d",class:s,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,onChange:this.onChange}),this.label&&l("label",{key:"0329f2badfa3b3e8c1153c2e5baa4ee76e40ac5d",htmlFor:this.id},this.label))}},[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]),h=d,o=function(){"undefined"!=typeof customElements&&["xpl-toggle"].forEach((e=>{"xpl-toggle"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))};export{h as XplToggle,o as defineCustomElement}

package/dist/components/xpl-toolbar.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,c as o,t as a}from"./p-BSHdGbmH.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');null!==e&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return s(o,{key:"d834b3f68a399f33c02e2a7d85623d9fbe2a21e2",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},s("div",{key:"54c4638e003685ade49f243f688e3ff5997f8759",class:"toolbar"},s("p",{key:"92815a7d1b10582742906aefa0ee9ef81311c459",class:"selected-item-count"},this.selectedItemCount," Selected"),s("div",{key:"dc1b9ee686a57bd7bca45785f90586751770f556",class:"actions"},s("slot",{key:"2cc26af5467e9ad44962bd1ac65f0b1087f86f7f",name:"actions-left"}),s("slot",{key:"f5f46662191f52c79f81ffd1ce47a492041c10ad",name:"actions-right"}))))}get el(){return this}},[260,"xpl-toolbar",{selectedItemCount:[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]),n=c,l=function(){"undefined"!=typeof customElements&&["xpl-toolbar"].forEach((e=>{"xpl-toolbar"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))};export{n as XplToolbar,l as defineCustomElement}
+import{p as e,H as t,h as s,c as o,t as c}from"./p-BSHdGbmH.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');null!==e&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return s(o,{key:"688ada0542f0634df6b447331833205149e88a94",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},s("div",{key:"6b8c2990c354d2b9ee93225ad98fb8fbaf3dbaf7",class:"toolbar"},s("p",{key:"60923603e318d109fd794259863a684d749ed52b",class:"selected-item-count"},this.selectedItemCount," Selected"),s("div",{key:"77df55c910d8ce89a4ff2a0356bc7cf78120e49a",class:"actions"},s("slot",{key:"5de2e6bd168c31be133c55758acd2f95c56b715c",name:"actions-left"}),s("slot",{key:"3f8b3540adbd441c28771410f4d33e29d87d3be9",name:"actions-right"}))))}get el(){return this}},[260,"xpl-toolbar",{selectedItemCount:[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]),a=d,n=function(){"undefined"!=typeof customElements&&["xpl-toolbar"].forEach((e=>{"xpl-toolbar"===e&&(customElements.get(c(e))||customElements.define(c(e),d))}))};export{a as XplToolbar,n as defineCustomElement}

package/dist/components/xpl-tooltip.js

@@ -1 +1 @@
-import{T as s,d as o}from"./p-BYYFsuD3.js";const p=s,r=o;export{p as XplTooltip,r as defineCustomElement}
+import{T as o,d as s}from"./p-B6YLKDUX.js";const p=o,r=s;export{p as XplTooltip,r as defineCustomElement}

package/dist/components/xpl-top-nav-item.js

@@ -1 +1 @@
-import{T as s,d as o}from"./p-xFsB212F.js";const p=s,r=o;export{p as XplTopNavItem,r as defineCustomElement}
+import{T as o,d as s}from"./p-Btb2UkLz.js";const t=o,p=s;export{t as XplTopNavItem,p as defineCustomElement}

package/dist/components/xpl-top-nav-menu.js

@@ -1 +1 @@
-import{p as t,H as e,h as s,c as n,t as i}from"./p-BSHdGbmH.js";import{T as a,i as o}from"./p-Dqb1pIRo.js";import{a as c,d as p}from"./p-xFsB212F.js";import{d as l}from"./p-l3EZ-agL.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.timers=new a,this.isMobileCascade=!1,this.onViewportChange=()=>{this.isMobileCascade=this.mobileMq?.matches??!1},this.handleBackClick=async()=>{const t=this.el.closest("xpl-top-nav-item");t&&(await t.closeMenu(),t.querySelector(".xpl-top-nav-item__inner")?.focus())}}connectedCallback(){o()&&"function"==typeof window.matchMedia&&(this.mobileMq=window.matchMedia(c),this.mobileMq.addEventListener("change",this.onViewportChange),this.isMobileCascade=this.mobileMq.matches),this.connectParentOpenObserver()}disconnectedCallback(){this.timers.dispose(),this.mobileMq?.removeEventListener("change",this.onViewportChange),this.mobileMq=void 0,this.disconnectParentOpenObserver()}connectParentOpenObserver(){this.disconnectParentOpenObserver();const t=this.el.parentElement;t&&"undefined"!=typeof MutationObserver&&(this.parentOpenObserver=new MutationObserver((()=>{this.scheduleParentOpenCheck()})),this.parentOpenObserver.observe(t,{attributes:!0,attributeFilter:["class"]}))}disconnectParentOpenObserver(){this.parentOpenObserver?.disconnect(),this.parentOpenObserver=void 0}scheduleParentOpenCheck(){this.timers.scheduleCoalesced("parentOpenCheck",(()=>{this.el.isConnected&&this.focusBackRowIfJustOpenedOnMobile()}))}focusBackRowIfJustOpenedOnMobile(){if(!this.isMobileCascade)return;const t=this.el.parentElement;t?.classList.contains("xpl-top-nav-item--dropdown-open")&&this.el.querySelector(".xpl-top-nav-menu__back .xpl-top-nav-item__inner")?.focus()}renderBackRow(){return this.isMobileCascade&&this.label?.trim()?s("xpl-top-nav-item",{class:"xpl-top-nav-menu__back",label:this.label,onNavItemClick:this.handleBackClick},s("xpl-icon",{slot:"leading-icon",icon:"chevron-left",size:24})):null}render(){return s(n,{key:"4b28448ecb93e59d9bdc731a8b56dd42ebda2c66",class:{"xpl-top-nav-menu":!0,dark:!0},role:"list","aria-label":this.label||void 0},this.renderBackRow(),s("slot",{key:"aa51dc10509298e469ca41a99ae7108283ee8f89"}))}get el(){return this}},[260,"xpl-top-nav-menu",{label:[1],isMobileCascade:[32]}]),h=r,m=function(){"undefined"!=typeof customElements&&["xpl-top-nav-menu","xpl-icon","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav-menu":customElements.get(i(t))||customElements.define(i(t),r);break;case"xpl-icon":customElements.get(i(t))||l();break;case"xpl-top-nav-item":customElements.get(i(t))||p()}}))};export{h as XplTopNavMenu,m as defineCustomElement}
+import{p as t,H as e,h as s,c as n,t as i}from"./p-BSHdGbmH.js";import{T as a,i as o}from"./p-Dqb1pIRo.js";import{a as c,d as p}from"./p-Btb2UkLz.js";import{d as l}from"./p-CQjJIHK6.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.timers=new a,this.isMobileCascade=!1,this.onViewportChange=()=>{this.isMobileCascade=this.mobileMq?.matches??!1},this.handleBackClick=async()=>{const t=this.el.closest("xpl-top-nav-item");t&&(await t.closeMenu(),t.querySelector(".xpl-top-nav-item__inner")?.focus())}}connectedCallback(){o()&&"function"==typeof window.matchMedia&&(this.mobileMq=window.matchMedia(c),this.mobileMq.addEventListener("change",this.onViewportChange),this.isMobileCascade=this.mobileMq.matches),this.connectParentOpenObserver()}disconnectedCallback(){this.timers.dispose(),this.mobileMq?.removeEventListener("change",this.onViewportChange),this.mobileMq=void 0,this.disconnectParentOpenObserver()}connectParentOpenObserver(){this.disconnectParentOpenObserver();const t=this.el.parentElement;t&&"undefined"!=typeof MutationObserver&&(this.parentOpenObserver=new MutationObserver((()=>{this.scheduleParentOpenCheck()})),this.parentOpenObserver.observe(t,{attributes:!0,attributeFilter:["class"]}))}disconnectParentOpenObserver(){this.parentOpenObserver?.disconnect(),this.parentOpenObserver=void 0}scheduleParentOpenCheck(){this.timers.scheduleCoalesced("parentOpenCheck",(()=>{this.el.isConnected&&this.focusBackRowIfJustOpenedOnMobile()}))}focusBackRowIfJustOpenedOnMobile(){if(!this.isMobileCascade)return;const t=this.el.parentElement;t?.classList.contains("xpl-top-nav-item--dropdown-open")&&this.el.querySelector(".xpl-top-nav-menu__back .xpl-top-nav-item__inner")?.focus()}renderBackRow(){return this.isMobileCascade&&this.label?.trim()?s("xpl-top-nav-item",{class:"xpl-top-nav-menu__back",label:this.label,onNavItemClick:this.handleBackClick},s("xpl-icon",{slot:"leading-icon",icon:"chevron-left",size:24})):null}render(){return s(n,{key:"10a844d721713b72f636a8a3a3e266139b9c0193",class:{"xpl-top-nav-menu":!0,dark:!0},role:"list","aria-label":this.label||void 0},this.renderBackRow(),s("slot",{key:"e7db1c580f34bf388658f6baacfc325322e2670e"}))}get el(){return this}},[260,"xpl-top-nav-menu",{label:[1],isMobileCascade:[32]}]),h=r,m=function(){"undefined"!=typeof customElements&&["xpl-top-nav-menu","xpl-icon","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav-menu":customElements.get(i(t))||customElements.define(i(t),r);break;case"xpl-icon":customElements.get(i(t))||l();break;case"xpl-top-nav-item":customElements.get(i(t))||p()}}))};export{h as XplTopNavMenu,m as defineCustomElement}

package/dist/components/xpl-top-nav.js

@@ -1 +1 @@
-import{p as t,H as s,d as e,h as i,c as n,t as o}from"./p-BSHdGbmH.js";import{h as a}from"./p-DkqlawVY.js";import{i as l}from"./p-Dqb1pIRo.js";import{d as r}from"./p-Chpgh5SL.js";import{d as h}from"./p-l3EZ-agL.js";import{d as p}from"./p-BdpZR4KO.js";import{d as c}from"./p-xFsB212F.js";const d=[".xpl-top-nav__brand-logo-slot",".xpl-top-nav__brand-bar"],v=".xpl-top-nav__user-menu-panel",u=[v,".xpl-top-nav__user-menu-stash"],b=[".xpl-top-nav__user-popover",".xpl-top-nav__user-menu-stash",".xpl-top-nav__right-user"],m=[v],x=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.brandClick=e(this,"brandClick",7),this.navOpen=e(this,"navOpen",7),this.slotProjectionDirty=!1,this.userPopoverDrawerSyncHost=null,this.brandLogoSlotPresent=!1,this.open=!1,this.slotProjectionNonce=0,this.userMenuSlotPresent=!1,this.userMenuTriggerSlotPresent=!1,this.focusNavControlAfterClose=()=>{void 0!==this.navControlFocusTimeoutId&&clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=setTimeout((()=>{this.navControlFocusTimeoutId=void 0,this.el.querySelector(".xpl-top-nav__nav-control")?.focus()}),0)},this.handleUserPopoverIsOpenChange=t=>{const{detail:s}=t;!0===s&&this.closeMobileDrawerWhenAccountMenuOpens()},this.onBrandNavItemClick=t=>{null==this.brandHref&&this.brandClick.emit(t.detail)},this.onDocKeyDownEscape=t=>{this.navControl&&this.open&&"Escape"===t.key&&(this.anyDescendantPopoverIsOpen()||this.el.querySelector("xpl-top-nav-item.xpl-top-nav-item--dropdown-open")||(t.preventDefault(),t.stopPropagation(),this.open=!1,this.navOpen.emit(!1),this.focusNavControlAfterClose()))},this.onDocClickOutsideDismiss=t=>{if(!this.navControl||!this.open)return;const s=t.target;null==s||this.anyDescendantPopoverIsOpen()||this.el.querySelector(".xpl-top-nav__left-primary")?.contains(s)||this.el.querySelector(".xpl-top-nav__nav-control")?.contains(s)||(this.open=!1,this.resetMobileCascade(),this.navOpen.emit(!1))},this.onNavToggle=()=>{const t=this.open;this.open=!this.open,this.navOpen.emit(this.open),t&&!this.open&&(this.resetMobileCascade(),this.focusNavControlAfterClose())},this.onUserPopoverInnerOpenClassChange=()=>{const t=this.userPopoverDrawerSyncHost;if(!t)return;const s=t.querySelector(".xpl-popover");s?.classList.contains("xpl-popover--is-open")&&this.closeMobileDrawerWhenAccountMenuOpens()},this.syncBrandLogoSlot=()=>{const t=a(this.el,"brand-logo",{hostTag:"xpl-top-nav",projectionRegionSelectors:d});t!==this.brandLogoSlotPresent&&(this.brandLogoSlotPresent=t)},this.syncUserMenuSlots=()=>{const t=a(this.el,"user-menu",{hostTag:"xpl-top-nav",projectionRegionSelectors:u}),s=a(this.el,"user-menu-trigger",{hostTag:"xpl-top-nav",projectionRegionSelectors:b,excludedRegionSelectors:m});t!==this.userMenuSlotPresent&&(this.userMenuSlotPresent=t),s!==this.userMenuTriggerSlotPresent&&(this.userMenuTriggerSlotPresent=s)}}onNavControlChanged(){this.syncOpenFromNavControl(),this.syncDocDismissListeners()}connectedCallback(){this.syncOpenFromNavControl(),this.syncDocDismissListeners(),this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.connectSlotContentObserver(),this.flushPendingSlotProjection()}disconnectedCallback(){void 0!==this.navControlFocusTimeoutId&&(clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=void 0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&(clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=void 0),this.removeDocDismissListeners(),this.disconnectSlotContentObserver(),this.disconnectUserPopoverDrawerSync()}componentWillLoad(){this.syncOpenFromNavControl(),this.syncBrandLogoSlot(),this.syncUserMenuSlots()}componentWillRender(){this.disconnectSlotContentObserver()}componentDidRender(){this.connectSlotContentObserver(),this.connectUserPopoverDrawerSync()}get childAccountLabelText(){return this.childAccountLabel?.trim()??""}get hasBrand(){const t=this.brandName?.trim()??"",s=this.brandLogo?.trim()??"";return t.length>0||s.length>0||this.brandLogoSlotPresent}get hasUserMenu(){return this.userMenuSlotPresent}get needsUserMenuSlotStash(){return!this.userMenuSlotPresent&&this.userMenuTriggerSlotPresent}get usesBuiltInChildAccountTrigger(){return this.hasUserMenu&&!this.userMenuTriggerSlotPresent}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const e=t[s].querySelector(".xpl-popover");if(e?.classList.contains("xpl-popover--is-open"))return!0}return!1}closeMobileDrawerWhenAccountMenuOpens(){this.navControl&&this.open&&(this.open=!1,this.navOpen.emit(!1))}connectSlotContentObserver(){this.disconnectSlotContentObserver(),"undefined"!=typeof MutationObserver&&(this.slotContentObserver=new MutationObserver((t=>{this.scheduleSlotContentSyncFromObserver(t)})),this.slotContentObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}connectUserPopoverDrawerSync(){const t=this.hasUserMenu?this.el.querySelector("xpl-popover.xpl-top-nav__user-popover"):null;if(t===this.userPopoverDrawerSyncHost)return;if(this.disconnectUserPopoverDrawerSync(),!t)return;this.userPopoverDrawerSyncHost=t,t.addEventListener("isOpenChange",this.handleUserPopoverIsOpenChange);const s=t.querySelector(".xpl-popover");s&&"undefined"!=typeof MutationObserver&&(this.userPopoverDrawerOpenObserver=new MutationObserver((()=>{this.onUserPopoverInnerOpenClassChange()})),this.userPopoverDrawerOpenObserver.observe(s,{attributes:!0,attributeFilter:["class"]}),this.onUserPopoverInnerOpenClassChange())}disconnectSlotContentObserver(){this.slotContentObserver?.disconnect(),this.slotContentObserver=void 0}disconnectUserPopoverDrawerSync(){this.userPopoverDrawerSyncHost&&(this.userPopoverDrawerSyncHost.removeEventListener("isOpenChange",this.handleUserPopoverIsOpenChange),this.userPopoverDrawerSyncHost=null),this.userPopoverDrawerOpenObserver?.disconnect(),this.userPopoverDrawerOpenObserver=void 0}removeDocDismissListeners(){const t=this.el.ownerDocument;t.removeEventListener("keydown",this.onDocKeyDownEscape,!1),t.removeEventListener("click",this.onDocClickOutsideDismiss,!0)}resetMobileCascade(){const t=this.el.querySelector(".xpl-top-nav__left-primary > xpl-top-nav-item.xpl-top-nav-item--dropdown-open");t?.closeMenu().catch((()=>{}))}scheduleSlotContentSyncFromObserver(t){this.mutationsAffectHostSlotting(t)&&(this.slotProjectionDirty=!0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=setTimeout((()=>{this.deferredSlotContentObserverSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.flushPendingSlotProjection())}),0)}flushPendingSlotProjection(){this.slotProjectionDirty&&(this.slotProjectionDirty=!1,this.slotProjectionNonce+=1)}mutationsAffectHostSlotting(t){return t.some((t=>"attributes"===t.type||"childList"===t.type&&t.target===this.el))}syncDocDismissListeners(){if(this.removeDocDismissListeners(),l()&&this.navControl){const t=this.el.ownerDocument;t.addEventListener("keydown",this.onDocKeyDownEscape,!1),t.addEventListener("click",this.onDocClickOutsideDismiss,!0)}}syncOpenFromNavControl(){const t=this.open;this.open=!1,t&&!this.navControl&&(this.resetMobileCascade(),this.navOpen.emit(!1))}render(){return i(n,{key:"00d598070bc4cee97d311206f48bf5cd873dcc8e",class:{"xpl-top-nav":!0,"xpl-top-nav--nav-control":!!this.navControl,"xpl-top-nav--open":this.open,"xpl-top-nav--has-child-account-label":this.childAccountLabelText.length>0,"xpl-top-nav--has-brand":this.hasBrand,"xpl-top-nav--has-user-menu":this.hasUserMenu,dark:!0}},i("nav",{key:"0b42d835c3aa211fa1686d3611ace212d69f1921","aria-label":this.label??"top-navigation-bar",class:"xpl-top-nav__bar"},i("div",{key:"b55f526eca470d1d50b19bf1694f66991d369ad7",class:"xpl-top-nav__inner-left"},this.navControl&&i("button",{key:"37589314adb7f9cc4a33dd4bc421b2473ece5b54",type:"button",class:"xpl-top-nav__nav-control","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onNavToggle},i("xpl-icon",{key:"acbdd20739df23cf49ff6542605513159cffe1da",class:"xpl-top-nav__control-icon",icon:"menu",size:32})),this.hasBrand&&i("div",{key:"148ba3e7114ce3f1edbf0618a231d94c4cc3c04f",class:"xpl-top-nav__brand-bar"},i("xpl-top-nav-item",{key:"cda2c5f5dca554b7b61d95b941bd0b969f871dd0",class:"xpl-top-nav__brand",href:this.brandHref,onNavItemClick:this.onBrandNavItemClick},this.brandLogo?.trim()?i("img",{class:"xpl-top-nav__brand-logo",src:this.brandLogo,alt:this.brandName?.trim()?this.brandName.trim():"Brand"}):this.brandLogoSlotPresent?i("span",{class:"xpl-top-nav__brand-logo-slot"},i("slot",{name:"brand-logo"})):null,this.brandName?.trim()?i("span",{class:"xpl-top-nav__brand-name"},this.brandName.trim()):null)),i("div",{key:"abca8522fe239fe207a291d7bd8bdfd1cab0ffc3",class:{"xpl-top-nav__aside":!0,"xpl-nav-left":!0}},i("div",{key:"f2fde6503e8bc319fbd60a4d5000d93644999d9a",class:"xpl-top-nav__left-primary",role:"list"},i("slot",{key:"ebbb61cf32cf5b0246cecc3d967f93f1834b9e11",name:"left-aside"})))),i("div",{key:"18c8d5990551ee655190aabb8ee85ad8d772b54e",class:{"xpl-top-nav__aside":!0,"xpl-nav-right":!0}},i("div",{key:"3120cb36425177943c3a52345396b5b2de9cc028",class:"xpl-nav-right__list"},i("div",{key:"6fde79b8b6d87bfdb617c591530307382bdff243",class:"xpl-top-nav__right-rail"},i("div",{key:"7e69e3e660887b7b39db058fb7e8cf42679a730e",class:"xpl-top-nav__right-lead"},i("slot",{key:"c198ab94307d3d126b5902890de73b434cb583b1",name:"right-aside"})),this.hasUserMenu?i("div",{class:"xpl-top-nav__right-user"},i("xpl-popover",{class:"xpl-top-nav__user-popover dark",position:"bottom-end",display:"menu"},this.userMenuTriggerSlotPresent?i("slot",{name:"user-menu-trigger",slot:"trigger"}):this.usesBuiltInChildAccountTrigger?i("xpl-button",{slot:"trigger",class:"xpl-top-nav__child-account-trigger",type:"button",variant:"tertiary",icon:"chevron-down",iconPosition:"end",iconOnly:0===this.childAccountLabelText.length,"aria-haspopup":"dialog","aria-label":this.childAccountLabelText.length>0?void 0:"Open account menu"},this.childAccountLabelText.length>0?this.childAccountLabelText:null):null,i("div",{class:"xpl-top-nav__user-menu-panel"},i("slot",{name:"user-menu"})))):null,this.needsUserMenuSlotStash?i("div",{class:"xpl-top-nav__user-menu-stash",hidden:!0,"aria-hidden":"true"},i("slot",{name:"user-menu-trigger"}),i("slot",{name:"user-menu"})):null)))))}get el(){return this}static get watchers(){return{navControl:[{onNavControlChanged:0}]}}},[260,"xpl-top-nav",{brandHref:[1,"brand-href"],brandLogo:[1,"brand-logo"],brandName:[1,"brand-name"],childAccountLabel:[1,"child-account-label"],label:[1],navControl:[516,"nav-control"],brandLogoSlotPresent:[32],open:[32],slotProjectionNonce:[32],userMenuSlotPresent:[32],userMenuTriggerSlotPresent:[32]},void 0,{navControl:[{onNavControlChanged:0}]}]),f=x,_=function(){"undefined"!=typeof customElements&&["xpl-top-nav","xpl-button","xpl-icon","xpl-popover","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav":customElements.get(o(t))||customElements.define(o(t),x);break;case"xpl-button":customElements.get(o(t))||r();break;case"xpl-icon":customElements.get(o(t))||h();break;case"xpl-popover":customElements.get(o(t))||p();break;case"xpl-top-nav-item":customElements.get(o(t))||c()}}))};export{f as XplTopNav,_ as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as n,t as o}from"./p-BSHdGbmH.js";import{h as a}from"./p-DkqlawVY.js";import{i as l}from"./p-Dqb1pIRo.js";import{d as r}from"./p-CV5nn1zR.js";import{d as h}from"./p-CQjJIHK6.js";import{d as p}from"./p-DTh_zemx.js";import{d as c}from"./p-Btb2UkLz.js";const d=[".xpl-top-nav__brand-logo-slot",".xpl-top-nav__brand-bar"],v=".xpl-top-nav__user-menu-panel",u=[v,".xpl-top-nav__user-menu-stash"],b=[".xpl-top-nav__user-popover",".xpl-top-nav__user-menu-stash",".xpl-top-nav__right-user"],m=[v],x=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.brandClick=e(this,"brandClick",7),this.navOpen=e(this,"navOpen",7),this.slotProjectionDirty=!1,this.userPopoverDrawerSyncHost=null,this.brandLogoSlotPresent=!1,this.open=!1,this.slotProjectionNonce=0,this.userMenuSlotPresent=!1,this.userMenuTriggerSlotPresent=!1,this.focusNavControlAfterClose=()=>{void 0!==this.navControlFocusTimeoutId&&clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=setTimeout((()=>{this.navControlFocusTimeoutId=void 0,this.el.querySelector(".xpl-top-nav__nav-control")?.focus()}),0)},this.handleUserPopoverIsOpenChange=t=>{const{detail:s}=t;!0===s&&this.closeMobileDrawerWhenAccountMenuOpens()},this.onBrandNavItemClick=t=>{null==this.brandHref&&this.brandClick.emit(t.detail)},this.onDocKeyDownEscape=t=>{this.navControl&&this.open&&"Escape"===t.key&&(this.anyDescendantPopoverIsOpen()||this.el.querySelector("xpl-top-nav-item.xpl-top-nav-item--dropdown-open")||(t.preventDefault(),t.stopPropagation(),this.open=!1,this.navOpen.emit(!1),this.focusNavControlAfterClose()))},this.onDocClickOutsideDismiss=t=>{if(!this.navControl||!this.open)return;const s=t.target;null==s||this.anyDescendantPopoverIsOpen()||this.el.querySelector(".xpl-top-nav__left-primary")?.contains(s)||this.el.querySelector(".xpl-top-nav__nav-control")?.contains(s)||(this.open=!1,this.resetMobileCascade(),this.navOpen.emit(!1))},this.onNavToggle=()=>{const t=this.open;this.open=!this.open,this.navOpen.emit(this.open),t&&!this.open&&(this.resetMobileCascade(),this.focusNavControlAfterClose())},this.onUserPopoverInnerOpenClassChange=()=>{const t=this.userPopoverDrawerSyncHost;if(!t)return;const s=t.querySelector(".xpl-popover");s?.classList.contains("xpl-popover--is-open")&&this.closeMobileDrawerWhenAccountMenuOpens()},this.syncBrandLogoSlot=()=>{const t=a(this.el,"brand-logo",{hostTag:"xpl-top-nav",projectionRegionSelectors:d});t!==this.brandLogoSlotPresent&&(this.brandLogoSlotPresent=t)},this.syncUserMenuSlots=()=>{const t=a(this.el,"user-menu",{hostTag:"xpl-top-nav",projectionRegionSelectors:u}),s=a(this.el,"user-menu-trigger",{hostTag:"xpl-top-nav",projectionRegionSelectors:b,excludedRegionSelectors:m});t!==this.userMenuSlotPresent&&(this.userMenuSlotPresent=t),s!==this.userMenuTriggerSlotPresent&&(this.userMenuTriggerSlotPresent=s)}}onNavControlChanged(){this.syncOpenFromNavControl(),this.syncDocDismissListeners()}connectedCallback(){this.syncOpenFromNavControl(),this.syncDocDismissListeners(),this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.connectSlotContentObserver(),this.flushPendingSlotProjection()}disconnectedCallback(){void 0!==this.navControlFocusTimeoutId&&(clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=void 0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&(clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=void 0),this.removeDocDismissListeners(),this.disconnectSlotContentObserver(),this.disconnectUserPopoverDrawerSync()}componentWillLoad(){this.syncOpenFromNavControl(),this.syncBrandLogoSlot(),this.syncUserMenuSlots()}componentWillRender(){this.disconnectSlotContentObserver()}componentDidRender(){this.connectSlotContentObserver(),this.connectUserPopoverDrawerSync()}get childAccountLabelText(){return this.childAccountLabel?.trim()??""}get hasBrand(){const t=this.brandName?.trim()??"",s=this.brandLogo?.trim()??"";return t.length>0||s.length>0||this.brandLogoSlotPresent}get hasUserMenu(){return this.userMenuSlotPresent}get needsUserMenuSlotStash(){return!this.userMenuSlotPresent&&this.userMenuTriggerSlotPresent}get usesBuiltInChildAccountTrigger(){return this.hasUserMenu&&!this.userMenuTriggerSlotPresent}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const e=t[s].querySelector(".xpl-popover");if(e?.classList.contains("xpl-popover--is-open"))return!0}return!1}closeMobileDrawerWhenAccountMenuOpens(){this.navControl&&this.open&&(this.open=!1,this.navOpen.emit(!1))}connectSlotContentObserver(){this.disconnectSlotContentObserver(),"undefined"!=typeof MutationObserver&&(this.slotContentObserver=new MutationObserver((t=>{this.scheduleSlotContentSyncFromObserver(t)})),this.slotContentObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}connectUserPopoverDrawerSync(){const t=this.hasUserMenu?this.el.querySelector("xpl-popover.xpl-top-nav__user-popover"):null;if(t===this.userPopoverDrawerSyncHost)return;if(this.disconnectUserPopoverDrawerSync(),!t)return;this.userPopoverDrawerSyncHost=t,t.addEventListener("isOpenChange",this.handleUserPopoverIsOpenChange);const s=t.querySelector(".xpl-popover");s&&"undefined"!=typeof MutationObserver&&(this.userPopoverDrawerOpenObserver=new MutationObserver((()=>{this.onUserPopoverInnerOpenClassChange()})),this.userPopoverDrawerOpenObserver.observe(s,{attributes:!0,attributeFilter:["class"]}),this.onUserPopoverInnerOpenClassChange())}disconnectSlotContentObserver(){this.slotContentObserver?.disconnect(),this.slotContentObserver=void 0}disconnectUserPopoverDrawerSync(){this.userPopoverDrawerSyncHost&&(this.userPopoverDrawerSyncHost.removeEventListener("isOpenChange",this.handleUserPopoverIsOpenChange),this.userPopoverDrawerSyncHost=null),this.userPopoverDrawerOpenObserver?.disconnect(),this.userPopoverDrawerOpenObserver=void 0}removeDocDismissListeners(){const t=this.el.ownerDocument;t.removeEventListener("keydown",this.onDocKeyDownEscape,!1),t.removeEventListener("click",this.onDocClickOutsideDismiss,!0)}resetMobileCascade(){const t=this.el.querySelector(".xpl-top-nav__left-primary > xpl-top-nav-item.xpl-top-nav-item--dropdown-open");t?.closeMenu().catch((()=>{}))}scheduleSlotContentSyncFromObserver(t){this.mutationsAffectHostSlotting(t)&&(this.slotProjectionDirty=!0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=setTimeout((()=>{this.deferredSlotContentObserverSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.flushPendingSlotProjection())}),0)}flushPendingSlotProjection(){this.slotProjectionDirty&&(this.slotProjectionDirty=!1,this.slotProjectionNonce+=1)}mutationsAffectHostSlotting(t){return t.some((t=>"attributes"===t.type||"childList"===t.type&&t.target===this.el))}syncDocDismissListeners(){if(this.removeDocDismissListeners(),l()&&this.navControl){const t=this.el.ownerDocument;t.addEventListener("keydown",this.onDocKeyDownEscape,!1),t.addEventListener("click",this.onDocClickOutsideDismiss,!0)}}syncOpenFromNavControl(){const t=this.open;this.open=!1,t&&!this.navControl&&(this.resetMobileCascade(),this.navOpen.emit(!1))}render(){return i(n,{key:"f51ed285523198b4ef39de7ea1e5dc025d5a308a",class:{"xpl-top-nav":!0,"xpl-top-nav--nav-control":!!this.navControl,"xpl-top-nav--open":this.open,"xpl-top-nav--has-child-account-label":this.childAccountLabelText.length>0,"xpl-top-nav--has-brand":this.hasBrand,"xpl-top-nav--has-user-menu":this.hasUserMenu,dark:!0}},i("nav",{key:"c2c14ed2ba975299efd76a391dfd6371b9214449","aria-label":this.label??"top-navigation-bar",class:"xpl-top-nav__bar"},i("div",{key:"c223b947ffbcb55c6c6a06fa3adaeaee7661b61e",class:"xpl-top-nav__inner-left"},this.navControl&&i("button",{key:"d364b6dd709d59730d40e7a0d41f9dd8fd55d40b",type:"button",class:"xpl-top-nav__nav-control","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onNavToggle},i("xpl-icon",{key:"b84614dc20189f641b2f5a08eef1c76610135598",class:"xpl-top-nav__control-icon",icon:"menu",size:32})),this.hasBrand&&i("div",{key:"90b104133cbdea89643923fd06f54179978862a5",class:"xpl-top-nav__brand-bar"},i("xpl-top-nav-item",{key:"2b40b31ba1312a76231f7a89b1e95508a5a146a1",class:"xpl-top-nav__brand",href:this.brandHref,onNavItemClick:this.onBrandNavItemClick},this.brandLogo?.trim()?i("img",{class:"xpl-top-nav__brand-logo",src:this.brandLogo,alt:this.brandName?.trim()?this.brandName.trim():"Brand"}):this.brandLogoSlotPresent?i("span",{class:"xpl-top-nav__brand-logo-slot"},i("slot",{name:"brand-logo"})):null,this.brandName?.trim()?i("span",{class:"xpl-top-nav__brand-name"},this.brandName.trim()):null)),i("div",{key:"ca3e9b4501ab3756301b2079bcb9632734e56922",class:{"xpl-top-nav__aside":!0,"xpl-nav-left":!0}},i("div",{key:"f2674faf140853536150058d13a5d40c7399979e",class:"xpl-top-nav__left-primary",role:"list"},i("slot",{key:"29363ac15d3f3bf7a43b237a7f7e0622c5bd54c4",name:"left-aside"})))),i("div",{key:"7c83bd0a80649b9cbe9ed757ead1136b6fabd09c",class:{"xpl-top-nav__aside":!0,"xpl-nav-right":!0}},i("div",{key:"c67e6d3365d90cd7f7c55b08dcc4fa56dcb3e291",class:"xpl-nav-right__list"},i("div",{key:"46b9c3b0b010bf52a5632bc81b279310c0a54438",class:"xpl-top-nav__right-rail"},i("div",{key:"72279d15a5464dfabd9f92c04bc231e270ea04b9",class:"xpl-top-nav__right-lead"},i("slot",{key:"d8b44d01141f9cfbeb7d6b019345ffc8c94fd0c3",name:"right-aside"})),this.hasUserMenu?i("div",{class:"xpl-top-nav__right-user"},i("xpl-popover",{class:"xpl-top-nav__user-popover dark",position:"bottom-end",display:"menu"},this.userMenuTriggerSlotPresent?i("slot",{name:"user-menu-trigger",slot:"trigger"}):this.usesBuiltInChildAccountTrigger?i("xpl-button",{slot:"trigger",class:"xpl-top-nav__child-account-trigger",type:"button",variant:"tertiary",icon:"chevron-down",iconPosition:"end",iconOnly:0===this.childAccountLabelText.length,"aria-haspopup":"dialog","aria-label":this.childAccountLabelText.length>0?void 0:"Open account menu"},this.childAccountLabelText.length>0?this.childAccountLabelText:null):null,i("div",{class:"xpl-top-nav__user-menu-panel"},i("slot",{name:"user-menu"})))):null,this.needsUserMenuSlotStash?i("div",{class:"xpl-top-nav__user-menu-stash",hidden:!0,"aria-hidden":"true"},i("slot",{name:"user-menu-trigger"}),i("slot",{name:"user-menu"})):null)))))}get el(){return this}static get watchers(){return{navControl:[{onNavControlChanged:0}]}}},[260,"xpl-top-nav",{brandHref:[1,"brand-href"],brandLogo:[1,"brand-logo"],brandName:[1,"brand-name"],childAccountLabel:[1,"child-account-label"],label:[1],navControl:[516,"nav-control"],brandLogoSlotPresent:[32],open:[32],slotProjectionNonce:[32],userMenuSlotPresent:[32],userMenuTriggerSlotPresent:[32]},void 0,{navControl:[{onNavControlChanged:0}]}]),f=x,_=function(){"undefined"!=typeof customElements&&["xpl-top-nav","xpl-button","xpl-icon","xpl-popover","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav":customElements.get(o(t))||customElements.define(o(t),x);break;case"xpl-button":customElements.get(o(t))||r();break;case"xpl-icon":customElements.get(o(t))||h();break;case"xpl-popover":customElements.get(o(t))||p();break;case"xpl-top-nav-item":customElements.get(o(t))||c()}}))};export{f as XplTopNav,_ as defineCustomElement}

package/dist/components/xpl-utility-bar.js

@@ -1 +1 @@
-import{p as t,H as s,d as a,h as i,c as e,t as n}from"./p-BSHdGbmH.js";import{d as l}from"./p-l3EZ-agL.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.navOpen=a(this,"navOpen",7),this.open=!0}onNavToggle(){this.open=!this.open,this.navOpen.emit(this.open)}componentWillLoad(){this.open=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.open}render(){return i(e,{key:"3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf"},i("nav",{key:"c809f6f649965d0b60d35c2bda31f721d67ccca1","aria-label":"utility navigation bar",class:"xpl-utility-bar"},this.navControl?i("div",null,i("button",{class:"xpl-utility-bar__nav-control",onClick:()=>this.onNavToggle()},i("xpl-icon",{class:"xpl-utility-nav__bars",icon:"three-bars"})),i("slot",{name:"aside"})):i("slot",{name:"aside"}),i("slot",{key:"99e22823c94e66c5dce24815485c7513b11e9267",name:"main"})))}},[260,"xpl-utility-bar",{navControl:[4,"nav-control"],isNavOpenAtStartup:[4,"is-nav-open-at-startup"],open:[32]}]),c=o,r=function(){"undefined"!=typeof customElements&&["xpl-utility-bar","xpl-icon"].forEach((t=>{switch(t){case"xpl-utility-bar":customElements.get(n(t))||customElements.define(n(t),o);break;case"xpl-icon":customElements.get(n(t))||l()}}))};export{c as XplUtilityBar,r as defineCustomElement}
+import{p as t,H as s,d as a,h as i,c as e,t as n}from"./p-BSHdGbmH.js";import{d as l}from"./p-CQjJIHK6.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.navOpen=a(this,"navOpen",7),this.open=!0}onNavToggle(){this.open=!this.open,this.navOpen.emit(this.open)}componentWillLoad(){this.open=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.open}render(){return i(e,{key:"9bb4778368fca3035fc19b74ec3881b9c21ce856"},i("nav",{key:"909606f5baaef1a9c7402ac18107a607aa1df742","aria-label":"utility navigation bar",class:"xpl-utility-bar"},this.navControl?i("div",null,i("button",{class:"xpl-utility-bar__nav-control",onClick:()=>this.onNavToggle()},i("xpl-icon",{class:"xpl-utility-nav__bars",icon:"three-bars"})),i("slot",{name:"aside"})):i("slot",{name:"aside"}),i("slot",{key:"d6bce27702906a01823de67d63173406ceb06290",name:"main"})))}},[260,"xpl-utility-bar",{navControl:[4,"nav-control"],isNavOpenAtStartup:[4,"is-nav-open-at-startup"],open:[32]}]),c=o,r=function(){"undefined"!=typeof customElements&&["xpl-utility-bar","xpl-icon"].forEach((t=>{switch(t){case"xpl-utility-bar":customElements.get(n(t))||customElements.define(n(t),o);break;case"xpl-icon":customElements.get(n(t))||l()}}))};export{c as XplUtilityBar,r as defineCustomElement}

package/dist/docs/xpl-avatar/readme.md

@@ -203,7 +203,7 @@ These are the main Apollo Foundation tokens used in `packages/apollo-core/src/cs
 | With-text secondary line | `var(--xpl-text-subdued)`, `var(--xpl-font-size-body)` |
 | Group overflow pill | `var(--xpl-background-surface-subtle)`, `var(--xpl-text-subdued)` |
 | Group avatar ring | `box-shadow` using `var(--xpl-border-large)` and `var(--xpl-background-surface-default)` |
-| Width / height | `var(--xpl-size-*)` for standard sizes; profile default uses `9rem` (documented in `TECH_DEBT.md`) |
+| Width / height | `var(--xpl-size-*)` for standard sizes; profile default uses `var(--xpl-size-900)` (144px) |
 | Spacing & overlap | `var(--xpl-space-*)`, `var(--xpl-z-index-*)` |
 
 **Status dots** are styled by `xpl-badge`; see [`xpl-badge` readme](../xpl-badge/readme.md) for badge token usage.

package/dist/docs/xpl-checkbox/readme.md

@@ -68,15 +68,13 @@ The checkbox label and description are styled by the shared `.xpl-label` / `.xpl
 
  - [xpl-choicelist](../xpl-choicelist)
  - [xpl-header-accordion](../xpl-header-accordion)
- - [xpl-table](../xpl-table)
- - [xpl-table-header-cell](../xpl-table-header-cell)
+ - [xpl-table-header-cell](../xpl-table/xpl-table-header-cell)
 
 ### Graph
 ```mermaid
 graph TD;
   xpl-choicelist --> xpl-checkbox
   xpl-header-accordion --> xpl-checkbox
-  xpl-table --> xpl-checkbox
   xpl-table-header-cell --> xpl-checkbox
   style xpl-checkbox fill:#f9f,stroke:#333,stroke-width:4px
 ```

package/dist/docs/xpl-data-card/readme.md

@@ -24,7 +24,7 @@ The card is styled entirely with Apollo Foundation purpose-specific tokens (dark
 | Anchor focus-visible border | `border` | `--xpl-border-small` + `--xpl-border-focus` (purple) |
 | Anchor focus-visible outline | `outline` | `--xpl-border-focus`, 2px width / 2px offset |
 | Anchor hover / focus-visible radius | `border-radius` | `--xpl-border-radius-default` |
-| Anchor hover shadow | `box-shadow` | `--xpl-background-surface-transparent-10` / `--xpl-background-surface-transparent-5` |
+| Anchor hover shadow | `box-shadow` | `--xpl-elevation-2` (theme-aware) |
 | Header / stat spacing | `margin` | `--xpl-space-4`, `--xpl-space-6` |
 | Container-query stat | `font-size` | `--xpl-font-size-title-2` |
 

package/dist/docs/xpl-dynamic-table/readme.md

@@ -2,7 +2,10 @@
 
 > **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases.
 
-The Dynamic Table is a rich content table that can accommodate multiple types of data. 
+The Dynamic Table is a rich content table that can accommodate multiple types of data.
+
+> **[DEPRECATED]** Use the compositional `<xpl-table>` API instead.
+> This component will be removed in a future major release.
 
 ## Design Tokens
 

package/dist/docs/xpl-dynamic-table-cell/readme.md

@@ -2,6 +2,8 @@
 
 > **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases.
 
+> **[DEPRECATED]** Use `<xpl-table-cell>` instead.
+> This component will be removed in a future major release.
 
 <!-- Auto Generated Below -->
 

package/dist/docs/xpl-dynamic-table-row/readme.md

@@ -2,6 +2,8 @@
 
 > **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases.
 
+> **[DEPRECATED]** Use `<xpl-table-row>` instead.
+> This component will be removed in a future major release.
 
 <!-- Auto Generated Below -->
 

package/dist/docs/xpl-icon/readme.md

@@ -74,7 +74,7 @@ Subtle per-hue accent tints use primitive color tokens (`-50` light / `-900` dar
  - [xpl-spotlight](../xpl-spotlight)
  - [xpl-tab](../xpl-tab)
  - [xpl-table](../xpl-table)
- - [xpl-table-header-cell](../xpl-table-header-cell)
+ - [xpl-table-header-cell](../xpl-table/xpl-table-header-cell)
  - [xpl-tag](../xpl-tag)
  - [xpl-toast](../xpl-toast)
  - [xpl-top-nav](../xpl-top-nav)

package/dist/docs/xpl-input/xpl-input-time/readme.md

@@ -9,7 +9,7 @@ Tokens used by this component from `@xplortech/apollo-foundation`.
 **Color**
 - `--xpl-border-negative` — error state border color (unified with input-date / input-color)
 - `--xpl-icon-default` — leading clock icon color (matches input-date's calendar icon)
-- `--xpl-background-surface-transparent-10`, `--xpl-background-surface-transparent-5` — time dropdown box-shadow (purpose-specific; flips to white-based transparency in dark mode)
+- `--xpl-elevation-2` — time dropdown box-shadow (theme-aware; references the surface-transparent tokens, which flip to white-based transparency in dark mode)
 
 <!-- Auto Generated Below -->
 

package/dist/docs/xpl-large-card/readme.md

@@ -17,7 +17,7 @@ The card is styled entirely with Apollo Foundation purpose-specific tokens (dark
 | Anchor focus-visible border | `border` | `--xpl-border-small` + `--xpl-border-focus` (purple) |
 | Anchor focus-visible outline | `outline` | `--xpl-border-focus`, 2px width / 2px offset |
 | Anchor hover / focus-visible radius | `border-radius` | `--xpl-border-radius-default` |
-| Anchor hover shadow | `box-shadow` | `--xpl-background-surface-transparent-10` / `--xpl-background-surface-transparent-5` |
+| Anchor hover shadow | `box-shadow` | `--xpl-elevation-2` (theme-aware) |
 | Header / tooltip / icon spacing | `margin` | `--xpl-space-4`, `--xpl-space-6`, `--xpl-space-8` |
 
 <!-- Auto Generated Below -->

package/dist/docs/xpl-modal/readme.md

@@ -13,7 +13,7 @@ Modals are disruptive and should only be used when disrupting the user’s flow
 | `&__dialog` | background | `--xpl-background-surface-default` |
 | `&__dialog` | text color | `--xpl-text-default` |
 | `&__dialog` | radius | `--xpl-border-radius-large` |
-| `&__dialog` | shadow color | `--xpl-color-transparent-neutral-10` / `--xpl-color-transparent-neutral-5` |
+| `&__dialog` | shadow | `--xpl-elevation-4` (theme-aware) |
 | `&__title` | typography (size / weight / line-height) | `@extend .xpl-text-title-3` → `title-3` / `bold` / `1.4` |
 | `&__subtitle` | color | `--xpl-text-subdued` |
 | `&__subtitle` | typography (size / weight / line-height) | `@extend .xpl-text-callout` → `callout` / `normal` / `1.3333` |
@@ -22,7 +22,7 @@ Modals are disruptive and should only be used when disrupting the user’s flow
 
 Modal widths are documented CSS literals: small `400px`, medium `600px`, large `800px`, mobile `350px` (see `modal.css` and `TECH_DEBT.md`).
 
-> **Elevation shadow (interim):** Figma specs the dialog shadow as the single "Shadow 4" elevation style (`y=20`, `blur=25`, color `background-surface-transparent-10`). Foundation has no elevation/shadow tokens yet, so the shadow geometry is hand-authored and its color uses the primitive `--xpl-color-transparent-neutral-10 / -5`. This migrates to the purpose-specific `--xpl-background-surface-transparent-10` (theme-aware) once elevation tokens land — tracked in `TECH_DEBT.md`.
+> **Elevation shadow:** the dialog uses `--xpl-elevation-4` (theme-aware), which matches Figma's "Shadow 4" style (`y=20`, `blur=25`, color `background-surface-transparent-10`). See `TECH_DEBT.md`.
 
 ## Accessibility
 

package/dist/docs/xpl-popover/readme.md

@@ -9,8 +9,7 @@ Tokens used by this component from `@xplortech/apollo-foundation`.
 
 **Color**
 - `--xpl-background-surface-default` — content panel background and arrow fill
-- `--xpl-background-surface-transparent-10` — shadow primary layer
-- `--xpl-background-surface-transparent-5` — shadow secondary layer
+- `--xpl-elevation-2` — content panel shadow (theme-aware)
 - `--xpl-text-default` — content text color
 - `--xpl-border-default` — content panel border and arrow stroke
 

package/dist/docs/xpl-slideout/readme.md

@@ -23,7 +23,7 @@ Panel widths are documented CSS literals: `min-width: 21.5rem`, `max-width: 37.5
 
 The `.content.has-shadow` shadow is a scroll affordance applied only to the top and bottom edges (per Figma node 52462-9896) to signal that content is hidden behind the header/footer when it overflows.
 
-> **Elevation shadow (interim):** Figma specs the panel shadow as the single "Shadow 4" elevation style (`y=20`, `blur=25`, color `background-surface-transparent-10`). Foundation has no elevation/shadow tokens yet, so the shadow geometry is hand-authored and its color uses the primitive `--xpl-color-transparent-neutral-10 / -5`. This migrates to the purpose-specific `--xpl-background-surface-transparent-10` (theme-aware) once elevation tokens land — tracked in `TECH_DEBT.md`.
+> **Elevation shadow (documented deviation):** the panel shadow is a custom single-edge shadow cast left onto the page content (`-10px 0 15px -3px`, `4px 0 6px -2px` over `--xpl-color-transparent-neutral-10 / -5`). Figma specs a leading-edge-only shadow for this right-anchored panel; the shared `--xpl-elevation-*` tokens are vertical (bottom-cast) and do not fit a side-anchored panel, so the hand-authored geometry is kept — see `TECH_DEBT.md`.
 
 <!-- Auto Generated Below -->
 

package/dist/docs/xpl-spotlight/readme.md

@@ -134,6 +134,7 @@ The component relies on Foundation purpose tokens in `spotlight.css` so light/da
 | Card width | `var(--xpl-spotlight-width)` on the host (defined in `spotlight.css`; design-specific width until shared layout tokens exist — see `TECH_DEBT.md`) |
 | Image region min-height | `var(--xpl-spotlight-image-min-height)` on `.xpl-spotlight__image-container` (same note as card width) |
 | Card background | `var(--xpl-background-surface-default)` |
+| Card shadow | `var(--xpl-elevation-3)` (theme-aware elevation token) |
 | Host stacking | `var(--xpl-z-index-800)` |
 | Placeholder pattern | `var(--xpl-background-surface-subtle)` |
 | Heading text | `var(--xpl-text-default)` |