genesys-spark-components 4.0.0-beta.44 → 4.0.0-beta.46

package/dist/genesys-webcomponents/{p-51940542.entry.js → p-2ca5e73e.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,g as s}from"./p-ed724d66.js";import{o}from"./p-31cd1b9a.js";import{O as n}from"./p-8c362857.js";import{a as r}from"./p-ffaadf62.js";import{t as p}from"./p-4281155a.js";import{b as a}from"./p-52e27c60.js";import"./p-0962dd7a.js";const u={searchAria:"Search"};const c=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){p(this.root),this.i18n=await a(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup",{expanded:this.opened,disabled:this.disabled},i("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{class:"gux-icon-wrapper"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{class:"gux-dropdown-menu-container"},i("gux-form-field-search",{"label-position":"screenreader"},i("label",{slot:"label"},this.i18n("searchAria")),i("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){r((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return s(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);n>3&&r&&Object.defineProperty(t,i,r)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{c as gux_advanced_dropdown_legacy}
+import{r as e,c as t,h as i,g as s}from"./p-deca7631.js";import{o}from"./p-31cd1b9a.js";import{O as n}from"./p-c49670a7.js";import{a as r}from"./p-ffaadf62.js";import{t as a}from"./p-bc1ec126.js";import{b as p}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const u={searchAria:"Search"};const c=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){a(this.root),this.i18n=await p(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup",{expanded:this.opened,disabled:this.disabled},i("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{class:"gux-icon-wrapper"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{class:"gux-dropdown-menu-container"},i("gux-form-field-search",{"label-position":"screenreader"},i("label",{slot:"label"},this.i18n("searchAria")),i("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){r((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return s(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);n>3&&r&&Object.defineProperty(t,i,r)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{c as gux_advanced_dropdown_legacy}

package/dist/genesys-webcomponents/{p-37a6cf93.entry.js → p-2d34f76f.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,H as r,g as i}from"./p-ed724d66.js";import{b as s}from"./p-52e27c60.js";import{c as n}from"./p-a285abaf.js";import"./p-0962dd7a.js";import"./p-7b08c759.js";import"./p-373c5d93.js";const a={activateReordering:"Activate reordering mode for {columnName} column"},c=class{constructor(o){t(this,o),this.internal_order_change=e(this,"internal_order_change",7),this.internal_keyboard_reorder_start=e(this,"internal_keyboard_reorder_start",7),this.internal_keyboard_reorder_move=e(this,"internal_keyboard_reorder_move",7),this.internal_keyboard_reorder_emit=e(this,"internal_keyboard_reorder_emit",7),this.internal_keyboard_reorder_finish=e(this,"internal_keyboard_reorder_finish",7),this.orderId=void 0,this.highlightActive=void 0,this.highlight=void 0,this.text=void 0,this.pendingReorder="none",this.isDragging=!1,this.isReordering=!1}async guxSetHighlight(t="",e=!1){this.highlight=t,this.highlightActive=e}async guxFocus(){this.reorderButtonElement.focus()}onBlur(){this.setReorderMode(!1)}onDragStart(t){this.isDragging=!0;const e=n(this.root);t.dataTransfer.setData("oldIndex",String(e)),t.dataTransfer.effectAllowed="move"}onDragEnter(t){t.dataTransfer.dropEffect="move",this.pendingReorder=this.mouseOnTopHalf(t)?"above":"below"}onDragOver(t){t.preventDefault(),this.pendingReorder=this.mouseOnTopHalf(t)?"above":"below"}onDragLeave(){this.pendingReorder="none"}onDragEnd(){this.isDragging=!1}onDrop(t){const e=Number(t.dataTransfer.getData("oldIndex")),o=n(this.root);t.stopPropagation(),t.stopImmediatePropagation(),this.pendingReorder="none";const r=function(t,e,o){return t<e?o?e-1:e:o?e:e+1}(e,o,this.mouseOnTopHalf(t));return this.internal_order_change.emit({oldIndex:e,newIndex:r}),!1}mouseOnTopHalf(t){const e=this.root.getBoundingClientRect();return t.clientY-e.top<=(e.bottom-e.top)/2}onSlotChange(){this.text=this.root.querySelector("gux-form-field-checkbox label").textContent}setReorderMode(t,e=!1){this.isReordering!==t&&(this.isReordering=t,t?this.internal_keyboard_reorder_start.emit(this.text):(e&&this.internal_keyboard_reorder_emit.emit(),this.internal_keyboard_reorder_finish.emit()))}toggleReorderMode(){this.setReorderMode(!this.isReordering,!0)}keyboardReorder(t){if(this.isReordering)switch(t.key){case"ArrowUp":t.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:-1,column:this.text});break;case"ArrowDown":t.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:1,column:this.text});break;case"Home":t.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:-1/0,column:this.text});break;case"End":t.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:1/0,column:this.text});break;case"Escape":t.preventDefault(),this.setReorderMode(!1)}}async componentWillLoad(){this.i18n=await s(this.root,a)}render(){return o(r,{draggable:"true"},o("div",{class:{"gux-container":!0,[`gux-drop-${this.pendingReorder}`]:!0,"gux-dragging":this.isDragging}},o("button",{class:{"gux-reorder":!0,"gux-reordering":this.isReordering},type:"button",onClick:()=>this.toggleReorderMode(),onKeyDown:t=>this.keyboardReorder(t),ref:t=>this.reorderButtonElement=t},o("gux-icon",{"icon-name":"grab-vertical",decorative:!0}),o("span",{class:"gux-sr-only"},this.i18n("activateReordering",{columnName:this.text}))),o("div",{class:"gux-select"},o("slot",{onSlotchange:()=>this.onSlotChange()}),o("gux-text-highlight",{highlight:this.highlight,text:this.text,strategy:"contains",dimmed:!this.highlightActive}))))}get root(){return i(this)}};c.style=":host([gs-reorder-indicator=above]) .gux-container{border-top-color:#aac9ff}:host([gs-reorder-indicator=below]) .gux-container{border-bottom-color:#aac9ff}.gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);align-content:stretch;align-items:center;justify-content:flex-start;margin-bottom:-2px;border-top:2px solid transparent;border-bottom:2px solid transparent}.gux-container.gux-drop-above{border-top-color:#aac9ff}.gux-container.gux-drop-below{border-bottom-color:#aac9ff}.gux-container.gux-dragging{border-top-color:transparent;border-bottom-color:transparent;opacity:0.4}.gux-container .gux-reorder{all:unset;flex:0 1 auto;align-self:auto;order:0;color:#596373;cursor:grab;border-radius:4px}.gux-container .gux-reorder gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-container .gux-reorder.gux-reordering:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-reorder:active{pointer-events:none;cursor:grabbing !important}.gux-container .gux-reorder:hover,.gux-container .gux-reorder:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width)}.gux-container .gux-reorder:hover gux-icon,.gux-container .gux-reorder:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-select{position:relative;flex:1 1 auto;align-self:auto;order:1}.gux-container .gux-select gux-text-highlight{position:absolute;top:0;left:31px;color:transparent;pointer-events:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{c as gux_column_manager_item}
+import{r as t,c as e,h as o,H as r,g as i}from"./p-deca7631.js";import{b as s}from"./p-2ba7be7a.js";import{c as n}from"./p-a285abaf.js";import"./p-0962dd7a.js";import"./p-7b08c759.js";import"./p-373c5d93.js";const a={activateReordering:"Activate reordering mode for {columnName} column"},c=class{constructor(o){t(this,o),this.internal_order_change=e(this,"internal_order_change",7),this.internal_keyboard_reorder_start=e(this,"internal_keyboard_reorder_start",7),this.internal_keyboard_reorder_move=e(this,"internal_keyboard_reorder_move",7),this.internal_keyboard_reorder_emit=e(this,"internal_keyboard_reorder_emit",7),this.internal_keyboard_reorder_finish=e(this,"internal_keyboard_reorder_finish",7),this.orderId=void 0,this.highlightActive=void 0,this.highlight=void 0,this.text=void 0,this.pendingReorder="none",this.isDragging=!1,this.isReordering=!1}async guxSetHighlight(t="",e=!1){this.highlight=t,this.highlightActive=e}async guxFocus(){this.reorderButtonElement.focus()}onBlur(){this.setReorderMode(!1)}onDragStart(t){this.isDragging=!0;const e=n(this.root);t.dataTransfer.setData("oldIndex",String(e)),t.dataTransfer.effectAllowed="move"}onDragEnter(t){t.dataTransfer.dropEffect="move",this.pendingReorder=this.mouseOnTopHalf(t)?"above":"below"}onDragOver(t){t.preventDefault(),this.pendingReorder=this.mouseOnTopHalf(t)?"above":"below"}onDragLeave(){this.pendingReorder="none"}onDragEnd(){this.isDragging=!1}onDrop(t){const e=Number(t.dataTransfer.getData("oldIndex")),o=n(this.root);t.stopPropagation(),t.stopImmediatePropagation(),this.pendingReorder="none";const r=function(t,e,o){return t<e?o?e-1:e:o?e:e+1}(e,o,this.mouseOnTopHalf(t));return this.internal_order_change.emit({oldIndex:e,newIndex:r}),!1}mouseOnTopHalf(t){const e=this.root.getBoundingClientRect();return t.clientY-e.top<=(e.bottom-e.top)/2}onSlotChange(){this.text=this.root.querySelector("gux-form-field-checkbox label").textContent}setReorderMode(t,e=!1){this.isReordering!==t&&(this.isReordering=t,t?this.internal_keyboard_reorder_start.emit(this.text):(e&&this.internal_keyboard_reorder_emit.emit(),this.internal_keyboard_reorder_finish.emit()))}toggleReorderMode(){this.setReorderMode(!this.isReordering,!0)}keyboardReorder(t){if(this.isReordering)switch(t.key){case"ArrowUp":t.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:-1,column:this.text});break;case"ArrowDown":t.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:1,column:this.text});break;case"Home":t.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:-1/0,column:this.text});break;case"End":t.preventDefault(),this.internal_keyboard_reorder_move.emit({delta:1/0,column:this.text});break;case"Escape":t.preventDefault(),this.setReorderMode(!1)}}async componentWillLoad(){this.i18n=await s(this.root,a)}render(){return o(r,{draggable:"true"},o("div",{class:{"gux-container":!0,[`gux-drop-${this.pendingReorder}`]:!0,"gux-dragging":this.isDragging}},o("button",{class:{"gux-reorder":!0,"gux-reordering":this.isReordering},type:"button",onClick:()=>this.toggleReorderMode(),onKeyDown:t=>this.keyboardReorder(t),ref:t=>this.reorderButtonElement=t},o("gux-icon",{"icon-name":"grab-vertical",decorative:!0}),o("span",{class:"gux-sr-only"},this.i18n("activateReordering",{columnName:this.text}))),o("div",{class:"gux-select"},o("slot",{onSlotchange:()=>this.onSlotChange()}),o("gux-text-highlight",{highlight:this.highlight,text:this.text,strategy:"contains",dimmed:!this.highlightActive}))))}get root(){return i(this)}};c.style=":host([gs-reorder-indicator=above]) .gux-container{border-top-color:#aac9ff}:host([gs-reorder-indicator=below]) .gux-container{border-bottom-color:#aac9ff}.gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);align-content:stretch;align-items:center;justify-content:flex-start;margin-bottom:-2px;border-top:2px solid transparent;border-bottom:2px solid transparent}.gux-container.gux-drop-above{border-top-color:#aac9ff}.gux-container.gux-drop-below{border-bottom-color:#aac9ff}.gux-container.gux-dragging{border-top-color:transparent;border-bottom-color:transparent;opacity:0.4}.gux-container .gux-reorder{all:unset;flex:0 1 auto;align-self:auto;order:0;color:#596373;cursor:grab;border-radius:4px}.gux-container .gux-reorder gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-container .gux-reorder.gux-reordering:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-reorder:active{pointer-events:none;cursor:grabbing !important}.gux-container .gux-reorder:hover,.gux-container .gux-reorder:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width)}.gux-container .gux-reorder:hover gux-icon,.gux-container .gux-reorder:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-select{position:relative;flex:1 1 auto;align-self:auto;order:1}.gux-container .gux-select gux-text-highlight{position:absolute;top:0;left:31px;color:transparent;pointer-events:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{c as gux_column_manager_item}