genesys-cloud-client-auth 1.0.0 → 1.0.1-release.9

package/dist/assets/{gux-datepicker.entry-Cr-qDrmu.js → gux-datepicker.entry-B5L1Dxql.js}

@@ -1 +1 @@
-import{r as C,c as F,h as s,g as I}from"./index-CWixJ8vL.js";import{a as D,c as w,o as R,f as S}from"./floating-ui.dom.esm-17bec7ce-CxvcWuX2.js";import{r as f}from"./random-html-id-81ac821b-D30kRngR.js";import{a as g}from"./after-next-render-07a41f53-C_KTwidI.js";import{f as d,a as m,b as x,c as v}from"./iso-dates-c6c7180d-MS_uLuKn.js";import{O as E}from"./on-click-outside-6c2e399b-BC2t0a8o.js";import{t as O}from"./usage-36c49ec0-Dlq6IjQJ.js";import{b as M}from"./index-4f1356d9-DSfDpFAA.js";import{g as V,a as P}from"./intl-93dbfa3b-BWr_j3mE.js";import{u as Y}from"./use-regional-dates-20f9c0e5-C5bTvd2o.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";import"./get-closest-element-7b2f7d5b-kuMVup89.js";const T="Start",z="End",U="Date",A="Toggle calendar view",B={start:T,end:z,date:U,toggleCalendar:A};function L(e,t,i){const r=e.split(",").map(a=>a.trim());return t==="range"?[r[0]||i[0],r[1]||i[1]]:t!=="range"&&!r[0]?[i[2]]:[r[0]]}function $(e,t,i){return i&&i<e||t&&t>e}function W(e){let t=e;for(;t<0;)t+=12;return t=t%12,t}function b(e,t){let i=new Date(t.getTime());return i.setDate(i.getDate()+e),e<0?i.getDate()>t.getDate()&&(i=new Date(t.getFullYear(),t.getMonth()+1,0,0,0,0)):i.getDate()<t.getDate()&&i.setMonth(i.getMonth()-1),i}function k(e,t){const i=new Date(t.valueOf()),r=W(i.getMonth()+e);return i.setMonth(r),i.setFullYear(t.getFullYear()),i.getMonth()!==r?k(e,b(-1,t)):i}function j(e,t){const i=new Date(t.valueOf());return i.setFullYear(t.getFullYear()+e),i}function K(e){return`0${e.getDate().toString()}`.slice(-2)}function H(e){return`0${(e.getMonth()+1).toString()}`.slice(-2)}function N(e,t){return t==="yyyy"?e.getFullYear().toString():e.getFullYear().toString().slice(-2)}function _(e,t){const i=p(t);return t.split(i).map(a=>{switch(a[0]){case"d":return K(e);case"m":return H(e);case"y":return N(e,a)}}).join(i)}function u(e,t){const i=e[t];return!i||i==="/"?e[t-1]:i}function p(e){return e.match(/\W/)[0]}function q(e,t){const i=h(e),r=u(e,t.selectionStart),n=(i.indexOf(r)+i.length-1)%i.length,o=i[n];return c(e,o)}function G(e,t){const i=h(e),r=u(e,t.selectionStart),n=(i.indexOf(r)+1)%i.length,o=i[n];return c(e,o)}function h(e){const t=p(e);return e.split(t).reduce((i,r)=>i.concat(r[0]),[])}function c(e,t){const i=e.indexOf(t),r=e.lastIndexOf(t)+1;return{selectionStart:i,selectionEnd:r}}const J=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;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-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{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-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{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-focusOutline-offset);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{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-focusOutline-offset);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input 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-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{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-focusOutline-offset);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-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}",Q=J;var X=function(e,t,i,r){var a=arguments.length,n=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};const y=class{constructor(e){C(this,e),this.input=F(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=new Date().getFullYear(),this.startInputId=f("gux-datepicker"),this.endInputId=f("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(e){e?this.minDateDate=d(e):this.minDateDate=null}watchMaxDate(e){e?this.maxDateDate=d(e):this.maxDateDate=null}watchFormat(e){e.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=h(e),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(e){if(e===!0){const t=d(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(e){if(this.isInputFieldEvent(e))switch(this.focusedField=this.getInputFieldFromEvent(e),e.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":e.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":e.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{e.preventDefault();const t=q(this.format,this.intervalRange);this.setIntervalRange(t),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{e.preventDefault();const t=G(this.format,this.intervalRange);this.setIntervalRange(t),this.setCursorRange(),this.pressedKeys.length=0;break}default:e.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(e),this.setCursorRange());break}else switch(e.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");g(()=>{t.focus()});break}case"Tab":this.active&&(this.active=!1);break}}onMouseDown(e){this.isInputFieldEvent(e)&&(this.isSelectingRangeWithMouse=!0);const t=e.composedPath(),i=t.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every(a=>!t.includes(a))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(e){this.focusedField=this.getInputFieldFromEvent(e),this.isSelectingRangeWithMouse||g(()=>this.setRange())}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(e){e.preventDefault(),this.lastIntervalRange=c(this.format,u(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(e){const t=e.composedPath();return t.includes(this.inputElement)||t.includes(this.toInputElement)}get initialIntervalRange(){return c(this.format,u(this.format,0))}getInputFieldFromEvent(e){return e.composedPath()[0]}updateIntervalValue(e){this.pressedKeys.push(e.key);const t=parseInt(e.key,10);if(!isNaN(t)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);u(this.format,this.focusedField.selectionStart)==="y"&&this.yearFormat==="yyyy"?this.typeYearValue(i,e.key):this.canSetDate(t)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${e.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${e.key}`.replace("00","01")),this.setValue())}}updateSelection(e,t){e.value=e.value.substr(0,this.intervalRange.selectionStart)+t+e.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return L(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(e){const t=p(this.format),i=this.format.toLowerCase().split(t),r=e.split(t),a=parseInt(r[i.indexOf(this.yearFormat)],10),n=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),l=new Date(a,n,o);return this.yearFormat==="yy"&&l.getFullYear()<1970&&this.lastYear>1970&&l.setFullYear(l.getFullYear()+100),l}onCalendarSelect(e){const t=e.target;this.value=t.value,e.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,this.mode==="range"&&(this.toInputElement.value=this.toFormattedValue),(document.activeElement!==this.inputElement||document.activeElement!==this.toInputElement)&&(this.active=!1)}setValue(){if(this.mode==="range"){const e=this.stringToDate(this.inputElement.value),t=this.stringToDate(this.toInputElement.value);this.value=m(e,t),this.updateDate(),this.calendarElement.setValue([e,t])}else{const e=this.stringToDate(this.inputElement.value);this.value=x(e),this.updateDate(),this.calendarElement.setValue(e)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(e,t){e[0]!==" "?this.updateSelection(this.focusedField,`   ${t}`):(this.updateSelection(this.focusedField,`${e.substr(1)}${t}`),(e.substr(1)+t).includes(" ")||this.setValue())}canSetDate(e){const t=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),e].join(""),10);if(t)switch(u(this.format,this.focusedField.selectionStart)){case"d":{const i=d(this.value);if(t<=new Date(i.getFullYear(),i.getMonth()+1,0).getDate())return!0;break}case"m":if(t<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(e){const t={dd:`0${e.getDate()}`.slice(-2),mm:`0${e.getMonth()+1}`.slice(-2)};this.yearFormat==="yyyy"?t.yyyy=e.getFullYear().toString():t.yy=e.getFullYear().toString().slice(-2);const i=new RegExp(Object.keys(t).join("|"),"gi");return{map:t,regexp:i}}updateDate(){if(this.mode==="range"){const[e,t]=v(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(e);this.formattedValue=this.format.replace(r,o=>i[o]);const{map:a,regexp:n}=this.getMapAndRegexFromField(t);this.toFormattedValue=this.format.replace(n,o=>a[o])}else{const e=d(this.value),{map:t,regexp:i}=this.getMapAndRegexFromField(e);this.formattedValue=this.format.replace(i,r=>t[r])}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&g(()=>{this.calendarElement.focusPreviewDate()})}setIntervalRange(e){this.intervalRange=e}getCombinedFocusedDateValue(){return this.mode==="range"?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return d(this.value)}getRangeFocusedDateValue(){const[e,t]=v(this.value);return this.focusedField===this.inputElement?e:t}increment(e){const t=u(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(t){case"d":r=b(e,i);break;case"m":r=k(e,i);break;case"y":r=j(e,i);break}$(r,this.minDateDate,this.maxDateDate)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=_(r,this.format),this.setValue()}async componentWillLoad(){if(O(this.root,{variant:this.mode}),this.i18n=await M(this.root,B),Y()?this.format=this.format||V(P(this.root)):this.format=this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const e=new Date;e.setHours(0,0,0,0),this.mode==="range"?this.value=m(e,e):this.value=x(e),this.mode==="range"&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=D(this.datepickerElement,this.calendarElement,()=>this.updatePosition(),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){w(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[R({crossAxis:-3}),S({fallbackStrategy:"initialPlacement"})]}).then(({x:e,y:t})=>{Object.assign(this.calendarElement.style,{left:`${e}px`,top:`${t}px`})})}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return s("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},s("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular",size:"small"}))}renderCalendar(){return s("gux-calendar",{tabIndex:-1,ref:e=>this.calendarElement=e,value:this.value,mode:this.mode,onCalendarSelect:e=>this.onCalendarSelect(e),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return s("div",{class:{"gux-datepicker-field":!0,"gux-above":this.labelPosition==="above"}},s("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":this.mode==="single"&&!this.label}},this.getCalendarLabels()[0]),s("div",{class:"gux-datepicker-field-input"},s("div",{class:"gux-datepicker-field-text-input"},s("input",{id:this.startInputId,type:"text",onClick:e=>this.onInputMouseUp(e),onFocusin:e=>this.onInputFocusIn(e),onFocusout:()=>this.onInputFocusOut(),ref:e=>this.inputElement=e,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return this.mode==="single"?null:s("div",{class:{"gux-datepicker-field":!0,"gux-above":this.labelPosition==="above"}},s("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),s("div",{class:"gux-datepicker-field-input"},s("div",{class:"gux-datepicker-field-text-input"},s("input",{id:this.endInputId,type:"text",ref:e=>this.toInputElement=e,onMouseUp:e=>this.onInputMouseUp(e),onFocusin:e=>this.onInputFocusIn(e),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return s("div",{key:"9b6737412b9c14de513320e17ba00e815802f069",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:e=>this.datepickerElement=e},this.renderStartDateField(),this.renderEndDateField())}get root(){return I(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};X([E({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null);y.style=Q;export{y as gux_datepicker};
+import{r as C,c as F,h as s,g as I}from"./index-DnQlhAI3.js";import{a as D,c as w,o as R,f as S}from"./floating-ui.dom.esm-17bec7ce-CxvcWuX2.js";import{r as f}from"./random-html-id-81ac821b-D30kRngR.js";import{a as g}from"./after-next-render-07a41f53-C_KTwidI.js";import{f as d,a as m,b as x,c as v}from"./iso-dates-c6c7180d-MS_uLuKn.js";import{O as E}from"./on-click-outside-6c2e399b-16SRQpNH.js";import{t as O}from"./usage-36c49ec0-Dlq6IjQJ.js";import{b as M}from"./index-4f1356d9-D95neeh-.js";import{g as V,a as P}from"./intl-93dbfa3b-BWr_j3mE.js";import{u as Y}from"./use-regional-dates-20f9c0e5-C5bTvd2o.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";import"./get-closest-element-7b2f7d5b-kuMVup89.js";const T="Start",z="End",U="Date",A="Toggle calendar view",B={start:T,end:z,date:U,toggleCalendar:A};function L(e,t,i){const r=e.split(",").map(a=>a.trim());return t==="range"?[r[0]||i[0],r[1]||i[1]]:t!=="range"&&!r[0]?[i[2]]:[r[0]]}function $(e,t,i){return i&&i<e||t&&t>e}function W(e){let t=e;for(;t<0;)t+=12;return t=t%12,t}function b(e,t){let i=new Date(t.getTime());return i.setDate(i.getDate()+e),e<0?i.getDate()>t.getDate()&&(i=new Date(t.getFullYear(),t.getMonth()+1,0,0,0,0)):i.getDate()<t.getDate()&&i.setMonth(i.getMonth()-1),i}function k(e,t){const i=new Date(t.valueOf()),r=W(i.getMonth()+e);return i.setMonth(r),i.setFullYear(t.getFullYear()),i.getMonth()!==r?k(e,b(-1,t)):i}function j(e,t){const i=new Date(t.valueOf());return i.setFullYear(t.getFullYear()+e),i}function K(e){return`0${e.getDate().toString()}`.slice(-2)}function H(e){return`0${(e.getMonth()+1).toString()}`.slice(-2)}function N(e,t){return t==="yyyy"?e.getFullYear().toString():e.getFullYear().toString().slice(-2)}function _(e,t){const i=p(t);return t.split(i).map(a=>{switch(a[0]){case"d":return K(e);case"m":return H(e);case"y":return N(e,a)}}).join(i)}function u(e,t){const i=e[t];return!i||i==="/"?e[t-1]:i}function p(e){return e.match(/\W/)[0]}function q(e,t){const i=h(e),r=u(e,t.selectionStart),n=(i.indexOf(r)+i.length-1)%i.length,o=i[n];return c(e,o)}function G(e,t){const i=h(e),r=u(e,t.selectionStart),n=(i.indexOf(r)+1)%i.length,o=i[n];return c(e,o)}function h(e){const t=p(e);return e.split(t).reduce((i,r)=>i.concat(r[0]),[])}function c(e,t){const i=e.indexOf(t),r=e.lastIndexOf(t)+1;return{selectionStart:i,selectionEnd:r}}const J=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;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-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{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-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{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-focusOutline-offset);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{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-focusOutline-offset);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)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input 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-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{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-focusOutline-offset);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-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}",Q=J;var X=function(e,t,i,r){var a=arguments.length,n=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};const y=class{constructor(e){C(this,e),this.input=F(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=new Date().getFullYear(),this.startInputId=f("gux-datepicker"),this.endInputId=f("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(e){e?this.minDateDate=d(e):this.minDateDate=null}watchMaxDate(e){e?this.maxDateDate=d(e):this.maxDateDate=null}watchFormat(e){e.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=h(e),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(e){if(e===!0){const t=d(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(e){if(this.isInputFieldEvent(e))switch(this.focusedField=this.getInputFieldFromEvent(e),e.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":e.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":e.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{e.preventDefault();const t=q(this.format,this.intervalRange);this.setIntervalRange(t),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{e.preventDefault();const t=G(this.format,this.intervalRange);this.setIntervalRange(t),this.setCursorRange(),this.pressedKeys.length=0;break}default:e.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(e),this.setCursorRange());break}else switch(e.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");g(()=>{t.focus()});break}case"Tab":this.active&&(this.active=!1);break}}onMouseDown(e){this.isInputFieldEvent(e)&&(this.isSelectingRangeWithMouse=!0);const t=e.composedPath(),i=t.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every(a=>!t.includes(a))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(e){this.focusedField=this.getInputFieldFromEvent(e),this.isSelectingRangeWithMouse||g(()=>this.setRange())}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(e){e.preventDefault(),this.lastIntervalRange=c(this.format,u(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(e){const t=e.composedPath();return t.includes(this.inputElement)||t.includes(this.toInputElement)}get initialIntervalRange(){return c(this.format,u(this.format,0))}getInputFieldFromEvent(e){return e.composedPath()[0]}updateIntervalValue(e){this.pressedKeys.push(e.key);const t=parseInt(e.key,10);if(!isNaN(t)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);u(this.format,this.focusedField.selectionStart)==="y"&&this.yearFormat==="yyyy"?this.typeYearValue(i,e.key):this.canSetDate(t)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${e.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${e.key}`.replace("00","01")),this.setValue())}}updateSelection(e,t){e.value=e.value.substr(0,this.intervalRange.selectionStart)+t+e.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return L(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(e){const t=p(this.format),i=this.format.toLowerCase().split(t),r=e.split(t),a=parseInt(r[i.indexOf(this.yearFormat)],10),n=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),l=new Date(a,n,o);return this.yearFormat==="yy"&&l.getFullYear()<1970&&this.lastYear>1970&&l.setFullYear(l.getFullYear()+100),l}onCalendarSelect(e){const t=e.target;this.value=t.value,e.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,this.mode==="range"&&(this.toInputElement.value=this.toFormattedValue),(document.activeElement!==this.inputElement||document.activeElement!==this.toInputElement)&&(this.active=!1)}setValue(){if(this.mode==="range"){const e=this.stringToDate(this.inputElement.value),t=this.stringToDate(this.toInputElement.value);this.value=m(e,t),this.updateDate(),this.calendarElement.setValue([e,t])}else{const e=this.stringToDate(this.inputElement.value);this.value=x(e),this.updateDate(),this.calendarElement.setValue(e)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(e,t){e[0]!==" "?this.updateSelection(this.focusedField,`   ${t}`):(this.updateSelection(this.focusedField,`${e.substr(1)}${t}`),(e.substr(1)+t).includes(" ")||this.setValue())}canSetDate(e){const t=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),e].join(""),10);if(t)switch(u(this.format,this.focusedField.selectionStart)){case"d":{const i=d(this.value);if(t<=new Date(i.getFullYear(),i.getMonth()+1,0).getDate())return!0;break}case"m":if(t<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(e){const t={dd:`0${e.getDate()}`.slice(-2),mm:`0${e.getMonth()+1}`.slice(-2)};this.yearFormat==="yyyy"?t.yyyy=e.getFullYear().toString():t.yy=e.getFullYear().toString().slice(-2);const i=new RegExp(Object.keys(t).join("|"),"gi");return{map:t,regexp:i}}updateDate(){if(this.mode==="range"){const[e,t]=v(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(e);this.formattedValue=this.format.replace(r,o=>i[o]);const{map:a,regexp:n}=this.getMapAndRegexFromField(t);this.toFormattedValue=this.format.replace(n,o=>a[o])}else{const e=d(this.value),{map:t,regexp:i}=this.getMapAndRegexFromField(e);this.formattedValue=this.format.replace(i,r=>t[r])}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&g(()=>{this.calendarElement.focusPreviewDate()})}setIntervalRange(e){this.intervalRange=e}getCombinedFocusedDateValue(){return this.mode==="range"?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return d(this.value)}getRangeFocusedDateValue(){const[e,t]=v(this.value);return this.focusedField===this.inputElement?e:t}increment(e){const t=u(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(t){case"d":r=b(e,i);break;case"m":r=k(e,i);break;case"y":r=j(e,i);break}$(r,this.minDateDate,this.maxDateDate)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=_(r,this.format),this.setValue()}async componentWillLoad(){if(O(this.root,{variant:this.mode}),this.i18n=await M(this.root,B),Y()?this.format=this.format||V(P(this.root)):this.format=this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const e=new Date;e.setHours(0,0,0,0),this.mode==="range"?this.value=m(e,e):this.value=x(e),this.mode==="range"&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=D(this.datepickerElement,this.calendarElement,()=>this.updatePosition(),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){w(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[R({crossAxis:-3}),S({fallbackStrategy:"initialPlacement"})]}).then(({x:e,y:t})=>{Object.assign(this.calendarElement.style,{left:`${e}px`,top:`${t}px`})})}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return s("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},s("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular",size:"small"}))}renderCalendar(){return s("gux-calendar",{tabIndex:-1,ref:e=>this.calendarElement=e,value:this.value,mode:this.mode,onCalendarSelect:e=>this.onCalendarSelect(e),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return s("div",{class:{"gux-datepicker-field":!0,"gux-above":this.labelPosition==="above"}},s("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":this.mode==="single"&&!this.label}},this.getCalendarLabels()[0]),s("div",{class:"gux-datepicker-field-input"},s("div",{class:"gux-datepicker-field-text-input"},s("input",{id:this.startInputId,type:"text",onClick:e=>this.onInputMouseUp(e),onFocusin:e=>this.onInputFocusIn(e),onFocusout:()=>this.onInputFocusOut(),ref:e=>this.inputElement=e,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return this.mode==="single"?null:s("div",{class:{"gux-datepicker-field":!0,"gux-above":this.labelPosition==="above"}},s("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),s("div",{class:"gux-datepicker-field-input"},s("div",{class:"gux-datepicker-field-text-input"},s("input",{id:this.endInputId,type:"text",ref:e=>this.toInputElement=e,onMouseUp:e=>this.onInputMouseUp(e),onFocusin:e=>this.onInputFocusIn(e),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return s("div",{key:"9b6737412b9c14de513320e17ba00e815802f069",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:e=>this.datepickerElement=e},this.renderStartDateField(),this.renderEndDateField())}get root(){return I(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};X([E({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null);y.style=Q;export{y as gux_datepicker};

package/dist/assets/{gux-day-beta.entry-CW80EHbX.js → gux-day-beta.entry-BQrPu1aV.js}

@@ -1 +1 @@
-import{r as o,h as a,g as n}from"./index-CWixJ8vL.js";import{g as s}from"./index-4f1356d9-DSfDpFAA.js";import{d as i}from"./intl-93dbfa3b-BWr_j3mE.js";import{i as d}from"./index.umd-c0335c3a-dA6NRMYB.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";import"./get-closest-element-7b2f7d5b-kuMVup89.js";import"./_commonjsHelpers-c9e3b764-Cg_zQLRJ.js";function u(t,r){const e=new Date;return e.setFullYear(r.year),e.setMonth(r.month-1),e.setDate(r.day),e.setHours(12),e.setMinutes(0),e.setSeconds(0),e.setMilliseconds(0),t.format(e)}const c=":host{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);outline:none;border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}:host(:hover){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}:host(:focus-within){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius)}:host([aria-current=true]){color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor)}:host(:disabled),:host(.gux-muted){opacity:var(--gse-ui-calendarMenu-disabled-opacity)}button{padding:0;margin:0;color:inherit;background:none;border:none;inline-size:100%;block-size:100%;font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;vertical-align:middle;text-align:center;cursor:pointer}button:focus{outline:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}",l=c,b=class{constructor(t){o(this,t)}onDayPropChange(){this.readDateFromProp()}readDateFromProp(){this.date=d.exports.Temporal.PlainDate.from(this.day)}async connectedCallback(){this.readDateFromProp();const t=s(this.root);this.readerFormatter=i(t,{year:"numeric",month:"long",day:"numeric"})}render(){return a("button",{key:"4282bb9b77fc4238e0748cc142f4e422ab29be41",type:"button",disabled:this.disabled},a("slot",{key:"54b746f12a4a7d95468f983e6cb5bbeba0733061"},a("span",{key:"712abfbeb57c6b477f46ad8999d0931ab12017b8","aria-hidden":"true"},this.date.day),a("span",{key:"be8a82a9454f700a5b2966db75395e1d7b6ad789",class:"gux-sr-only"},u(this.readerFormatter,this.date))))}static get delegatesFocus(){return!0}get root(){return n(this)}static get watchers(){return{day:["onDayPropChange"]}}};b.style=l;export{b as gux_day_beta};
+import{r as o,h as a,g as n}from"./index-DnQlhAI3.js";import{g as s}from"./index-4f1356d9-D95neeh-.js";import{d as i}from"./intl-93dbfa3b-BWr_j3mE.js";import{i as d}from"./index.umd-c0335c3a-dA6NRMYB.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";import"./get-closest-element-7b2f7d5b-kuMVup89.js";import"./_commonjsHelpers-c9e3b764-Cg_zQLRJ.js";function u(t,r){const e=new Date;return e.setFullYear(r.year),e.setMonth(r.month-1),e.setDate(r.day),e.setHours(12),e.setMinutes(0),e.setSeconds(0),e.setMilliseconds(0),t.format(e)}const c=":host{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);outline:none;border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}:host(:hover){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}:host(:focus-within){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius)}:host([aria-current=true]){color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor)}:host(:disabled),:host(.gux-muted){opacity:var(--gse-ui-calendarMenu-disabled-opacity)}button{padding:0;margin:0;color:inherit;background:none;border:none;inline-size:100%;block-size:100%;font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;vertical-align:middle;text-align:center;cursor:pointer}button:focus{outline:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}",l=c,b=class{constructor(t){o(this,t)}onDayPropChange(){this.readDateFromProp()}readDateFromProp(){this.date=d.exports.Temporal.PlainDate.from(this.day)}async connectedCallback(){this.readDateFromProp();const t=s(this.root);this.readerFormatter=i(t,{year:"numeric",month:"long",day:"numeric"})}render(){return a("button",{key:"4282bb9b77fc4238e0748cc142f4e422ab29be41",type:"button",disabled:this.disabled},a("slot",{key:"54b746f12a4a7d95468f983e6cb5bbeba0733061"},a("span",{key:"712abfbeb57c6b477f46ad8999d0931ab12017b8","aria-hidden":"true"},this.date.day),a("span",{key:"be8a82a9454f700a5b2966db75395e1d7b6ad789",class:"gux-sr-only"},u(this.readerFormatter,this.date))))}static get delegatesFocus(){return!0}get root(){return n(this)}static get watchers(){return{day:["onDayPropChange"]}}};b.style=l;export{b as gux_day_beta};

package/dist/assets/{gux-disclosure-button-legacy.entry-G2Tlcri7.js → gux-disclosure-button-legacy.entry-Bivzz3Cb.js}

@@ -1 +1 @@
-import{r as i,c as o,h as t,g as s}from"./index-CWixJ8vL.js";import{r as n}from"./random-html-id-81ac821b-D30kRngR.js";import{t as r}from"./usage-36c49ec0-Dlq6IjQJ.js";import{b as a}from"./index-4f1356d9-DSfDpFAA.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const c="Disclosure button",u={defaultLabel:c},l=":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}",d=l,g=class{constructor(e){i(this,e),this.active=o(this,"active",7),this.panelId=n("gux-disclosure-button-panel"),this.position="left",this.isOpen=!1,this.icon="fa/caret-right-solid"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.position==="right"?this.icon=this.isOpen?"fa/caret-right-solid":"fa/caret-left-solid":this.icon=this.isOpen?"fa/caret-left-solid":"fa/caret-right-solid"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await a(this.root,u),this.updateIcon()}render(){return t("div",{key:"dfd11315797588b49d1f799786a294842013d48d",class:`gux-disclosure-button-container gux-${this.position}`},t("button",{key:"164ea67f06014b3b78860e180b633bcb3f63d6d6",class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},t("gux-icon",{key:"a2fefab21c3de43de2c7199753a35bd68b62360e","icon-name":`${this.icon}`,decorative:!0})),t("div",{key:"362e1b3910ac360e5bc0e1a8900b82446f447f1f",id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},t("slot",{key:"453039d51dbb0e6299ade2aee243acfc0eaffab5",name:"panel-content"})))}get root(){return s(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};g.style=d;export{g as gux_disclosure_button_legacy};
+import{r as i,c as o,h as t,g as s}from"./index-DnQlhAI3.js";import{r as n}from"./random-html-id-81ac821b-D30kRngR.js";import{t as r}from"./usage-36c49ec0-Dlq6IjQJ.js";import{b as a}from"./index-4f1356d9-D95neeh-.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const c="Disclosure button",u={defaultLabel:c},l=":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}",d=l,g=class{constructor(e){i(this,e),this.active=o(this,"active",7),this.panelId=n("gux-disclosure-button-panel"),this.position="left",this.isOpen=!1,this.icon="fa/caret-right-solid"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.position==="right"?this.icon=this.isOpen?"fa/caret-right-solid":"fa/caret-left-solid":this.icon=this.isOpen?"fa/caret-left-solid":"fa/caret-right-solid"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await a(this.root,u),this.updateIcon()}render(){return t("div",{key:"dfd11315797588b49d1f799786a294842013d48d",class:`gux-disclosure-button-container gux-${this.position}`},t("button",{key:"164ea67f06014b3b78860e180b633bcb3f63d6d6",class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},t("gux-icon",{key:"a2fefab21c3de43de2c7199753a35bd68b62360e","icon-name":`${this.icon}`,decorative:!0})),t("div",{key:"362e1b3910ac360e5bc0e1a8900b82446f447f1f",id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},t("slot",{key:"453039d51dbb0e6299ade2aee243acfc0eaffab5",name:"panel-content"})))}get root(){return s(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};g.style=d;export{g as gux_disclosure_button_legacy};

package/dist/assets/{gux-dismiss-button.entry-DchQFWKl.js → gux-dismiss-button.entry-CFv9WjbF.js}

@@ -1 +1 @@
-import{r as i,h as s,g as e}from"./index-CWixJ8vL.js";import{t as n}from"./usage-36c49ec0-Dlq6IjQJ.js";import{b as o}from"./index-4f1356d9-DSfDpFAA.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const a="Dismiss",u={dismiss:a},r="gux-button-slot{position:absolute;inset-block-start:4px;inset-inline-end:4px;inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit;inset-block-start:inherit;inset-inline-end:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}",l=r,c=class{constructor(t){i(this,t),this.position="absolute",this.size="medium"}async componentWillLoad(){n(this.root,{variant:this.position}),this.i18n=await o(this.root,u)}render(){return s("gux-button-slot",{key:"a4f5661d7690d55be83e54a0da40f5b87d1f8c44",accent:"ghost",class:{"gux-inherit":this.position=="inherit","gux-dismiss-small":this.size=="small"}},s("button",{key:"2223786156e5c59b39b9364f5c83129dd71f714d",type:"button",title:this.i18n("dismiss")},s("div",{key:"cc8e1cfdedeb7dafffcf7875f938a9501e20eaae",class:"gux-icon-container"},s("gux-icon",{key:"1b72196d75de63a1de10f949464f891750c4efcb","icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"}))))}static get delegatesFocus(){return!0}get root(){return e(this)}};c.style=l;export{c as gux_dismiss_button};
+import{r as i,h as s,g as e}from"./index-DnQlhAI3.js";import{t as n}from"./usage-36c49ec0-Dlq6IjQJ.js";import{b as o}from"./index-4f1356d9-D95neeh-.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const a="Dismiss",u={dismiss:a},r="gux-button-slot{position:absolute;inset-block-start:4px;inset-inline-end:4px;inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit;inset-block-start:inherit;inset-inline-end:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}",l=r,c=class{constructor(t){i(this,t),this.position="absolute",this.size="medium"}async componentWillLoad(){n(this.root,{variant:this.position}),this.i18n=await o(this.root,u)}render(){return s("gux-button-slot",{key:"a4f5661d7690d55be83e54a0da40f5b87d1f8c44",accent:"ghost",class:{"gux-inherit":this.position=="inherit","gux-dismiss-small":this.size=="small"}},s("button",{key:"2223786156e5c59b39b9364f5c83129dd71f714d",type:"button",title:this.i18n("dismiss")},s("div",{key:"cc8e1cfdedeb7dafffcf7875f938a9501e20eaae",class:"gux-icon-container"},s("gux-icon",{key:"1b72196d75de63a1de10f949464f891750c4efcb","icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"}))))}static get delegatesFocus(){return!0}get root(){return e(this)}};c.style=l;export{c as gux_dismiss_button};

package/dist/assets/{gux-dropdown-multi-tag.entry-Cc9VNZOZ.js → gux-dropdown-multi-tag.entry-w-Pn3a2J.js}

@@ -1 +1 @@
-import{r as a,c as i,h as t,g as r}from"./index-CWixJ8vL.js";import{b as o}from"./index-4f1356d9-DSfDpFAA.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const s="Clear {numberSelected} selected items",n={clearSelection:s},l=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-removable-padding);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight);color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center;margin-inline-start:var(--gse-ui-tag-removable-gap)}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus)}.gux-tag.gux-disabled{opacity:var(--gse-ui-tag-disabled-opacity)}",g=l,c=class{constructor(e){a(this,e),this.internalclearselected=i(this,"internalclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(e){switch(e.key){case"Backspace":case"Delete":this.removeTag(e)}}removeTag(e){e.stopPropagation(),!this.disabled&&this.internalclearselected.emit()}renderRemoveButton(){return t("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},t("gux-icon",{class:"gux-tag-remove-icon",size:"small","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await o(this.root,n)}render(){return t("div",{key:"e563ee84dd6888a8ef01ca609bf130afb40065d0",class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return r(this)}};c.style=g;export{c as gux_dropdown_multi_tag};
+import{r as a,c as i,h as t,g as r}from"./index-DnQlhAI3.js";import{b as o}from"./index-4f1356d9-D95neeh-.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const s="Clear {numberSelected} selected items",n={clearSelection:s},l=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-removable-padding);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight);color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center;margin-inline-start:var(--gse-ui-tag-removable-gap)}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus)}.gux-tag.gux-disabled{opacity:var(--gse-ui-tag-disabled-opacity)}",g=l,c=class{constructor(e){a(this,e),this.internalclearselected=i(this,"internalclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(e){switch(e.key){case"Backspace":case"Delete":this.removeTag(e)}}removeTag(e){e.stopPropagation(),!this.disabled&&this.internalclearselected.emit()}renderRemoveButton(){return t("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},t("gux-icon",{class:"gux-tag-remove-icon",size:"small","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await o(this.root,n)}render(){return t("div",{key:"e563ee84dd6888a8ef01ca609bf130afb40065d0",class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return r(this)}};c.style=g;export{c as gux_dropdown_multi_tag};

package/dist/assets/{gux-dropdown-multi.entry-DjZKxJal.js → gux-dropdown-multi.entry-jqQXgZYF.js}

@@ -1 +1 @@
-import{r as m,c as a,f as g,h as i,g as b}from"./index-CWixJ8vL.js";import{O as v}from"./on-click-outside-6c2e399b-BC2t0a8o.js";import{b as E}from"./index-4f1356d9-DSfDpFAA.js";import{s as x}from"./simulate-native-event-e0631897-BcLDngo1.js";import{b as C}from"./after-next-render-07a41f53-C_KTwidI.js";import{o as y}from"./on-input-disabled-state-change-27395154-_B452ZSd.js";import{t as w}from"./usage-36c49ec0-Dlq6IjQJ.js";import{c as p,s as u,g as I,a as h}from"./gux-listbox.service-1b2f1a6e-CG-s36UI.js";import{O as T}from"./on-mutation-751e68e4-BRlz63Dw.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const O="Type to filter dropdown results",F="Select...",S="Dropdown",L="{numberSelected} selected",k="Press Enter to create new option, {textInputValue}",P={textInputResults:O,noSelection:F,dropdown:S,numberSelected:L,pressEnterToCreate:k},D=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{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-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{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-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}",V=D;var f=function(t,e,o,n){var r=arguments.length,s=r<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(t,e,o,n);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(s=(r<3?l(s):r>3?l(e,o,s):l(e,o))||s);return r>3&&s&&Object.defineProperty(e,o,s),s};const c=class{constructor(t){m(this,t),this.guxcreateoption=a(this,"guxcreateoption",7),this.guxexpanded=a(this,"guxexpanded",7),this.guxcollapsed=a(this,"guxcollapsed",7),this.guxfilter=a(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=(t=this.root)===null||t===void 0?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&C(()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()}),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(p(this.value))}onKeydown(t){switch(t.key){case"Escape":if(this.hasTextInput()&&document.activeElement===this.listboxElement)return this.textInputElement.focus();this.collapseListbox("focusFieldButton");return;case"Tab":if(this.shiftTabFromFilterListbox(t))return t.preventDefault(),this.textInputElement.focus();if(this.shiftTabFromExpandedFilterInput(t))return t.preventDefault(),this.collapseListbox("focusFieldButton");this.collapseListbox("noFocusChange");return;case"ArrowDown":this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,u(this.listboxElement));return;case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),!this.expanded&&!this.isFilterable()&&u(this.listboxElement);return;case" ":!this.expanded&&!this.isFilterable()&&u(this.listboxElement);return}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame(()=>{requestAnimationFrame(()=>g(this.root))})}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=(t=this.root)===null||t===void 0?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){w(this.root),this.i18n=await E(this.root,P),y(this.root,()=>{g(this.root)})}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){if(t===void 0){e&&(e.value=t);return}if(this.getOptionElementByValue(t)){e.value=t;return}this.value=void 0}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;(t=this.listboxElement)===null||t===void 0||t.addEventListener("input",o=>{o.stopPropagation(),this.updateValue(o.target.value)}),(e=this.listboxElement)===null||e===void 0||e.addEventListener("change",o=>{o.stopPropagation()})}isFilterable(){return this.filterType==="custom"||this.filterType==="starts-with"}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),o=p(t);return e.filter(n=>o.includes(n.value))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&document.activeElement!==this.listboxElement}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),u(this.listboxElement);return}}filterKeyup(t){switch(t.key){case" ":t.preventDefault();return}}collapseListbox(t){this.expanded&&(this.expanded=!1),t==="focusFieldButton"&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,x(this.root,"input"),x(this.root,"change"))}getTypeaheadText(t){var e;const o=t.length;if(o>0&&!this.loading){const n=I(this.listboxElement,t);if(n&&this.filterType!=="custom"){const r=(e=h(n))===null||e===void 0?void 0:e.textContent.trim();return r==null?void 0:r.substring(o)}return""}}renderTargetDisplay(){return i("div",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return t?[t,i("div",{class:"gux-sr-only"},this.placeholder)]:!1}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map(t=>{var e;return(e=h(t))===null||e===void 0?void 0:e.textContent.trim()}).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return i("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=p(this.value);if(t.length)return i("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.textInput),i("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),i("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!(this.expanded&&this.hasTextInput()))return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return i("gux-radial-loading",{context:"input"})}render(){return[i("div",{key:"10aae73f35b593e733ba58c122b3399b9e08e54d",class:"gux-dropdown-container"},i("gux-popup",{key:"af8104a8df2355d223ceb0e5fde6fd29eacb5799",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return b(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};f([T({childList:!0,subtree:!0})],c.prototype,"onMutation",null);f([v({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null);c.style=V;export{c as gux_dropdown_multi};
+import{r as m,c as a,f as g,h as i,g as b}from"./index-DnQlhAI3.js";import{O as v}from"./on-click-outside-6c2e399b-16SRQpNH.js";import{b as E}from"./index-4f1356d9-D95neeh-.js";import{s as x}from"./simulate-native-event-e0631897-BcLDngo1.js";import{b as C}from"./after-next-render-07a41f53-C_KTwidI.js";import{o as y}from"./on-input-disabled-state-change-27395154-_B452ZSd.js";import{t as w}from"./usage-36c49ec0-Dlq6IjQJ.js";import{c as p,s as u,g as I,a as h}from"./gux-listbox.service-1b2f1a6e-CG-s36UI.js";import{O as T}from"./on-mutation-751e68e4-Dt8NpKTF.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const O="Type to filter dropdown results",F="Select...",S="Dropdown",L="{numberSelected} selected",k="Press Enter to create new option, {textInputValue}",P={textInputResults:O,noSelection:F,dropdown:S,numberSelected:L,pressEnterToCreate:k},D=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{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-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{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-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}",V=D;var f=function(t,e,o,n){var r=arguments.length,s=r<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(t,e,o,n);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(s=(r<3?l(s):r>3?l(e,o,s):l(e,o))||s);return r>3&&s&&Object.defineProperty(e,o,s),s};const c=class{constructor(t){m(this,t),this.guxcreateoption=a(this,"guxcreateoption",7),this.guxexpanded=a(this,"guxexpanded",7),this.guxcollapsed=a(this,"guxcollapsed",7),this.guxfilter=a(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=(t=this.root)===null||t===void 0?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&C(()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()}),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(p(this.value))}onKeydown(t){switch(t.key){case"Escape":if(this.hasTextInput()&&document.activeElement===this.listboxElement)return this.textInputElement.focus();this.collapseListbox("focusFieldButton");return;case"Tab":if(this.shiftTabFromFilterListbox(t))return t.preventDefault(),this.textInputElement.focus();if(this.shiftTabFromExpandedFilterInput(t))return t.preventDefault(),this.collapseListbox("focusFieldButton");this.collapseListbox("noFocusChange");return;case"ArrowDown":this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,u(this.listboxElement));return;case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),!this.expanded&&!this.isFilterable()&&u(this.listboxElement);return;case" ":!this.expanded&&!this.isFilterable()&&u(this.listboxElement);return}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame(()=>{requestAnimationFrame(()=>g(this.root))})}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=(t=this.root)===null||t===void 0?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){w(this.root),this.i18n=await E(this.root,P),y(this.root,()=>{g(this.root)})}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){if(t===void 0){e&&(e.value=t);return}if(this.getOptionElementByValue(t)){e.value=t;return}this.value=void 0}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;(t=this.listboxElement)===null||t===void 0||t.addEventListener("input",o=>{o.stopPropagation(),this.updateValue(o.target.value)}),(e=this.listboxElement)===null||e===void 0||e.addEventListener("change",o=>{o.stopPropagation()})}isFilterable(){return this.filterType==="custom"||this.filterType==="starts-with"}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),o=p(t);return e.filter(n=>o.includes(n.value))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&document.activeElement!==this.listboxElement}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),u(this.listboxElement);return}}filterKeyup(t){switch(t.key){case" ":t.preventDefault();return}}collapseListbox(t){this.expanded&&(this.expanded=!1),t==="focusFieldButton"&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,x(this.root,"input"),x(this.root,"change"))}getTypeaheadText(t){var e;const o=t.length;if(o>0&&!this.loading){const n=I(this.listboxElement,t);if(n&&this.filterType!=="custom"){const r=(e=h(n))===null||e===void 0?void 0:e.textContent.trim();return r==null?void 0:r.substring(o)}return""}}renderTargetDisplay(){return i("div",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return t?[t,i("div",{class:"gux-sr-only"},this.placeholder)]:!1}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map(t=>{var e;return(e=h(t))===null||e===void 0?void 0:e.textContent.trim()}).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return i("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=p(this.value);if(t.length)return i("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.textInput),i("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),i("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!(this.expanded&&this.hasTextInput()))return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return i("gux-radial-loading",{context:"input"})}render(){return[i("div",{key:"10aae73f35b593e733ba58c122b3399b9e08e54d",class:"gux-dropdown-container"},i("gux-popup",{key:"af8104a8df2355d223ceb0e5fde6fd29eacb5799",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return b(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};f([T({childList:!0,subtree:!0})],c.prototype,"onMutation",null);f([v({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null);c.style=V;export{c as gux_dropdown_multi};

package/dist/assets/{gux-dropdown-option.entry-CZDjtkrF.js → gux-dropdown-option.entry-BazGMnE7.js}

@@ -1 +1 @@
-import{r as s,c as r,h as e,g as h,H as d}from"./index-CWixJ8vL.js";const l="gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled=false]{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}",g=l,a=/[-/\\^$*+?.()|[\]{}]/g;function p(t){return t.replace(a,"\\$&")}const u=class{constructor(t){s(this,t),this.selectedChanged=r(this,"selectedChanged",7)}getDisplayedValue(){return Promise.resolve(this.text)}shouldFilter(t){if(this.highlight=t,this.highlightIndex=-1,!t)return Promise.resolve(!1);const i=new RegExp(p(t),"gi").exec(this.text),n=i===null;return n||(this.highlightIndex=i.index),Promise.resolve(n)}componentDidLoad(){this.root.onclick=()=>{this.onItemClicked()},this.root.onkeydown=t=>{switch(t.key){case" ":case"Enter":this.selected=!0,this.selectedChanged.emit(this.value);break}}}hostData(){return{tabindex:"0"}}__stencil_render(){return e("div",{key:"ea20401230e49f6f334230b89aee8d99fa290784",class:"gux-dropdown-option",title:this.text},this.textWithHighlights())}textWithHighlights(){if(!this.highlight||!this.text)return e("span",null,this.text);if(this.highlightIndex<0)return e("span",null,this.text);const t=this.text.substring(0,this.highlightIndex),o=this.text.substring(this.highlightIndex,this.highlightIndex+this.highlight.length),i=this.text.substring(t.length+this.highlight.length);return e("span",null,t,e("strong",null,o),i)}onItemClicked(){this.selected=!0,this.selectedChanged.emit(this.value)}get root(){return h(this)}render(){return e(d,this.hostData(),this.__stencil_render())}};u.style=g;export{u as gux_dropdown_option};
+import{r as s,c as r,h as e,g as h,H as d}from"./index-DnQlhAI3.js";const l="gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled=false]{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}",g=l,a=/[-/\\^$*+?.()|[\]{}]/g;function p(t){return t.replace(a,"\\$&")}const u=class{constructor(t){s(this,t),this.selectedChanged=r(this,"selectedChanged",7)}getDisplayedValue(){return Promise.resolve(this.text)}shouldFilter(t){if(this.highlight=t,this.highlightIndex=-1,!t)return Promise.resolve(!1);const i=new RegExp(p(t),"gi").exec(this.text),n=i===null;return n||(this.highlightIndex=i.index),Promise.resolve(n)}componentDidLoad(){this.root.onclick=()=>{this.onItemClicked()},this.root.onkeydown=t=>{switch(t.key){case" ":case"Enter":this.selected=!0,this.selectedChanged.emit(this.value);break}}}hostData(){return{tabindex:"0"}}__stencil_render(){return e("div",{key:"ea20401230e49f6f334230b89aee8d99fa290784",class:"gux-dropdown-option",title:this.text},this.textWithHighlights())}textWithHighlights(){if(!this.highlight||!this.text)return e("span",null,this.text);if(this.highlightIndex<0)return e("span",null,this.text);const t=this.text.substring(0,this.highlightIndex),o=this.text.substring(this.highlightIndex,this.highlightIndex+this.highlight.length),i=this.text.substring(t.length+this.highlight.length);return e("span",null,t,e("strong",null,o),i)}onItemClicked(){this.selected=!0,this.selectedChanged.emit(this.value)}get root(){return h(this)}render(){return e(d,this.hostData(),this.__stencil_render())}};u.style=g;export{u as gux_dropdown_option};

package/dist/assets/{gux-dropdown_3.entry-CKiZXOT7.js → gux-dropdown_3.entry-CMfAf7VK.js}

@@ -1 +1 @@
-import{r as h,c as a,f as b,h as i,g as f,H as y}from"./index-CWixJ8vL.js";import{O as T}from"./on-click-outside-6c2e399b-BC2t0a8o.js";import{b as C}from"./index-4f1356d9-DSfDpFAA.js";import{s as d}from"./simulate-native-event-e0631897-BcLDngo1.js";import{o as L,c as S}from"./on-input-disabled-state-change-27395154-_B452ZSd.js";import{b as k}from"./after-next-render-07a41f53-C_KTwidI.js";import{t as E}from"./usage-36c49ec0-Dlq6IjQJ.js";import{O as z}from"./on-mutation-751e68e4-BRlz63Dw.js";import{s as u,n as F,g as D,a as I,b as m,h as P,d as v,e as w,f as A,i as H,j as R,k as _,l as g,m as W,c as B,p as V,o as K}from"./gux-listbox.service-1b2f1a6e-CG-s36UI.js";import{h as p}from"./has-slot-f24a46a6-D7GdaS0G.js";import{w as M}from"./when-event-is-from-2aac15f0-B4cyA2sH.js";import{g as N}from"./get-closest-element-728b9f18-C_5KDHD-.js";import{r as G}from"./random-html-id-81ac821b-D30kRngR.js";const j="Type to filter dropdown results",q="Select...",U="Dropdown",$={filterResults:j,noSelection:q,dropdown:U},J=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{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-input-borderRadius)}.gux-target-container-expanded:focus-visible{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-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){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-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{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-target-container-collapsed .gux-field-button:focus-visible{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-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){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-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}",Q=J;var O=function(t,e,o,n){var r=arguments.length,s=r<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(t,e,o,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(s=(r<3?l(s):r>3?l(e,o,s):l(e,o))||s);return r>3&&s&&Object.defineProperty(e,o,s),s};const x=class{constructor(t){h(this,t),this.guxexpanded=a(this,"guxexpanded",7),this.guxcollapsed=a(this,"guxcollapsed",7),this.guxfilter=a(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":if(this.isFilterable()&&document.activeElement===this.listboxElement)return this.filterElement.focus();this.collapseListbox("focusFieldButton");return;case"Tab":if(this.shiftTabFromFilterListbox(t))return t.preventDefault(),this.filterElement.focus();if(this.shiftTabFromExpandedFilterInput(t))return t.preventDefault(),this.collapseListbox("focusFieldButton");this.collapseListbox("noFocusChange");return;case"ArrowDown":this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,u(this.listboxElement));return;case"Enter":case" ":!this.expanded&&!this.isFilterable()&&u(this.listboxElement);return}}onInternallistboxoptionsupdated(t){t.stopPropagation(),b(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=(t=this.root)===null||t===void 0?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&k(()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()})}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=(t=this.root)===null||t===void 0?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){E(this.root),this.i18n=await C(this.root,$),L(this.root,()=>{b(this.root)})}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;(t=this.truncateElement)===null||t===void 0||t.setShowTooltip()}hideTooltip(){var t;(t=this.truncateElement)===null||t===void 0||t.setHideTooltip()}validateValue(t,e){if(t===void 0){e&&(e.value=t);return}if(this.getOptionElementByValue(t)){e.value=t;return}}applyListboxEventListeners(){var t,e;(t=this.listboxElement)===null||t===void 0||t.addEventListener("input",o=>{o.stopPropagation(),this.updateValue(o.target.value)}),(e=this.listboxElement)===null||e===void 0||e.addEventListener("change",o=>{o.stopPropagation()})}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return this.filterType==="starts-with"||this.filterType==="custom"}get optionElements(){return F(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find(e=>e.value===t)}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&document.activeElement!==this.listboxElement}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),u(this.listboxElement);return;case"Enter":this.listboxElement.guxSelectActive(),t.preventDefault();return}}filterKeyup(t){switch(t.key){case" ":t.preventDefault();return}}collapseListbox(t){this.expanded&&(this.expanded=!1),t==="focusFieldButton"&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,d(this.root,"input"),d(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){var e;const o=t.length;if(o>0&&!this.loading){const n=D(this.listboxElement,t);if(n&&this.filterType!=="custom"){const r=(e=I(n))===null||e===void 0?void 0:e.textContent.trim();return r==null?void 0:r.substring(o)}}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderOption(t){let e=t.textContent.trim();if(p(t,"subtext")){const o=t.querySelector("[slot=subtext]");e=e.replace(o.textContent,"")}return i("gux-truncate",{ref:o=>this.truncateElement=o,dir:"auto"},e)}renderIconOption(t){let e=null,o=t.textContent;if(t.iconColor!==null&&(e={color:t.iconColor}),p(t,"subtext")){const n=t.querySelector("[slot=subtext]");o=o.replace(n.textContent,"")}return i("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":t.iconPosition==="end"}},i("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),i("gux-truncate",{ref:n=>this.truncateElement=n},o))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return i("div",{class:"gux-field gux-input-field",dir:"auto"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return i("slot",{slot:"popup"})}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:S(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!(this.expanded&&this.isFilterable()))return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return i("gux-radial-loading",{context:"input"})}render(){return i("gux-popup",{key:"58d589cd590d035b3aaf57bfe05e2b40ec9a4f28",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return f(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};O([T({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null);O([z({childList:!0,subtree:!0})],x.prototype,"onMutation",null);x.style=Q;const X=["gux-option","gux-option-icon"],Y=X.join(","),Z="No matches",tt="Loading...",et={noMatches:Z,loading:tt},it=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;outline:none;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);padding-block:var(--gse-ui-dropdown-gap);font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor)}",ot=it,nt=class{constructor(t){h(this,t),this.internallistboxoptionsupdated=a(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.selectedValues=[],this.listboxOptions=[]}onBlur(){m(this.root)}onKeydown(t){if(!P(this.root)){t.preventDefault(),u(this.root);return}switch(t.key){case"Enter":t.preventDefault(),g(this.root,e=>this.updateValue(e));return;case"ArrowDown":t.preventDefault(),R(this.root)?(t.stopPropagation(),_(this.root)):w(this.root);return;case"ArrowUp":{t.preventDefault(),A(this.root)?(t.stopPropagation(),H(this.root)):v(this.root);return}case"Home":{t.preventDefault(),w(this.root);return}case"End":{t.preventDefault(),v(this.root);return}case" ":{t.preventDefault();return}}if(t.key.length===1){W(this.root,t.key);return}}onKeyup(t){switch(t.key){case" ":g(this.root,e=>this.updateValue(e));return}}onMousemove(){m(this.root)}onClick(t){M(Y,t,e=>{K(e,o=>this.updateValue(o))})}async guxSelectActive(){g(this.root,t=>this.updateValue(t))}setListboxOptions(){this.selectedValues=B(this.value),this.listboxOptions=F(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),d(this.root,"input"),d(this.root,"change")}async componentWillLoad(){E(this.root),this.i18n=await C(this.root,et),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach(t=>{t.selected=t.value===this.value,this.filterType!=="custom"&&this.filterType!=="none"&&(t.filtered=!V(t,this.filter))}),this.allListboxOptionsFiltered=this.listboxOptions.filter(t=>!t.filtered).length===0}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():i(y,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return f(this)}};nt.style=ot;const rt=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}",st=rt,lt=class{constructor(t){h(this,t),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,o;t?(e=this.truncateElement)===null||e===void 0||e.setShowTooltip():(o=this.truncateElement)===null||o===void 0||o.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||G("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=p(this.root,"subtext")}getAriaSelected(){return this.disabled?!1:this.selected?"true":"false"}hasDisabledParent(){const t=N("gux-listbox",this.root);return t==null?void 0:t.disabled}render(){return i(y,{key:"6f78c9d83bf543c9180880ace85a4997657b7e69",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("div",{key:"193241208837166f4e4c7c622b63987d71c0f7e8",class:"gux-option-wrapper"},i("gux-truncate",{key:"32bfb64079ac38bc10ed96f988619c9169e7f75e",ref:t=>this.truncateElement=t},i("slot",{key:"8519af1e2a3db69836d148da048e8651ec45a595"})),i("slot",{key:"55f55c7614238746ebea89b8ddc7ff87f8059877",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return f(this)}static get watchers(){return{active:["handleActive"]}}};lt.style=st;export{x as gux_dropdown,nt as gux_listbox,lt as gux_option};
+import{r as h,c as a,f as b,h as i,g as f,H as y}from"./index-DnQlhAI3.js";import{O as T}from"./on-click-outside-6c2e399b-16SRQpNH.js";import{b as C}from"./index-4f1356d9-D95neeh-.js";import{s as d}from"./simulate-native-event-e0631897-BcLDngo1.js";import{o as L,c as S}from"./on-input-disabled-state-change-27395154-_B452ZSd.js";import{b as k}from"./after-next-render-07a41f53-C_KTwidI.js";import{t as E}from"./usage-36c49ec0-Dlq6IjQJ.js";import{O as z}from"./on-mutation-751e68e4-Dt8NpKTF.js";import{s as u,n as F,g as D,a as I,b as m,h as P,d as v,e as w,f as A,i as H,j as R,k as _,l as g,m as W,c as B,p as V,o as K}from"./gux-listbox.service-1b2f1a6e-CG-s36UI.js";import{h as p}from"./has-slot-f24a46a6-D7GdaS0G.js";import{w as M}from"./when-event-is-from-2aac15f0-B4cyA2sH.js";import{g as N}from"./get-closest-element-728b9f18-C_5KDHD-.js";import{r as G}from"./random-html-id-81ac821b-D30kRngR.js";const j="Type to filter dropdown results",q="Select...",U="Dropdown",$={filterResults:j,noSelection:q,dropdown:U},J=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{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-input-borderRadius)}.gux-target-container-expanded:focus-visible{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-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){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-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{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-target-container-collapsed .gux-field-button:focus-visible{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-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){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-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}",Q=J;var O=function(t,e,o,n){var r=arguments.length,s=r<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(t,e,o,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(s=(r<3?l(s):r>3?l(e,o,s):l(e,o))||s);return r>3&&s&&Object.defineProperty(e,o,s),s};const x=class{constructor(t){h(this,t),this.guxexpanded=a(this,"guxexpanded",7),this.guxcollapsed=a(this,"guxcollapsed",7),this.guxfilter=a(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":if(this.isFilterable()&&document.activeElement===this.listboxElement)return this.filterElement.focus();this.collapseListbox("focusFieldButton");return;case"Tab":if(this.shiftTabFromFilterListbox(t))return t.preventDefault(),this.filterElement.focus();if(this.shiftTabFromExpandedFilterInput(t))return t.preventDefault(),this.collapseListbox("focusFieldButton");this.collapseListbox("noFocusChange");return;case"ArrowDown":this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,u(this.listboxElement));return;case"Enter":case" ":!this.expanded&&!this.isFilterable()&&u(this.listboxElement);return}}onInternallistboxoptionsupdated(t){t.stopPropagation(),b(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=(t=this.root)===null||t===void 0?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&k(()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()})}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=(t=this.root)===null||t===void 0?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){E(this.root),this.i18n=await C(this.root,$),L(this.root,()=>{b(this.root)})}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;(t=this.truncateElement)===null||t===void 0||t.setShowTooltip()}hideTooltip(){var t;(t=this.truncateElement)===null||t===void 0||t.setHideTooltip()}validateValue(t,e){if(t===void 0){e&&(e.value=t);return}if(this.getOptionElementByValue(t)){e.value=t;return}}applyListboxEventListeners(){var t,e;(t=this.listboxElement)===null||t===void 0||t.addEventListener("input",o=>{o.stopPropagation(),this.updateValue(o.target.value)}),(e=this.listboxElement)===null||e===void 0||e.addEventListener("change",o=>{o.stopPropagation()})}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return this.filterType==="starts-with"||this.filterType==="custom"}get optionElements(){return F(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find(e=>e.value===t)}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&document.activeElement!==this.listboxElement}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),u(this.listboxElement);return;case"Enter":this.listboxElement.guxSelectActive(),t.preventDefault();return}}filterKeyup(t){switch(t.key){case" ":t.preventDefault();return}}collapseListbox(t){this.expanded&&(this.expanded=!1),t==="focusFieldButton"&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,d(this.root,"input"),d(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){var e;const o=t.length;if(o>0&&!this.loading){const n=D(this.listboxElement,t);if(n&&this.filterType!=="custom"){const r=(e=I(n))===null||e===void 0?void 0:e.textContent.trim();return r==null?void 0:r.substring(o)}}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderOption(t){let e=t.textContent.trim();if(p(t,"subtext")){const o=t.querySelector("[slot=subtext]");e=e.replace(o.textContent,"")}return i("gux-truncate",{ref:o=>this.truncateElement=o,dir:"auto"},e)}renderIconOption(t){let e=null,o=t.textContent;if(t.iconColor!==null&&(e={color:t.iconColor}),p(t,"subtext")){const n=t.querySelector("[slot=subtext]");o=o.replace(n.textContent,"")}return i("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":t.iconPosition==="end"}},i("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),i("gux-truncate",{ref:n=>this.truncateElement=n},o))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return i("div",{class:"gux-field gux-input-field",dir:"auto"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return i("slot",{slot:"popup"})}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:S(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!(this.expanded&&this.isFilterable()))return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return i("gux-radial-loading",{context:"input"})}render(){return i("gux-popup",{key:"58d589cd590d035b3aaf57bfe05e2b40ec9a4f28",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return f(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};O([T({triggerEvents:"mousedown"})],x.prototype,"onClickOutside",null);O([z({childList:!0,subtree:!0})],x.prototype,"onMutation",null);x.style=Q;const X=["gux-option","gux-option-icon"],Y=X.join(","),Z="No matches",tt="Loading...",et={noMatches:Z,loading:tt},it=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;outline:none;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);padding-block:var(--gse-ui-dropdown-gap);font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor)}",ot=it,nt=class{constructor(t){h(this,t),this.internallistboxoptionsupdated=a(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.selectedValues=[],this.listboxOptions=[]}onBlur(){m(this.root)}onKeydown(t){if(!P(this.root)){t.preventDefault(),u(this.root);return}switch(t.key){case"Enter":t.preventDefault(),g(this.root,e=>this.updateValue(e));return;case"ArrowDown":t.preventDefault(),R(this.root)?(t.stopPropagation(),_(this.root)):w(this.root);return;case"ArrowUp":{t.preventDefault(),A(this.root)?(t.stopPropagation(),H(this.root)):v(this.root);return}case"Home":{t.preventDefault(),w(this.root);return}case"End":{t.preventDefault(),v(this.root);return}case" ":{t.preventDefault();return}}if(t.key.length===1){W(this.root,t.key);return}}onKeyup(t){switch(t.key){case" ":g(this.root,e=>this.updateValue(e));return}}onMousemove(){m(this.root)}onClick(t){M(Y,t,e=>{K(e,o=>this.updateValue(o))})}async guxSelectActive(){g(this.root,t=>this.updateValue(t))}setListboxOptions(){this.selectedValues=B(this.value),this.listboxOptions=F(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),d(this.root,"input"),d(this.root,"change")}async componentWillLoad(){E(this.root),this.i18n=await C(this.root,et),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach(t=>{t.selected=t.value===this.value,this.filterType!=="custom"&&this.filterType!=="none"&&(t.filtered=!V(t,this.filter))}),this.allListboxOptionsFiltered=this.listboxOptions.filter(t=>!t.filtered).length===0}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():i(y,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return f(this)}};nt.style=ot;const rt=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}",st=rt,lt=class{constructor(t){h(this,t),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,o;t?(e=this.truncateElement)===null||e===void 0||e.setShowTooltip():(o=this.truncateElement)===null||o===void 0||o.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||G("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=p(this.root,"subtext")}getAriaSelected(){return this.disabled?!1:this.selected?"true":"false"}hasDisabledParent(){const t=N("gux-listbox",this.root);return t==null?void 0:t.disabled}render(){return i(y,{key:"6f78c9d83bf543c9180880ace85a4997657b7e69",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("div",{key:"193241208837166f4e4c7c622b63987d71c0f7e8",class:"gux-option-wrapper"},i("gux-truncate",{key:"32bfb64079ac38bc10ed96f988619c9169e7f75e",ref:t=>this.truncateElement=t},i("slot",{key:"8519af1e2a3db69836d148da048e8651ec45a595"})),i("slot",{key:"55f55c7614238746ebea89b8ddc7ff87f8059877",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return f(this)}static get watchers(){return{active:["handleActive"]}}};lt.style=st;export{x as gux_dropdown,nt as gux_listbox,lt as gux_option};

package/dist/assets/{gux-file-list-item.entry-Dp9PwoBM.js → gux-file-list-item.entry-rnKXgjyK.js}

@@ -1,4 +1,4 @@
-import{r as a,c as r,h as e,g as l}from"./index-CWixJ8vL.js";import{b as t}from"./index-4f1356d9-DSfDpFAA.js";import{t as o}from"./usage-36c49ec0-Dlq6IjQJ.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const n="Remove {filename} file",d="Uploading {filename} file",s="{filename} file uploaded successfully",f="{filename} file has an error",u={removeFile:n,uploadingFile:d,success:s,error:f},g=`:host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name="fa/circle-check-solid"]{--gse-ui-formControl-label-tooltipTrigger-color:var(
+import{r as a,c as r,h as e,g as l}from"./index-DnQlhAI3.js";import{b as t}from"./index-4f1356d9-D95neeh-.js";import{t as o}from"./usage-36c49ec0-Dlq6IjQJ.js";import"./get-closest-element-728b9f18-C_5KDHD-.js";const n="Remove {filename} file",d="Uploading {filename} file",s="{filename} file uploaded successfully",f="{filename} file has an error",u={removeFile:n,uploadingFile:d,success:s,error:f},g=`:host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name="fa/circle-check-solid"]{--gse-ui-formControl-label-tooltipTrigger-color:var(
     --gse-ui-fileUpload-fileCard-statusIcon-success
   )}.gux-file-list-item .gux-info .gux-indicator[icon-name="fa/hexagon-exclamation-solid"]{--gse-ui-formControl-label-tooltipTrigger-color:var(
     --gse-ui-fileUpload-fileCard-statusIcon-error