genesys-spark-components 4.71.0 → 4.71.1

package/dist/genesys-webcomponents/{p-21f9062f.entry.js → p-f6ef912b.entry.js}

@@ -1 +1 @@
-import{r as e,h as n,g as a}from"./p-2e827df1.js";import{t}from"./p-5cded110.js";import{O as i}from"./p-01471ba0.js";import{h as o}from"./p-6d8b4027.js";const r=class{constructor(n){e(this,n),this.hasCallToAction=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action")}renderCallToActionSlot(){if(this.hasCallToAction)return n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action")}render(){return n("div",{key:"6a5e9203be09fab0959f0dec947bf8ab69a26e5a",class:"gux-container"},n("div",{key:"c4511e0db2f9605e23f055275dd813103d58aeae",class:"gux-image"},n("slot",{key:"d73e935433d963002c4fd106b6156f058af95451",name:"image"})),n("div",{key:"3e5cead9db6e0de250218644a298746cfa519e4f",class:"gux-message"},n("slot",{key:"91da6b28888872d8b7c01a989bc81e0ac0986ebb",name:"primary-message"})),n("div",{key:"7ddddc9f53283b61cbf6a412a9dbba0980f7ae77",class:"gux-guidance"},n("slot",{key:"d5018c40313612891f0a93041dc0086d9fc51b2e",name:"additional-guidance"})),this.renderCallToActionSlot())}get root(){return a(this)}};(function(e,n,a,t){var i,o=arguments.length,r=o<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,a,t);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(r=(o<3?i(r):o>3?i(n,a,r):i(n,a))||r);o>3&&r&&Object.defineProperty(n,a,r)})([i({childList:!0,subtree:!0})],r.prototype,"onMutation",null),r.style=":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";export{r as gux_blank_state}
+import{r as e,h as n,g as a}from"./p-2e827df1.js";import{t}from"./p-d5a1207b.js";import{O as i}from"./p-01471ba0.js";import{h as o}from"./p-6d8b4027.js";const r=class{constructor(n){e(this,n),this.hasCallToAction=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action")}renderCallToActionSlot(){if(this.hasCallToAction)return n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action")}render(){return n("div",{key:"6a5e9203be09fab0959f0dec947bf8ab69a26e5a",class:"gux-container"},n("div",{key:"c4511e0db2f9605e23f055275dd813103d58aeae",class:"gux-image"},n("slot",{key:"d73e935433d963002c4fd106b6156f058af95451",name:"image"})),n("div",{key:"3e5cead9db6e0de250218644a298746cfa519e4f",class:"gux-message"},n("slot",{key:"91da6b28888872d8b7c01a989bc81e0ac0986ebb",name:"primary-message"})),n("div",{key:"7ddddc9f53283b61cbf6a412a9dbba0980f7ae77",class:"gux-guidance"},n("slot",{key:"d5018c40313612891f0a93041dc0086d9fc51b2e",name:"additional-guidance"})),this.renderCallToActionSlot())}get root(){return a(this)}};(function(e,n,a,t){var i,o=arguments.length,r=o<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,a,t);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(r=(o<3?i(r):o>3?i(n,a,r):i(n,a))||r);o>3&&r&&Object.defineProperty(n,a,r)})([i({childList:!0,subtree:!0})],r.prototype,"onMutation",null),r.style=":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";export{r as gux_blank_state}

package/dist/genesys-webcomponents/{p-49b1764a.entry.js → p-f98c3a8a.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as o,H as s}from"./p-2e827df1.js";import{t as i}from"./p-5cded110.js";import{f as r}from"./p-9b0d3713.js";import{r as a}from"./p-0934300e.js";const c=class{constructor(e){t(this,e)}componentWillLoad(){i(this.root)}render(){return e("span",{key:"22e14d7bc908e91d683586319c21935d1062d4a0",class:"gux-sr-only"},e("slot",{key:"d287096bf0d0c6b686ca7f4a3aff8d183668cd73"}))}get root(){return o(this)}};c.style=".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}";const n=class{constructor(e){t(this,e),this.id=a("gux-tooltip"),this.forElement=void 0,this.for=void 0,this.placement="bottom-start",this.accent="light"}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){i(this.root,{variant:this.placement})}connectedCallback(){this.updateForElement()}getForElement(){if(this.for){const t=r(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return e(s,{key:"660ddca0b8cce1fcbc792209b807bfc14fe47317",id:this.id,role:"tooltip"},e("gux-tooltip-base-beta",{key:"6e9ae0b5ee46a1152c815c8eecd964d82a8ff3b0",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,ref:t=>this.baseTooltip=t},e("span",{key:"2837735c42b05aece55dbfe1d886b266c22c3fa8",slot:"content"},e("slot",{key:"8224e2af7702dbc5b5f550b67bd49ff526496e22",name:"content"},e("slot",{key:"108a619b07b172289f1a93eae04243c519b8f39e"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{c as gux_screen_reader_beta,n as gux_tooltip_beta}
+import{r as t,h as e,g as o,H as s}from"./p-2e827df1.js";import{t as i}from"./p-d5a1207b.js";import{f as r}from"./p-9b0d3713.js";import{r as a}from"./p-0934300e.js";const c=class{constructor(e){t(this,e)}componentWillLoad(){i(this.root)}render(){return e("span",{key:"22e14d7bc908e91d683586319c21935d1062d4a0",class:"gux-sr-only"},e("slot",{key:"d287096bf0d0c6b686ca7f4a3aff8d183668cd73"}))}get root(){return o(this)}};c.style=".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}";const n=class{constructor(e){t(this,e),this.id=a("gux-tooltip"),this.forElement=void 0,this.for=void 0,this.placement="bottom-start",this.accent="light"}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){i(this.root,{variant:this.placement})}connectedCallback(){this.updateForElement()}getForElement(){if(this.for){const t=r(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return e(s,{key:"660ddca0b8cce1fcbc792209b807bfc14fe47317",id:this.id,role:"tooltip"},e("gux-tooltip-base-beta",{key:"6e9ae0b5ee46a1152c815c8eecd964d82a8ff3b0",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,ref:t=>this.baseTooltip=t},e("span",{key:"2837735c42b05aece55dbfe1d886b266c22c3fa8",slot:"content"},e("slot",{key:"8224e2af7702dbc5b5f550b67bd49ff526496e22",name:"content"},e("slot",{key:"108a619b07b172289f1a93eae04243c519b8f39e"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{c as gux_screen_reader_beta,n as gux_tooltip_beta}

package/dist/genesys-webcomponents/{p-812bd311.entry.js → p-faed7322.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-e080422d.js";import{a as c}from"./p-cf0e7d3b.js";import{t as n}from"./p-5cded110.js";import{b as r}from"./p-0367930a.js";import"./p-4202e9f2.js";const d={searchAria:"Search"};const p=class{constructor(s){e(this,s),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(){n(this.root),this.i18n=await r(this.root,d),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 s("gux-popup",{key:"73ca103ae75bd8f96e2e73eafb69727e7e3dfbaa",expanded:this.opened,disabled:this.disabled},s("div",{key:"2cdb88414ddc108551c97e8c4200b24d97acb78e",slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},s("a",{key:"536260dc78ea60bc60093eacfd45df58c31fa0c8",ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&s("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&s("span",{class:"gux-select-value",title:this.value},this.value)),s("div",{key:"191f89a3cc9f1a4123b075a4ffc4438cd7176261",class:"gux-icon-wrapper"},s("gux-icon",{key:"bc3a031179285a7696a63dc1cd698b58f523f699",decorative:!0,"icon-name":"custom/chevron-down-small-regular"}))),s("div",{key:"5a05915bf767d528959e088fb2df0d1278ba0f6f",slot:"popup",class:"gux-advanced-dropdown-menu"},s("div",{key:"473f430e34a02d325b765e1745fbc074e7a4acce",class:"gux-dropdown-menu-container"},s("gux-form-field-search",{key:"42c8bcfa8f17c208b55fd70d3e999db6fa2db724","label-position":"screenreader"},s("label",{key:"00cb5a6f433f46a6449a4b35fe6716f1a33abd18",slot:"label"},this.i18n("searchAria")),s("input",{key:"eb92df39617e899e7d91fac7a098af4c0437ad63",slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),s("div",{key:"40662d8773df3abee6b521b09aa17ce4a6d8947c",class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},s("slot",{key:"ce42b9663e2d9a1ce0be5439da2137900c682ad6"})))))}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(){c((()=>{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 i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(c=(a<3?o(c):a>3?o(t,s,c):o(t,s))||c);a>3&&c&&Object.defineProperty(t,s,c)})([a({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.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:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}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{p as gux_advanced_dropdown_legacy}
+import{r as e,c as t,h as s,g as i}from"./p-2e827df1.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-e080422d.js";import{a as c}from"./p-cf0e7d3b.js";import{t as n}from"./p-d5a1207b.js";import{b as r}from"./p-0367930a.js";import"./p-4202e9f2.js";const d={searchAria:"Search"};const p=class{constructor(s){e(this,s),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(){n(this.root),this.i18n=await r(this.root,d),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 s("gux-popup",{key:"73ca103ae75bd8f96e2e73eafb69727e7e3dfbaa",expanded:this.opened,disabled:this.disabled},s("div",{key:"2cdb88414ddc108551c97e8c4200b24d97acb78e",slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},s("a",{key:"536260dc78ea60bc60093eacfd45df58c31fa0c8",ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&s("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&s("span",{class:"gux-select-value",title:this.value},this.value)),s("div",{key:"191f89a3cc9f1a4123b075a4ffc4438cd7176261",class:"gux-icon-wrapper"},s("gux-icon",{key:"bc3a031179285a7696a63dc1cd698b58f523f699",decorative:!0,"icon-name":"custom/chevron-down-small-regular"}))),s("div",{key:"5a05915bf767d528959e088fb2df0d1278ba0f6f",slot:"popup",class:"gux-advanced-dropdown-menu"},s("div",{key:"473f430e34a02d325b765e1745fbc074e7a4acce",class:"gux-dropdown-menu-container"},s("gux-form-field-search",{key:"42c8bcfa8f17c208b55fd70d3e999db6fa2db724","label-position":"screenreader"},s("label",{key:"00cb5a6f433f46a6449a4b35fe6716f1a33abd18",slot:"label"},this.i18n("searchAria")),s("input",{key:"eb92df39617e899e7d91fac7a098af4c0437ad63",slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),s("div",{key:"40662d8773df3abee6b521b09aa17ce4a6d8947c",class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},s("slot",{key:"ce42b9663e2d9a1ce0be5439da2137900c682ad6"})))))}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(){c((()=>{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 i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(c=(a<3?o(c):a>3?o(t,s,c):o(t,s))||c);a>3&&c&&Object.defineProperty(t,s,c)})([a({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.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:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}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{p as gux_advanced_dropdown_legacy}

package/dist/stencil-wrapper.js

@@ -7,7 +7,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.71.0-296/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.71.1-297/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'app.mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/stencil-wrapper.d.ts

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.71.0-296/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.71.1-297/genesys-webcomponents/";
 export declare function registerElements(): void;

package/dist/types/utils/dom/focus-input-element.d.ts

@@ -0,0 +1 @@
+export declare function focusInputElement(input: HTMLElement): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.71.0",
+  "version": "4.71.1",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",

package/dist/genesys-webcomponents/p-034a8a0e.entry.js

@@ -1 +0,0 @@
-import{r as e,f as t,h as o,g as i,c as r,H as s}from"./p-2e827df1.js";import{b as a}from"./p-0367930a.js";import{c as n,o as l}from"./p-f4751a15.js";import{O as u}from"./p-01471ba0.js";import{o as p}from"./p-e5b1cffc.js";import{p as d}from"./p-a11d5d42.js";import{h as c,c as f,g as h,v as g,a as b,d as m}from"./p-66246239.js";import{s as v}from"./p-2c25e2f2.js";import{h as x}from"./p-6d8b4027.js";import{a as w,G as y}from"./p-fb1ab7b1.js";import{G as C,a as k}from"./p-9773c4fe.js";import{t as j}from"./p-5cded110.js";import{t as z}from"./p-20fbe34f.js";import{O as R}from"./p-e080422d.js";import{b as S}from"./p-cf0e7d3b.js";import{a as T,c as O,o as F,f as D,s as I,b as E}from"./p-b43ee47b.js";import{g as B}from"./p-1ccc4961.js";import{f as P}from"./p-9b0d3713.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const L={increment:"Increment",decrement:"Decrement"};const $=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=c(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await a(this.root,L),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),j(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"7cd63e19283a6dc3eaf8806073246206834e063c",labelPosition:this.computedLabelPosition},o(C,{key:"bccccd9a17d23d2d4446fd9685eb9cbe9404a9d1",required:this.required,position:this.computedLabelPosition},o("slot",{key:"e8886a901750434ae6be0da8f769c82aef5adb17",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"f79a65869ea22e74831f01fed54d875cce02e7b4",variant:"required",required:this.required}),o("slot",{key:"0386c4fbff1aa3cd83103e35dd499c8ad4262558",name:"label-info"})),o("div",{key:"6abf848f8a230821fd95429e9e52f724edcdcf8b",class:"gux-input-and-error-container"},o("div",{key:"16d8e83feacb453361be85817dac8b7941189bab",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"dab06cf421271d09ed7298b54435a984c281d181",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e}},o("slot",{key:"83e0717bb788c2fb31934824355dbce50bbd750c",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{onClick:()=>f(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(w,{key:"45adac5e37cf049f696cafab18457c89fc2446f1",show:this.hasError},o("slot",{key:"a6e96e5c56a29622d84ae629f2962d35823e7418",name:"error"})),o(y,{key:"25283d15c640fcd203efaa9d8e108a5524649f6e",show:!this.hasError&&this.hasHelp},o("slot",{key:"e30a17304b3d059bd3938b788c910bd9f4c37268",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=h(this.root,'input[type="number"][slot="input"]'),this.hasContent=c(this.input),d(this.input),this.input.addEventListener("input",(()=>{this.hasContent=c(this.input)})),this.disabled=n(this.input),this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=p(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?m(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?m(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){v(e,"input"),v(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(s<3?r(a):s>3?r(t,o,a):r(t,o))||a);s>3&&a&&Object.defineProperty(t,o,a)})([u({childList:!0,subtree:!0})],$.prototype,"onMutation",null),$.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;padding-bottom:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";const _=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){S((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await a(this.root,z),j(this.root)}componentDidLoad(){this.applyInputListener()}render(){return o(s,{key:"2820c182b85e0299720d4abbc157a8604586736e"},o("button",{key:"f5281a55dfa45a66d70a94c00b500398cdc802e4",id:"popover-target",type:"button",ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"f76d0448816482e93a94735df84f9461f921f0b5",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular"})),o("gux-tooltip",{key:"f4cffff7d04b8940ce6481533f27a16176e93489",for:"popover-target"},o("div",{key:"d8415ca69b5d2a30430a29e3aa199429f96c4559",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"d242c1ac2b74e7ad8f3e3ac263b3f25d2a410544","is-open":this.isOpen,for:"popover-target"},o("span",{key:"aeada09ea4194538e1f7c784f06c0305632e283a",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"d1fdda287990b81432fb0ea1fba701feaa0313e9"},o("input",{key:"71523be8c50ee40138a4560574523060f3c8a834",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"3a0c0d349584f5e8c105c1104c654aeb8077a8ae",slot:"label"}))))}get root(){return i(this)}};(function(e,t,o,i){var r,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(s<3?r(a):s>3?r(t,o,a):r(t,o))||a);s>3&&a&&Object.defineProperty(t,o,a)})([R({triggerEvents:"mousedown"})],_.prototype,"onClickOutside",null),_.style="button{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer;background:none;border:none}button:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";const H=class{constructor(t){e(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(e){"Escape"===e.key&&this.dismiss()}onFocusout(e){!this.closeOnClickOutside&&this.displayDismissButton||e.relatedTarget&&!this.root.contains(e.relatedTarget)&&this.dismiss()}checkForClickOutside(e){const t=e.composedPath(),o=P(this.root,this.for),i=t.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}get titleSlot(){return B(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=T(P(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const e=P(this.root,this.for);this.popupElement&&e&&O(e,this.popupElement,{placement:this.position,middleware:[F(7),D(),I(),E({element:this.arrowElement,padding:16})]}).then((({x:e,y:t,middlewareData:o,placement:i})=>{Object.assign(this.popupElement.style,{left:`${e}px`,top:`${t}px`});const r=i.split("-")[0],s={top:"bottom",right:"left",bottom:"top",left:"right"}[r],a={top:0,right:90,bottom:180,left:-90}[r],n="left"===r||"right"===r?15:13;if(o.arrow){let e=o.arrow.x;const t=o.arrow.y;"left"!==r&&"right"!==r||(e+=4),this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[s]:-n+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){j(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return o("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return o("div",{key:"73bc102bb15e3558f9ce9bf3d0d9a227c7c7d066",ref:e=>this.popupElement=e,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},o("div",{key:"b4de1be84cda8c3ec3648e3764b91ba9e79c430c",ref:e=>this.arrowElement=e,class:"gux-arrow"},o("div",{key:"61e3578e40ece777e9b361a10c6595fed291a402",class:"gux-arrow-caret"})),o("div",{key:"92641ff8f3fc763886a1a94b61354339938124d8",class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{key:"9c544091c84b663706ea62a4e39a659947fc9a31",name:"title"}),this.renderDismissButton()),o("div",{key:"42d1a067d01bc84700d055c76764c68c2263bda3",class:"gux-popover-content"},o("slot",{key:"46b29b5905512f76b5e3f25a3d7978e0a4cfa4cd"})))}get root(){return i(this)}};(function(e,t,o,i){var r,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(s<3?r(a):s>3?r(t,o,a):r(t,o))||a);s>3&&a&&Object.defineProperty(t,o,a)})([R({triggerEvents:"mousedown"})],H.prototype,"checkForClickOutside",null),H.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:--gse-ui-popover-headercolor}.gux-popover-wrapper gux-dismiss-button{float:right}";export{$ as gux_form_field_number,_ as gux_pagination_ellipsis_button,H as gux_popover}