genesys-spark-components 3.5.0 → 3.6.0

package/dist/genesys-webcomponents/{p-2dac107b.entry.js → p-fd4474d2.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,g as e}from"./p-a085b143.js";import{O as o}from"./p-4b7056b2.js";import{o as r,a}from"./p-e2bea786.js";import{p as n}from"./p-c10e41a9.js";import{t as s}from"./p-ca932cd2.js";import{G as l,a as d}from"./p-afb54d23.js";import{h as u,G as p,v as h,g as x}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(d,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},i("slot",{name:"input"})),i(p,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),n(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}updateHeight(t,i,e){"auto"===e&&t&&(t.dataset.replicatedValue=i.value,t.style.maxHeight=i.style.maxHeight)}get root(){return e(this)}};(function(t,i,e,o){var r,a=arguments.length,n=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(i,e,n):r(i,e))||n);a>3&&n&&Object.defineProperty(i,e,n)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{g as gux_form_field_textarea}
+import{r as t,h as i,g as e}from"./p-a085b143.js";import{O as o}from"./p-4b7056b2.js";import{o as r,a}from"./p-e2bea786.js";import{p as n}from"./p-c10e41a9.js";import{t as s}from"./p-a44f5924.js";import{G as l,a as d}from"./p-afb54d23.js";import{h as u,G as p,v as h,g as x}from"./p-479cf5a2.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const f=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(d,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},i("slot",{name:"input"})),i(p,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),n(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}updateHeight(t,i,e){"auto"===e&&t&&(t.dataset.replicatedValue=i.value,t.style.maxHeight=i.style.maxHeight)}get root(){return e(this)}};(function(t,i,e,o){var r,a=arguments.length,n=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(i,e,n):r(i,e))||n);a>3&&n&&Object.defineProperty(i,e,n)})([o({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{f as gux_form_field_textarea}

package/dist/genesys-webcomponents/{p-78fa1cfb.entry.js → p-ff2a29fb.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o,g as i}from"./p-a085b143.js";import{t as s}from"./p-ca932cd2.js";import{b as d}from"./p-2548bdad.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}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}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n        ${this.disabled?"gux-disabled":""}\n        ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("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&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("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(){setTimeout((()=>{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"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;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)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}
+import{r as e,c as t,h as o,g as i}from"./p-a085b143.js";import{t as s}from"./p-a44f5924.js";import{b as d}from"./p-2548bdad.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}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}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n        ${this.disabled?"gux-disabled":""}\n        ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("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&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("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(){setTimeout((()=>{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"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;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)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}

package/dist/stencil-wrapper.js

@@ -6,7 +6,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.4.2-45/genesys-webcomponents/';
+const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.5.0-47/genesys-webcomponents/';
 export function registerElements() {
     if (CDN_URL) {
         defineCustomElements(window, { resourcesUrl: CDN_URL });

package/dist/types/components/beta/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter, JSX } from '../../../../stencil-public-runtime';
+export declare class GuxDropdownMultiTag {
+  private i18n;
+  root: HTMLElement;
+  /**
+   * Triggered when click on remove button
+   */
+  guxclearselected: EventEmitter<string>;
+  /**
+   * Tag is removable.
+   */
+  disabled: boolean;
+  numberSelected: number;
+  label: string;
+  onKeyDown(event: KeyboardEvent): void;
+  private removeTag;
+  private renderRemoveButton;
+  componentWillRender(): Promise<void>;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-dropdown-multi/gux-dropdown-multi.d.ts

@@ -0,0 +1,56 @@
+import { JSX } from '../../../stencil-public-runtime';
+/**
+ * @slot - for a gux-listbox-multi containing gux-option-multi children
+ */
+export declare class GuxDropdownMulti {
+  private i18n;
+  private fieldButtonElement;
+  private filterElement;
+  private listboxElement;
+  private root;
+  value: string;
+  disabled: boolean;
+  required: boolean;
+  placeholder: string;
+  filterable: boolean;
+  private expanded;
+  private filter;
+  focusSelectedItemAfterRender(expanded: boolean): void;
+  validateValue(newValue: string): void;
+  /**
+   * Gets the currently selected values.
+   */
+  getSelectedValues(): Promise<string[]>;
+  onKeydown(event: KeyboardEvent): void;
+  onInternallistboxoptionsupdated(event: CustomEvent): void;
+  onGuxclearselected(event: CustomEvent): void;
+  onBlur(event: FocusEvent): void;
+  onFocus(event: FocusEvent): void;
+  onFocusout(event: FocusEvent): void;
+  onFocusin(event: FocusEvent): void;
+  onClickOutside(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  private stopPropagationOfInternalFocusEvents;
+  private getOptionElementByValue;
+  private fieldButtonClick;
+  private fieldButtonInputClick;
+  private filterInput;
+  private shiftTabFromExpandedFilterInput;
+  private shiftTabFromFilterListbox;
+  private activeElementNotListbox;
+  private filterKeydown;
+  private filterKeyup;
+  private collapseListbox;
+  private updateValue;
+  private getSuggestionText;
+  private renderTargetDisplay;
+  private getSrSelectedText;
+  private renderTag;
+  private renderFilterInputField;
+  private renderPopup;
+  private renderTarget;
+  private renderTargetContent;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-tag/gux-tag.d.ts

@@ -23,10 +23,6 @@ export declare class GuxTag {
    * Tag is removable.
    */
   removable: boolean;
-  /**
-   * Tag icon name.
-   */
-  icon: string;
   label: string;
   onKeyDown(event: KeyboardEvent): void;
   private removeTag;

package/dist/types/components/stable/gux-dropdown/gux-dropdown.d.ts

@@ -10,6 +10,7 @@ export declare class GuxDropdown {
   private root;
   value: string;
   disabled: boolean;
+  required: boolean;
   placeholder: string;
   filterable: boolean;
   private expanded;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.d.ts

@@ -0,0 +1,27 @@
+import { JSX } from '../../../../../stencil-public-runtime';
+import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+/**
+ * @slot input - Required slot for input tag
+ * @slot label - Required slot for label tag
+ * @slot error - Optional slot for error message
+ */
+export declare class GuxFormFieldDropdown {
+  private listboxElement;
+  private dropdownElement;
+  private label;
+  private disabledObserver;
+  private requiredObserver;
+  private root;
+  labelPosition: GuxFormFieldLabelPosition;
+  private computedLabelPosition;
+  private disabled;
+  private required;
+  private hasError;
+  onMutation(): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  render(): JSX.Element;
+  private get variant();
+  private setInput;
+  private setLabel;
+}

package/dist/types/components/stable/gux-form-field/{gux-form-field.servce.d.ts → gux-form-field.service.d.ts}

@@ -3,4 +3,4 @@ export declare function clearInput(input: HTMLInputElement): void;
 export declare function hasErrorSlot(root: HTMLElement): boolean;
 export declare function hasContent(input: HTMLInputElement | HTMLTextAreaElement): boolean;
 export declare function getComputedLabelPosition(label: HTMLElement, labelPosition: GuxFormFieldLabelPosition): GuxFormFieldLabelPosition;
-export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
+export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxListboxElement | HTMLGuxListboxMultiElement): void;

package/dist/types/components/stable/gux-listbox/gux-listbox.d.ts

@@ -7,6 +7,7 @@ export declare class GuxListbox {
   root: HTMLGuxListboxElement;
   value: string;
   filter: string;
+  selectedValues: string[];
   listboxOptions: HTMLGuxOptionElement[];
   allListboxOptionsFiltered: boolean;
   internallistboxoptionsupdated: EventEmitter;
@@ -20,7 +21,6 @@ export declare class GuxListbox {
   private setListboxOptions;
   private updateValue;
   componentWillLoad(): Promise<void>;
-  componentDidLoad(): void;
   componentWillRender(): void;
   renderAllListboxOptionsFiltered(): JSX.Element;
   render(): JSX.Element;

package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter, JSX } from '../../../stencil-public-runtime';
+/**
+ * @slot - collection of gux-option-multi elements
+ */
+export declare class GuxListboxMulti {
+  private i18n;
+  root: HTMLGuxListboxElement;
+  value: string;
+  filter: string;
+  selectedValues: string[];
+  listboxOptions: HTMLGuxOptionElement[];
+  allListboxOptionsFiltered: boolean;
+  internallistboxoptionsupdated: EventEmitter;
+  onFocus(): void;
+  onBlur(): void;
+  onKeydown(event: KeyboardEvent): void;
+  onKeyup(event: KeyboardEvent): void;
+  onMousemove(): void;
+  onClick(event: MouseEvent): void;
+  validateValue(): void;
+  guxSelectActive(): Promise<void>;
+  private setListboxOptions;
+  private updateValue;
+  componentWillLoad(): Promise<void>;
+  componentWillRender(): void;
+  renderAllListboxOptionsFiltered(): JSX.Element;
+  render(): JSX.Element;
+}

package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from '../../../../stencil-public-runtime';
+export declare class GuxOptionMulti {
+  root: HTMLElement;
+  value: string;
+  active: boolean;
+  selected: boolean;
+  disabled: boolean;
+  filtered: boolean;
+  hovered: boolean;
+  onmouseenter(): void;
+  onMouseleave(): void;
+  componentWillLoad(): void;
+  private getAriaSelected;
+  render(): JSX.Element;
+}

package/dist/types/components.d.ts

@@ -566,6 +566,7 @@ export namespace Components {
         "disabled": boolean;
         "filterable": boolean;
         "placeholder": string;
+        "required": boolean;
         "value": string;
     }
     interface GuxDropdownLegacy {
@@ -592,6 +593,24 @@ export namespace Components {
          */
         "value": string;
     }
+    interface GuxDropdownMultiBeta {
+        "disabled": boolean;
+        "filterable": boolean;
+        /**
+          * Gets the currently selected values.
+         */
+        "getSelectedValues": () => Promise<string[]>;
+        "placeholder": string;
+        "required": boolean;
+        "value": string;
+    }
+    interface GuxDropdownMultiTag {
+        /**
+          * Tag is removable.
+         */
+        "disabled": boolean;
+        "numberSelected": number;
+    }
     interface GuxDropdownOption {
         /**
           * If this Boolean attribute is set, this option is not checkable. It won't receive any browsing events, like mouse clicks or focus-related ones.
@@ -629,6 +648,9 @@ export namespace Components {
     interface GuxFormFieldColor {
         "labelPosition": GuxFormFieldLabelPosition;
     }
+    interface GuxFormFieldDropdown {
+        "labelPosition": GuxFormFieldLabelPosition;
+    }
     interface GuxFormFieldInputClearButton {
     }
     interface GuxFormFieldLegacy {
@@ -762,6 +784,11 @@ export namespace Components {
         "guxSelectActive": () => Promise<void>;
         "value": string;
     }
+    interface GuxListboxMulti {
+        "filter": string;
+        "guxSelectActive": () => Promise<void>;
+        "value": string;
+    }
     interface GuxMenu {
     }
     interface GuxMenuOption {
@@ -815,6 +842,14 @@ export namespace Components {
          */
         "value": string;
     }
+    interface GuxOptionMulti {
+        "active": boolean;
+        "disabled": boolean;
+        "filtered": boolean;
+        "hovered": boolean;
+        "selected": boolean;
+        "value": string;
+    }
     interface GuxPageLoadingSpinner {
         /**
           * Localized text to provide an accessible label for the component. If no screenreader text is provided, the localized string "Loading" will be used by default
@@ -1151,10 +1186,6 @@ export namespace Components {
           * Tag is removable.
          */
         "disabled": boolean;
-        /**
-          * Tag icon name.
-         */
-        "icon": string;
         /**
           * Tag is removable.
          */
@@ -1288,6 +1319,10 @@ export interface GuxDropdownLegacyCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxDropdownLegacyElement;
 }
+export interface GuxDropdownMultiTagCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxDropdownMultiTagElement;
+}
 export interface GuxDropdownOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxDropdownOptionElement;
@@ -1308,6 +1343,10 @@ export interface GuxListboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxListboxElement;
 }
+export interface GuxListboxMultiCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxListboxMultiElement;
+}
 export interface GuxModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxModalElement;
@@ -1627,6 +1666,18 @@ declare global {
         prototype: HTMLGuxDropdownLegacyElement;
         new (): HTMLGuxDropdownLegacyElement;
     };
+    interface HTMLGuxDropdownMultiBetaElement extends Components.GuxDropdownMultiBeta, HTMLStencilElement {
+    }
+    var HTMLGuxDropdownMultiBetaElement: {
+        prototype: HTMLGuxDropdownMultiBetaElement;
+        new (): HTMLGuxDropdownMultiBetaElement;
+    };
+    interface HTMLGuxDropdownMultiTagElement extends Components.GuxDropdownMultiTag, HTMLStencilElement {
+    }
+    var HTMLGuxDropdownMultiTagElement: {
+        prototype: HTMLGuxDropdownMultiTagElement;
+        new (): HTMLGuxDropdownMultiTagElement;
+    };
     interface HTMLGuxDropdownOptionElement extends Components.GuxDropdownOption, HTMLStencilElement {
     }
     var HTMLGuxDropdownOptionElement: {
@@ -1657,6 +1708,12 @@ declare global {
         prototype: HTMLGuxFormFieldColorElement;
         new (): HTMLGuxFormFieldColorElement;
     };
+    interface HTMLGuxFormFieldDropdownElement extends Components.GuxFormFieldDropdown, HTMLStencilElement {
+    }
+    var HTMLGuxFormFieldDropdownElement: {
+        prototype: HTMLGuxFormFieldDropdownElement;
+        new (): HTMLGuxFormFieldDropdownElement;
+    };
     interface HTMLGuxFormFieldInputClearButtonElement extends Components.GuxFormFieldInputClearButton, HTMLStencilElement {
     }
     var HTMLGuxFormFieldInputClearButtonElement: {
@@ -1819,6 +1876,12 @@ declare global {
         prototype: HTMLGuxListboxElement;
         new (): HTMLGuxListboxElement;
     };
+    interface HTMLGuxListboxMultiElement extends Components.GuxListboxMulti, HTMLStencilElement {
+    }
+    var HTMLGuxListboxMultiElement: {
+        prototype: HTMLGuxListboxMultiElement;
+        new (): HTMLGuxListboxMultiElement;
+    };
     interface HTMLGuxMenuElement extends Components.GuxMenu, HTMLStencilElement {
     }
     var HTMLGuxMenuElement: {
@@ -1855,6 +1918,12 @@ declare global {
         prototype: HTMLGuxOptionLegacyElement;
         new (): HTMLGuxOptionLegacyElement;
     };
+    interface HTMLGuxOptionMultiElement extends Components.GuxOptionMulti, HTMLStencilElement {
+    }
+    var HTMLGuxOptionMultiElement: {
+        prototype: HTMLGuxOptionMultiElement;
+        new (): HTMLGuxOptionMultiElement;
+    };
     interface HTMLGuxPageLoadingSpinnerElement extends Components.GuxPageLoadingSpinner, HTMLStencilElement {
     }
     var HTMLGuxPageLoadingSpinnerElement: {
@@ -2161,11 +2230,14 @@ declare global {
         "gux-dismiss-button": HTMLGuxDismissButtonElement;
         "gux-dropdown": HTMLGuxDropdownElement;
         "gux-dropdown-legacy": HTMLGuxDropdownLegacyElement;
+        "gux-dropdown-multi-beta": HTMLGuxDropdownMultiBetaElement;
+        "gux-dropdown-multi-tag": HTMLGuxDropdownMultiTagElement;
         "gux-dropdown-option": HTMLGuxDropdownOptionElement;
         "gux-error-message-beta": HTMLGuxErrorMessageBetaElement;
         "gux-flyout-menu-beta": HTMLGuxFlyoutMenuBetaElement;
         "gux-form-field-checkbox": HTMLGuxFormFieldCheckboxElement;
         "gux-form-field-color": HTMLGuxFormFieldColorElement;
+        "gux-form-field-dropdown": HTMLGuxFormFieldDropdownElement;
         "gux-form-field-input-clear-button": HTMLGuxFormFieldInputClearButtonElement;
         "gux-form-field-legacy": HTMLGuxFormFieldLegacyElement;
         "gux-form-field-number": HTMLGuxFormFieldNumberElement;
@@ -2193,12 +2265,14 @@ declare global {
         "gux-list-item-legacy": HTMLGuxListItemLegacyElement;
         "gux-list-legacy": HTMLGuxListLegacyElement;
         "gux-listbox": HTMLGuxListboxElement;
+        "gux-listbox-multi": HTMLGuxListboxMultiElement;
         "gux-menu": HTMLGuxMenuElement;
         "gux-menu-option": HTMLGuxMenuOptionElement;
         "gux-modal": HTMLGuxModalElement;
         "gux-notification-toast": HTMLGuxNotificationToastElement;
         "gux-option": HTMLGuxOptionElement;
         "gux-option-legacy": HTMLGuxOptionLegacyElement;
+        "gux-option-multi": HTMLGuxOptionMultiElement;
         "gux-page-loading-spinner": HTMLGuxPageLoadingSpinnerElement;
         "gux-pagination": HTMLGuxPaginationElement;
         "gux-pagination-beta": HTMLGuxPaginationBetaElement;
@@ -2792,6 +2866,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "filterable"?: boolean;
         "placeholder"?: string;
+        "required"?: boolean;
         "value"?: string;
     }
     interface GuxDropdownLegacy {
@@ -2820,6 +2895,24 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface GuxDropdownMultiBeta {
+        "disabled"?: boolean;
+        "filterable"?: boolean;
+        "placeholder"?: string;
+        "required"?: boolean;
+        "value"?: string;
+    }
+    interface GuxDropdownMultiTag {
+        /**
+          * Tag is removable.
+         */
+        "disabled"?: boolean;
+        "numberSelected"?: number;
+        /**
+          * Triggered when click on remove button
+         */
+        "onGuxclearselected"?: (event: GuxDropdownMultiTagCustomEvent<string>) => void;
+    }
     interface GuxDropdownOption {
         /**
           * If this Boolean attribute is set, this option is not checkable. It won't receive any browsing events, like mouse clicks or focus-related ones.
@@ -2852,6 +2945,9 @@ declare namespace LocalJSX {
     interface GuxFormFieldColor {
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
+    interface GuxFormFieldDropdown {
+        "labelPosition"?: GuxFormFieldLabelPosition;
+    }
     interface GuxFormFieldInputClearButton {
     }
     interface GuxFormFieldLegacy {
@@ -2986,6 +3082,11 @@ declare namespace LocalJSX {
         "onInternallistboxoptionsupdated"?: (event: GuxListboxCustomEvent<any>) => void;
         "value"?: string;
     }
+    interface GuxListboxMulti {
+        "filter"?: string;
+        "onInternallistboxoptionsupdated"?: (event: GuxListboxMultiCustomEvent<any>) => void;
+        "value"?: string;
+    }
     interface GuxMenu {
     }
     interface GuxMenuOption {
@@ -3035,6 +3136,14 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface GuxOptionMulti {
+        "active"?: boolean;
+        "disabled"?: boolean;
+        "filtered"?: boolean;
+        "hovered"?: boolean;
+        "selected"?: boolean;
+        "value"?: string;
+    }
     interface GuxPageLoadingSpinner {
         /**
           * Localized text to provide an accessible label for the component. If no screenreader text is provided, the localized string "Loading" will be used by default
@@ -3412,10 +3521,6 @@ declare namespace LocalJSX {
           * Tag is removable.
          */
         "disabled"?: boolean;
-        /**
-          * Tag icon name.
-         */
-        "icon"?: string;
         /**
           * Triggered when click on remove button
          */
@@ -3532,11 +3637,14 @@ declare namespace LocalJSX {
         "gux-dismiss-button": GuxDismissButton;
         "gux-dropdown": GuxDropdown;
         "gux-dropdown-legacy": GuxDropdownLegacy;
+        "gux-dropdown-multi-beta": GuxDropdownMultiBeta;
+        "gux-dropdown-multi-tag": GuxDropdownMultiTag;
         "gux-dropdown-option": GuxDropdownOption;
         "gux-error-message-beta": GuxErrorMessageBeta;
         "gux-flyout-menu-beta": GuxFlyoutMenuBeta;
         "gux-form-field-checkbox": GuxFormFieldCheckbox;
         "gux-form-field-color": GuxFormFieldColor;
+        "gux-form-field-dropdown": GuxFormFieldDropdown;
         "gux-form-field-input-clear-button": GuxFormFieldInputClearButton;
         "gux-form-field-legacy": GuxFormFieldLegacy;
         "gux-form-field-number": GuxFormFieldNumber;
@@ -3564,12 +3672,14 @@ declare namespace LocalJSX {
         "gux-list-item-legacy": GuxListItemLegacy;
         "gux-list-legacy": GuxListLegacy;
         "gux-listbox": GuxListbox;
+        "gux-listbox-multi": GuxListboxMulti;
         "gux-menu": GuxMenu;
         "gux-menu-option": GuxMenuOption;
         "gux-modal": GuxModal;
         "gux-notification-toast": GuxNotificationToast;
         "gux-option": GuxOption;
         "gux-option-legacy": GuxOptionLegacy;
+        "gux-option-multi": GuxOptionMulti;
         "gux-page-loading-spinner": GuxPageLoadingSpinner;
         "gux-pagination": GuxPagination;
         "gux-pagination-beta": GuxPaginationBeta;
@@ -3656,11 +3766,14 @@ declare module "@stencil/core" {
             "gux-dismiss-button": LocalJSX.GuxDismissButton & JSXBase.HTMLAttributes<HTMLGuxDismissButtonElement>;
             "gux-dropdown": LocalJSX.GuxDropdown & JSXBase.HTMLAttributes<HTMLGuxDropdownElement>;
             "gux-dropdown-legacy": LocalJSX.GuxDropdownLegacy & JSXBase.HTMLAttributes<HTMLGuxDropdownLegacyElement>;
+            "gux-dropdown-multi-beta": LocalJSX.GuxDropdownMultiBeta & JSXBase.HTMLAttributes<HTMLGuxDropdownMultiBetaElement>;
+            "gux-dropdown-multi-tag": LocalJSX.GuxDropdownMultiTag & JSXBase.HTMLAttributes<HTMLGuxDropdownMultiTagElement>;
             "gux-dropdown-option": LocalJSX.GuxDropdownOption & JSXBase.HTMLAttributes<HTMLGuxDropdownOptionElement>;
             "gux-error-message-beta": LocalJSX.GuxErrorMessageBeta & JSXBase.HTMLAttributes<HTMLGuxErrorMessageBetaElement>;
             "gux-flyout-menu-beta": LocalJSX.GuxFlyoutMenuBeta & JSXBase.HTMLAttributes<HTMLGuxFlyoutMenuBetaElement>;
             "gux-form-field-checkbox": LocalJSX.GuxFormFieldCheckbox & JSXBase.HTMLAttributes<HTMLGuxFormFieldCheckboxElement>;
             "gux-form-field-color": LocalJSX.GuxFormFieldColor & JSXBase.HTMLAttributes<HTMLGuxFormFieldColorElement>;
+            "gux-form-field-dropdown": LocalJSX.GuxFormFieldDropdown & JSXBase.HTMLAttributes<HTMLGuxFormFieldDropdownElement>;
             "gux-form-field-input-clear-button": LocalJSX.GuxFormFieldInputClearButton & JSXBase.HTMLAttributes<HTMLGuxFormFieldInputClearButtonElement>;
             "gux-form-field-legacy": LocalJSX.GuxFormFieldLegacy & JSXBase.HTMLAttributes<HTMLGuxFormFieldLegacyElement>;
             "gux-form-field-number": LocalJSX.GuxFormFieldNumber & JSXBase.HTMLAttributes<HTMLGuxFormFieldNumberElement>;
@@ -3688,12 +3801,14 @@ declare module "@stencil/core" {
             "gux-list-item-legacy": LocalJSX.GuxListItemLegacy & JSXBase.HTMLAttributes<HTMLGuxListItemLegacyElement>;
             "gux-list-legacy": LocalJSX.GuxListLegacy & JSXBase.HTMLAttributes<HTMLGuxListLegacyElement>;
             "gux-listbox": LocalJSX.GuxListbox & JSXBase.HTMLAttributes<HTMLGuxListboxElement>;
+            "gux-listbox-multi": LocalJSX.GuxListboxMulti & JSXBase.HTMLAttributes<HTMLGuxListboxMultiElement>;
             "gux-menu": LocalJSX.GuxMenu & JSXBase.HTMLAttributes<HTMLGuxMenuElement>;
             "gux-menu-option": LocalJSX.GuxMenuOption & JSXBase.HTMLAttributes<HTMLGuxMenuOptionElement>;
             "gux-modal": LocalJSX.GuxModal & JSXBase.HTMLAttributes<HTMLGuxModalElement>;
             "gux-notification-toast": LocalJSX.GuxNotificationToast & JSXBase.HTMLAttributes<HTMLGuxNotificationToastElement>;
             "gux-option": LocalJSX.GuxOption & JSXBase.HTMLAttributes<HTMLGuxOptionElement>;
             "gux-option-legacy": LocalJSX.GuxOptionLegacy & JSXBase.HTMLAttributes<HTMLGuxOptionLegacyElement>;
+            "gux-option-multi": LocalJSX.GuxOptionMulti & JSXBase.HTMLAttributes<HTMLGuxOptionMultiElement>;
             "gux-page-loading-spinner": LocalJSX.GuxPageLoadingSpinner & JSXBase.HTMLAttributes<HTMLGuxPageLoadingSpinnerElement>;
             "gux-pagination": LocalJSX.GuxPagination & JSXBase.HTMLAttributes<HTMLGuxPaginationElement>;
             "gux-pagination-beta": LocalJSX.GuxPaginationBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationBetaElement>;

package/dist/types/utils/dom/on-attribute-change.d.ts

@@ -1,3 +1,3 @@
 export declare function onHiddenChange(element: HTMLElement | HTMLSelectElement, callback: (hidden: boolean) => void): MutationObserver;
-export declare function onDisabledChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, callback: (disabled: boolean) => void): MutationObserver;
-export declare function onRequiredChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, callback: (disabled: boolean) => void): MutationObserver;
+export declare function onDisabledChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement, callback: (disabled: boolean) => void): MutationObserver;
+export declare function onRequiredChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement, callback: (disabled: boolean) => void): MutationObserver;

package/package.json

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

package/dist/genesys-webcomponents/p-3d2cb50a.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,g as e}from"./p-a085b143.js";import{O as o}from"./p-4b7056b2.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-ca932cd2.js";import{G as l,a as u}from"./p-afb54d23.js";import{h as p,c,G as x,a as f,v as h,g as d}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.clearable=!0,this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=p(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("gux-icon",{"icon-name":"search",decorative:!0}),i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>c(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${t}`}setInput(){this.input=this.root.querySelector('input[type="search"][slot="input"]'),this.hasContent=f(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;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}.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;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 8px;font-size:12px;line-height:1.6667;color:#2e394c;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container gux-icon[icon-name='search']{flex:0 0 auto;align-self:auto;order:0;width:20px;height:20px;margin-right:4px;color:#596373}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_search}