genesys-spark-components 4.28.0 → 4.28.1

package/dist/genesys-webcomponents/{p-b6195ebe.entry.js → p-2074ce46.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{O as i}from"./p-01471ba0.js";import{a as l,o as a}from"./p-e5b1cffc.js";import{t as s}from"./p-5bc3c9d4.js";import{G as n,a as f}from"./p-b0e1eb0c.js";import{G as h,a as d,v as g,b as u}from"./p-f3b9b052.js";import{h as p}from"./p-6d8b4027.js";import{g as c}from"./p-0268a3e8.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m={required:"Required"};const b=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-phone-input-beta");t&&(t.hasError=e)}onMutation(){this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help")}async componentWillLoad(){this.getI18nValue=await o(this.root,m),this.setInput(),this.setLabel(),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){var e;return t(f,{key:"1c97db05461b448ed774d1b3286afd3b2703e85b",labelPosition:this.computedLabelPosition},t(n,{key:"61d4e0288a6388d3f964b3cc10090c003108736f",position:this.computedLabelPosition,required:this.required,labelText:null===(e=this.label)||void 0===e?void 0:e.textContent},t("slot",{key:"07cb1b379a20655ad7732b41f54c2798ed12719e",name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(c(this.root,"error"),this.hasError)),t("div",{key:"b9bc37dbd8d4fc16036132002eb5a2a7288d929b",class:"gux-input-and-error-container"},t("div",{key:"3bdf82b8df04a62acaaee7767268e57cb10de2fc",class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{key:"06b2fc3193e793bff248d744d770c48c488bdfb1",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{key:"056df5cc40820ed784761be3219d4d530c525bcd"}))),t(h,{key:"8d2c3f93da78b6776681c6fb4e98b3ab9586dcf7",show:this.hasError},t("slot",{key:"6b0e896646fb8f732f2d62901ed2a313355fa41c",name:"error"})),t(d,{key:"b135698c3fefc12b92089cff7d4962ae751b83d6",show:!this.hasError&&this.hasHelp},t("slot",{key:"39f1e5a5cb0f9e053fc025f2710a5ff0ea06fa21",name:"help"}))))}renderScreenReaderText(e,r=!0){if(r)return t("gux-screen-reader-beta",null,e)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=l(this.phoneInputElement,(e=>{this.disabled=e})),this.requiredObserver=a(this.phoneInputElement,(e=>{this.required=e})),g(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return r(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,t,r,o){var i,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(l<3?i(a):l>3?i(t,r,a):i(t,r))||a);l>3&&a&&Object.defineProperty(t,r,a)})([i({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style='.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}';export{b as gux_form_field_phone}
+import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{O as i}from"./p-01471ba0.js";import{a as l,o as a}from"./p-e5b1cffc.js";import{t as s}from"./p-838d6ee4.js";import{G as n,a as f}from"./p-b0e1eb0c.js";import{G as h,a as d,v as g,b as u}from"./p-f3b9b052.js";import{h as p}from"./p-6d8b4027.js";import{g as c}from"./p-0268a3e8.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m={required:"Required"};const b=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-phone-input-beta");t&&(t.hasError=e)}onMutation(){this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help")}async componentWillLoad(){this.getI18nValue=await o(this.root,m),this.setInput(),this.setLabel(),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){var e;return t(f,{key:"1c97db05461b448ed774d1b3286afd3b2703e85b",labelPosition:this.computedLabelPosition},t(n,{key:"61d4e0288a6388d3f964b3cc10090c003108736f",position:this.computedLabelPosition,required:this.required,labelText:null===(e=this.label)||void 0===e?void 0:e.textContent},t("slot",{key:"07cb1b379a20655ad7732b41f54c2798ed12719e",name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(c(this.root,"error"),this.hasError)),t("div",{key:"b9bc37dbd8d4fc16036132002eb5a2a7288d929b",class:"gux-input-and-error-container"},t("div",{key:"3bdf82b8df04a62acaaee7767268e57cb10de2fc",class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{key:"06b2fc3193e793bff248d744d770c48c488bdfb1",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{key:"056df5cc40820ed784761be3219d4d530c525bcd"}))),t(h,{key:"8d2c3f93da78b6776681c6fb4e98b3ab9586dcf7",show:this.hasError},t("slot",{key:"6b0e896646fb8f732f2d62901ed2a313355fa41c",name:"error"})),t(d,{key:"b135698c3fefc12b92089cff7d4962ae751b83d6",show:!this.hasError&&this.hasHelp},t("slot",{key:"39f1e5a5cb0f9e053fc025f2710a5ff0ea06fa21",name:"help"}))))}renderScreenReaderText(e,r=!0){if(r)return t("gux-screen-reader-beta",null,e)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=l(this.phoneInputElement,(e=>{this.disabled=e})),this.requiredObserver=a(this.phoneInputElement,(e=>{this.required=e})),g(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return r(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,t,r,o){var i,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(l<3?i(a):l>3?i(t,r,a):i(t,r))||a);l>3&&a&&Object.defineProperty(t,r,a)})([i({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style='.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}';export{b as gux_form_field_phone}

package/dist/genesys-webcomponents/{p-95d4433c.entry.js → p-211adb2c.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as o,g as i}from"./p-2e827df1.js";import{r as s}from"./p-0934300e.js";import{t as a}from"./p-5bc3c9d4.js";import{b as r}from"./p-0367930a.js";import{O as n}from"./p-2d1bdeab.js";import{b as c}from"./p-cf0e7d3b.js";import{w as u}from"./p-e97879b4.js";import"./p-4202e9f2.js";const d={contextMenuScreenreaderText:"Context menu"};const b=class{constructor(e){t(this,e),this.buttonId=s(),this.compact=!1,this.disabled=!1,this.screenreaderText="",this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(t){const e=t.composedPath().includes(this.listElement),o=t.composedPath().includes(this.button);switch(t.key){case"Escape":e&&(t.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.button)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){c((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){c((()=>{this.listElement.guxFocusLastItem()}))}onButtonClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(t){u("gux-list-item",t,(()=>{this.isOpen=!1,this.button.focus()}))}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,d)}render(){return e(o,{key:"63f520be2d59958b0f633f2ef84504df511a84e7"},e("gux-popup",{key:"5ba8f4f26320b7bd82414701d84ad5898e257920",expanded:this.isOpen,offset:4,"exceed-target-width":!0},e("div",{key:"5c19a5ce3f72809522b08938a4c18a3b47de2666",slot:"target",class:"gux-button-container"},e("gux-button-slot",{key:"7aa8ab17950d8d8f87ad79f3eb9167e254695b72",accent:"ghost"},e("button",{key:"715fb03a6b9b806cd928df35edccddfcfd6952a2",type:"button",onClick:()=>this.onButtonClick(),id:this.buttonId,class:{"gux-compact":this.compact},ref:t=>this.button=t,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:this.disabled},e("gux-icon",{key:"32f6b67396aa255c372e35d2c1f9b28d52893264","icon-name":"menu-kebab-vertical","screenreader-text":this.screenreaderText||this.i18n("contextMenuScreenreaderText")})))),e("div",{key:"46b535b72697c780a4a523c0df012d1cdbc29f5a",slot:"popup",class:"gux-list-container"},e("gux-list",{key:"d99c0a1ea7cd6b6555c616bb266cbe200bb03cea",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},e("slot",{key:"bf8ca64f67b3e79c173bf8611f081c54d99c3dbb"})))))}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,e,o,i){var s,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(a<3?s(r):a>3?s(e,o,r):s(e,o))||r);a>3&&r&&Object.defineProperty(e,o,r)})([n({triggerEvents:"click"})],b.prototype,"onClickOutside",null),b.style=":host{display:block;max-width:fit-content;white-space:normal}gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-button-ghost-default-foregroundColor)}button{height:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}button.gux-compact{height:var(--gse-ui-button-compact-height);padding:var(--gse-ui-button-compact-paddingIconOnly)}button:hover:enabled{background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button:hover:enabled gux-icon{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:active:enabled{background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button:active:enabled gux-icon{color:var(--gse-ui-button-ghost-active-foregroundColor)}button[disabled]{opacity:var(--gse-ui-button-disabled-opacity)}.gux-list-container{width:var(--gse-ui-contextMenu-menu-width);max-height:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{b as gux_context_menu}
+import{r as t,h as e,H as o,g as i}from"./p-2e827df1.js";import{r as s}from"./p-0934300e.js";import{t as a}from"./p-838d6ee4.js";import{b as r}from"./p-0367930a.js";import{O as n}from"./p-2d1bdeab.js";import{b as u}from"./p-cf0e7d3b.js";import{w as c}from"./p-e97879b4.js";import"./p-4202e9f2.js";const d={contextMenuScreenreaderText:"Context menu"};const b=class{constructor(e){t(this,e),this.buttonId=s(),this.compact=!1,this.disabled=!1,this.screenreaderText="",this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(t){const e=t.composedPath().includes(this.listElement),o=t.composedPath().includes(this.button);switch(t.key){case"Escape":e&&(t.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.button)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){u((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){u((()=>{this.listElement.guxFocusLastItem()}))}onButtonClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(t){c("gux-list-item",t,(()=>{this.isOpen=!1,this.button.focus()}))}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,d)}render(){return e(o,{key:"63f520be2d59958b0f633f2ef84504df511a84e7"},e("gux-popup",{key:"5ba8f4f26320b7bd82414701d84ad5898e257920",expanded:this.isOpen,offset:4,"exceed-target-width":!0},e("div",{key:"5c19a5ce3f72809522b08938a4c18a3b47de2666",slot:"target",class:"gux-button-container"},e("gux-button-slot",{key:"7aa8ab17950d8d8f87ad79f3eb9167e254695b72",accent:"ghost"},e("button",{key:"715fb03a6b9b806cd928df35edccddfcfd6952a2",type:"button",onClick:()=>this.onButtonClick(),id:this.buttonId,class:{"gux-compact":this.compact},ref:t=>this.button=t,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:this.disabled},e("gux-icon",{key:"32f6b67396aa255c372e35d2c1f9b28d52893264","icon-name":"menu-kebab-vertical","screenreader-text":this.screenreaderText||this.i18n("contextMenuScreenreaderText")})))),e("div",{key:"46b535b72697c780a4a523c0df012d1cdbc29f5a",slot:"popup",class:"gux-list-container"},e("gux-list",{key:"d99c0a1ea7cd6b6555c616bb266cbe200bb03cea",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},e("slot",{key:"bf8ca64f67b3e79c173bf8611f081c54d99c3dbb"})))))}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,e,o,i){var s,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(a<3?s(r):a>3?s(e,o,r):s(e,o))||r);a>3&&r&&Object.defineProperty(e,o,r)})([n({triggerEvents:"click"})],b.prototype,"onClickOutside",null),b.style=":host{display:block;max-width:fit-content;white-space:normal}gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-button-ghost-default-foregroundColor)}button{height:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}button.gux-compact{height:var(--gse-ui-button-compact-height);padding:var(--gse-ui-button-compact-paddingIconOnly)}button:hover:enabled{background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button:hover:enabled gux-icon{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:active:enabled{background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button:active:enabled gux-icon{color:var(--gse-ui-button-ghost-active-foregroundColor)}button[disabled]{opacity:var(--gse-ui-button-disabled-opacity)}.gux-list-container{width:var(--gse-ui-contextMenu-menu-width);max-height:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{b as gux_context_menu}

package/dist/genesys-webcomponents/{p-c51c5f2e.entry.js → p-22780b0b.entry.js}

@@ -1 +1 @@
-import{r as o,h as e,g as r}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as f,g as d,v as g,b as p}from"./p-f3b9b052.js";import{G as c,a as h}from"./p-9773c4fe.js";import{t as m}from"./p-5bc3c9d4.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const x=class{constructor(e){o(this,e),this.labelPosition=void 0,this.computedLabelPosition=void 0,this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(h,{key:"9b70f40b697826a00821d1228f5dad623e61996b",labelPosition:this.computedLabelPosition},e(c,{key:"35c7d19a34d305296cc42143f8d30f2b70e02bfc",position:this.computedLabelPosition,required:this.required},e("slot",{key:"92484ff661df352824035dad4b500aa391f37e33",name:"label",onSlotchange:()=>this.setLabel()})),e("div",{key:"c4a2f287f883f090142f07fe8d7f9a510530933c",class:"gux-input-and-error-container"},e("div",{key:"468b00b74d8055dc5f934cfcab3857aeb567d078",class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{key:"38a8f73ed5ec4bd63c9cf46db9bfef138a7f5544",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",{key:"d8090b53065edf0bb95382575bbcc03bea09d5d2",name:"input",onSlotchange:()=>this.setInput()}))),e(u,{key:"d18d864adaa84999f828c1efae6ad8983f6dbc83",show:this.hasError},e("slot",{key:"36e8b4610b35f00990c6e862eef0a695c76c0f27",name:"error"})),e(f,{key:"c7f4e2f243e1e224d9ab0893045d844d9d603a40",show:!this.hasError&&this.hasHelp},e("slot",{key:"c60336d650a586eb08e21cd6339639e4f127919e",name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=d(this.root,'input[type="color"][slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=p(this.label,this.labelPosition)}get root(){return r(this)}};(function(o,e,r,t){var i,n=arguments.length,l=n<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,t);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(l=(n<3?i(l):n>3?i(e,r,l):i(e,r))||l);n>3&&l&&Object.defineProperty(e,r,l)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-colorPicker-input-swatchSizing);min-width:var(--gse-ui-colorPicker-input-swatchSizing);height:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{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;align-self:auto;order:0;width:var(--gse-ui-formControl-input-colorPicker-size);height:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{x as gux_form_field_color}
+import{r as o,h as e,g as r}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as u,a as f,g as d,v as g,b as p}from"./p-f3b9b052.js";import{G as c,a as h}from"./p-9773c4fe.js";import{t as m}from"./p-838d6ee4.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const x=class{constructor(e){o(this,e),this.labelPosition=void 0,this.computedLabelPosition=void 0,this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(h,{key:"9b70f40b697826a00821d1228f5dad623e61996b",labelPosition:this.computedLabelPosition},e(c,{key:"35c7d19a34d305296cc42143f8d30f2b70e02bfc",position:this.computedLabelPosition,required:this.required},e("slot",{key:"92484ff661df352824035dad4b500aa391f37e33",name:"label",onSlotchange:()=>this.setLabel()})),e("div",{key:"c4a2f287f883f090142f07fe8d7f9a510530933c",class:"gux-input-and-error-container"},e("div",{key:"468b00b74d8055dc5f934cfcab3857aeb567d078",class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{key:"38a8f73ed5ec4bd63c9cf46db9bfef138a7f5544",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",{key:"d8090b53065edf0bb95382575bbcc03bea09d5d2",name:"input",onSlotchange:()=>this.setInput()}))),e(u,{key:"d18d864adaa84999f828c1efae6ad8983f6dbc83",show:this.hasError},e("slot",{key:"36e8b4610b35f00990c6e862eef0a695c76c0f27",name:"error"})),e(f,{key:"c7f4e2f243e1e224d9ab0893045d844d9d603a40",show:!this.hasError&&this.hasHelp},e("slot",{key:"c60336d650a586eb08e21cd6339639e4f127919e",name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=d(this.root,'input[type="color"][slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=p(this.label,this.labelPosition)}get root(){return r(this)}};(function(o,e,r,t){var i,n=arguments.length,l=n<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,r,t);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(l=(n<3?i(l):n>3?i(e,r,l):i(e,r))||l);n>3&&l&&Object.defineProperty(e,r,l)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-colorPicker-input-swatchSizing);min-width:var(--gse-ui-colorPicker-input-swatchSizing);height:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{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;align-self:auto;order:0;width:var(--gse-ui-formControl-input-colorPicker-size);height:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{x as gux_form_field_color}

package/dist/genesys-webcomponents/{p-626e7afc.entry.js → p-22ad8b92.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as r}from"./p-2e827df1.js";import{t as i}from"./p-5bc3c9d4.js";import{O as o}from"./p-2d1bdeab.js";import{b as s,g as n}from"./p-0367930a.js";import{r as a,a as u}from"./p-faf62b32.js";import{s as l}from"./p-2c25e2f2.js";import{b as h}from"./p-cf0e7d3b.js";import{g,a as d,b as c}from"./p-67d92675.js";import"./p-4202e9f2.js";const p={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const f={year:"numeric",month:"long"},m=["ar","he","ja","ko","zh-cn","zh-tw"],b=class{constructor(e){t(this,e),this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=!1,this.expanded=!1,this.locale=void 0}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,l(this.root,"input"),l(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){i(this.root),this.i18n=await s(this.root,p),this.locale=a()?u(this.root):n(this.root)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:r}=g(this.value),i=((parseInt(r)+11+t)%12+1).toString().padStart(2,"0");this.value=d(e,i)}else this.value=c()}incrementYear(t){if(this.value){const{year:e,month:r}=g(this.value),i=Math.max(Number(e)+t,0).toString();this.value=d(i,r)}else this.value=c()}onSpinnerKeyDown(t,e,r){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),r.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:r}=g(this.value);return new Date(Number(e),Number(r)-1).toLocaleDateString(this.locale,{[t]:f[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?g(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=g(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return m.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"calendar","screenreader-text":this.i18n("toggleCalendar")}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup",{key:"3f81f5224264d20329762cafe03e04d03a396e6b",expanded:this.expanded,disabled:this.disabled,"exceed-target-width":!0},this.renderTarget(),this.renderPopup())}get root(){return r(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,r,i){var o,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,r,n):o(e,r))||n);s>3&&n&&Object.defineProperty(e,r,n)})([o({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=":host{display:inline-block}.gux-target{display:inline-flex;gap:var(--gse-ui-formControl-input-gap);padding:var(--gse-ui-formControl-textarea-padding);cursor:pointer;background-color:var(--gse-ui-calendarMenu-backgroundColor);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:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target .gux-display{display:inline-flex;min-width:100px;padding-right:var(--gse-ui-formControl-input-gap);font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-left:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:var(--gse-ui-calendarMenu-month-hover-backgroundColor)}.gux-target .gux-popup-toggle{justify-content:right;color:var(--gse-ui-monthPicker-calendarStates-defaultColor);background:transparent;border:none}.gux-target .gux-popup-toggle:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline:var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target .gux-popup-toggle:not(:disabled):hover{color:var(--gse-ui-monthPicker-calendarStates-hoverColor);cursor:pointer}.gux-target .gux-popup-toggle:not(:disabled):focus{color:var(--gse-ui-monthPicker-calendarStates-activeColor);cursor:pointer}.gux-target .gux-popup-toggle:disabled{color:var(--gse-ui-monthPicker-calendarStates-disabledColor)}.gux-target .gux-popup-toggle gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-target .gux-popup-toggle.gux-expanded{color:var(--gse-ui-monthPicker-calendarStates-activeColor)}";export{b as gux_month_picker_beta}
+import{r as t,h as e,g as r}from"./p-2e827df1.js";import{t as i}from"./p-838d6ee4.js";import{O as o}from"./p-2d1bdeab.js";import{b as s,g as n}from"./p-0367930a.js";import{r as a,a as u}from"./p-faf62b32.js";import{s as l}from"./p-2c25e2f2.js";import{b as h}from"./p-cf0e7d3b.js";import{g,a as d,b as c}from"./p-67d92675.js";import"./p-4202e9f2.js";const p={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const f={year:"numeric",month:"long"},m=["ar","he","ja","ko","zh-cn","zh-tw"],b=class{constructor(e){t(this,e),this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=!1,this.expanded=!1,this.locale=void 0}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,l(this.root,"input"),l(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){i(this.root),this.i18n=await s(this.root,p),this.locale=a()?u(this.root):n(this.root)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:r}=g(this.value),i=((parseInt(r)+11+t)%12+1).toString().padStart(2,"0");this.value=d(e,i)}else this.value=c()}incrementYear(t){if(this.value){const{year:e,month:r}=g(this.value),i=Math.max(Number(e)+t,0).toString();this.value=d(i,r)}else this.value=c()}onSpinnerKeyDown(t,e,r){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),r.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:r}=g(this.value);return new Date(Number(e),Number(r)-1).toLocaleDateString(this.locale,{[t]:f[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?g(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=g(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return m.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"calendar","screenreader-text":this.i18n("toggleCalendar")}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup",{key:"3f81f5224264d20329762cafe03e04d03a396e6b",expanded:this.expanded,disabled:this.disabled,"exceed-target-width":!0},this.renderTarget(),this.renderPopup())}get root(){return r(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,r,i){var o,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,r,n):o(e,r))||n);s>3&&n&&Object.defineProperty(e,r,n)})([o({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=":host{display:inline-block}.gux-target{display:inline-flex;gap:var(--gse-ui-formControl-input-gap);padding:var(--gse-ui-formControl-textarea-padding);cursor:pointer;background-color:var(--gse-ui-calendarMenu-backgroundColor);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:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target .gux-display{display:inline-flex;min-width:100px;padding-right:var(--gse-ui-formControl-input-gap);font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-left:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:var(--gse-ui-calendarMenu-month-hover-backgroundColor)}.gux-target .gux-popup-toggle{justify-content:right;color:var(--gse-ui-monthPicker-calendarStates-defaultColor);background:transparent;border:none}.gux-target .gux-popup-toggle:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline:var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target .gux-popup-toggle:not(:disabled):hover{color:var(--gse-ui-monthPicker-calendarStates-hoverColor);cursor:pointer}.gux-target .gux-popup-toggle:not(:disabled):focus{color:var(--gse-ui-monthPicker-calendarStates-activeColor);cursor:pointer}.gux-target .gux-popup-toggle:disabled{color:var(--gse-ui-monthPicker-calendarStates-disabledColor)}.gux-target .gux-popup-toggle gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-target .gux-popup-toggle.gux-expanded{color:var(--gse-ui-monthPicker-calendarStates-activeColor)}";export{b as gux_month_picker_beta}