genesys-spark-components 4.128.0 → 4.129.0

package/dist/genesys-webcomponents/{p-0e56967f.entry.js → p-35d9ba50.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as s,d as i,h as a,H as h,g as o}from"./p-c2a62a18.js";import{b as n}from"./p-16feb2a1.js";import{w as l}from"./p-e97879b4.js";import{r}from"./p-0934300e.js";import{t as c}from"./p-71727c21.js";import{t as d}from"./p-408d5857.js";import"./p-4202e9f2.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>{this.prepareSelectableRows(),s(this)})),this.tableId=r("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await n(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),i((()=>{this.checkVerticalScroll()})),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkVerticalScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.disabled)),i=s.filter((t=>t.selected)),a=Boolean(e.length),h=i.length===s.length,o=0===i.length;t.selected=a&&h,t.setIndeterminate(a&&!h&&!o)}}handleSelectAllRows(t){this.rowCheckboxes.forEach((e=>{e.disabled||(e.selected=t,this.updateRowSelection(e))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n        width:${String(this.columnsWidths[t])}px;\n        min-width:${String(this.columnsWidths[t])}px;\n      }`})),t.innerHTML=e}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(h,{key:"bd389cfd9c07dd80a974b4aa42679a32cc823251","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{key:"d23a9885c0d82a90509b1e681da8a993bfb502a6",class:"gux-table"},a("div",{key:"9aaca56f3ab9d94c407608e025a591ca8794bf68",tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{key:"ec9282a8e491bfc0592ff5adfeb1d52787c3d451",name:"data"})),this.isTableEmpty&&a("div",{key:"e66e25529aaeba857630213be99627b59c598acc",class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{position:relative;display:block}:host .gux-table{position:relative;block-size:inherit}:host .gux-table .gux-table-container{max-block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor);scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}";export{g as gux_table}
+import{r as t,c as e,f as s,d as i,h as a,H as h,g as o}from"./p-c2a62a18.js";import{b as n}from"./p-16feb2a1.js";import{w as l}from"./p-e97879b4.js";import{r}from"./p-0934300e.js";import{t as c}from"./p-f905662b.js";import{t as d}from"./p-408d5857.js";import"./p-4202e9f2.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>{this.prepareSelectableRows(),s(this)})),this.tableId=r("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await n(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),i((()=>{this.checkVerticalScroll()})),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkVerticalScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.disabled)),i=s.filter((t=>t.selected)),a=Boolean(e.length),h=i.length===s.length,o=0===i.length;t.selected=a&&h,t.setIndeterminate(a&&!h&&!o)}}handleSelectAllRows(t){this.rowCheckboxes.forEach((e=>{e.disabled||(e.selected=t,this.updateRowSelection(e))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n        width:${String(this.columnsWidths[t])}px;\n        min-width:${String(this.columnsWidths[t])}px;\n      }`})),t.innerHTML=e}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(h,{key:"bd389cfd9c07dd80a974b4aa42679a32cc823251","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{key:"d23a9885c0d82a90509b1e681da8a993bfb502a6",class:"gux-table"},a("div",{key:"9aaca56f3ab9d94c407608e025a591ca8794bf68",tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{key:"ec9282a8e491bfc0592ff5adfeb1d52787c3d451",name:"data"})),this.isTableEmpty&&a("div",{key:"e66e25529aaeba857630213be99627b59c598acc",class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{position:relative;display:block}:host .gux-table{position:relative;block-size:inherit}:host .gux-table .gux-table-container{max-block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor);scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}";export{g as gux_table}

package/dist/genesys-webcomponents/{p-46ab841c.entry.js → p-3639ddaf.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,g as e}from"./p-c2a62a18.js";import{a as o,c as a,o as r,f as h,s as n,h as p,b as c}from"./p-864af39c.js";import{a as d}from"./p-cf0e7d3b.js";import{O as l}from"./p-6a2b1013.js";import{t as u}from"./p-71727c21.js";import{f as b}from"./p-9b0d3713.js";const f=class{constructor(i){t(this,i),this.guxdismiss=s(this,"guxdismiss",7),this.disconnect=void 0,this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":this.dismiss();break;case"Escape":this.dismiss(),this.forElement.focus()}}checkForClickOutside(t){const s=t.composedPath(),i=b(this.root,this.for),e=s.includes(i);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||e||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=o(b(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=b(this.root,this.for);this.popupElement&&a(t,this.popupElement,{strategy:"fixed",placement:this.position,middleware:[r(2),h(),n(),p(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:s,middlewareData:i,placement:e})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${s}px`});const o={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];if(i.arrow){const{x:t,y:s}=i.arrow;this.popupElement.setAttribute("data-placement",e),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[o]:"-6.5px",transform:"rotate(45deg)"})}i.hide&&Object.assign(this.popupElement.style,{visibility:i.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.togglePopover())}focusFirstItemInPopupList(){d((()=>{this.listElement.guxFocusFirstItem()}))}onKeydown(t){switch(t.key){case"Enter":case" ":this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusFirstItemInPopupList()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){u(this.root,{variant:this.position}),this.listElement=this.root.querySelector("gux-list"),this.forElement=b(this.root,this.for),this.forElement.setAttribute("aria-haspopup","true");const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const s=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",s),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",s)}}componentDidLoad(){this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition())}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return i("div",{key:"cdea9ebee6b85deab6bbcfc44ca8a9626e8ef8f2",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0,popover:"manual"},i("div",{key:"6e59da2b8f942a46f41b6d57b7ea2b393d881571",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&i("gux-dismiss-button",{key:"6ded178ca872ba0fab15967d4eb2583191e2632b",onClick:this.dismiss.bind(this)}),i("div",{key:"cb33cdb1975874d5d4cfd069357ec2129965ee06",class:"gux-popover-content"},i("slot",{key:"3398bff040d97a76c937f259872652f869e76469"})))}get root(){return e(this)}};(function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)})([l({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{f as gux_popover_list_beta}
+import{r as t,c as s,h as i,g as e}from"./p-c2a62a18.js";import{a as o,c as a,o as r,f as h,s as n,h as p,b as c}from"./p-864af39c.js";import{a as d}from"./p-cf0e7d3b.js";import{O as l}from"./p-6a2b1013.js";import{t as b}from"./p-f905662b.js";import{f as u}from"./p-9b0d3713.js";const f=class{constructor(i){t(this,i),this.guxdismiss=s(this,"guxdismiss",7),this.disconnect=void 0,this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":this.dismiss();break;case"Escape":this.dismiss(),this.forElement.focus()}}checkForClickOutside(t){const s=t.composedPath(),i=u(this.root,this.for),e=s.includes(i);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||e||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=o(u(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=u(this.root,this.for);this.popupElement&&a(t,this.popupElement,{strategy:"fixed",placement:this.position,middleware:[r(2),h(),n(),p(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:s,middlewareData:i,placement:e})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${s}px`});const o={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];if(i.arrow){const{x:t,y:s}=i.arrow;this.popupElement.setAttribute("data-placement",e),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[o]:"-6.5px",transform:"rotate(45deg)"})}i.hide&&Object.assign(this.popupElement.style,{visibility:i.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.togglePopover())}focusFirstItemInPopupList(){d((()=>{this.listElement.guxFocusFirstItem()}))}onKeydown(t){switch(t.key){case"Enter":case" ":this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusFirstItemInPopupList()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){b(this.root,{variant:this.position}),this.listElement=this.root.querySelector("gux-list"),this.forElement=u(this.root,this.for),this.forElement.setAttribute("aria-haspopup","true");const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const s=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",s),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",s)}}componentDidLoad(){this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition())}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return i("div",{key:"cdea9ebee6b85deab6bbcfc44ca8a9626e8ef8f2",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0,popover:"manual"},i("div",{key:"6e59da2b8f942a46f41b6d57b7ea2b393d881571",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&i("gux-dismiss-button",{key:"6ded178ca872ba0fab15967d4eb2583191e2632b",onClick:this.dismiss.bind(this)}),i("div",{key:"cb33cdb1975874d5d4cfd069357ec2129965ee06",class:"gux-popover-content"},i("slot",{key:"3398bff040d97a76c937f259872652f869e76469"})))}get root(){return e(this)}};(function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)})([l({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{f as gux_popover_list_beta}