genesys-spark-components 4.188.3 → 4.188.4

package/dist/genesys-webcomponents/{p-79ab7ac3.entry.js → p-f86bf22f.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as a,a as e}from"./p-mm833MRp.js";import{t as h}from"./p-CngQjjYl.js";const c=class{constructor(s){t(this,s),this.guxactivetabchange=i(this,"guxactivetabchange",7),this.orientation="horizontal",this.alignment="left",this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}watchOrientation(t){this.setOrientation(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,i]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=i.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels),this.setOrientation(this.orientation)}setOrientation(t){this.addOrientationToClassList(this.tabList,t),this.root.querySelectorAll("gux-tab").forEach((i=>{this.addOrientationToClassList(i,t)}))}addOrientationToClassList(t,i){"vertical"===i?(t.classList.add("gux-vertical"),t.classList.remove("gux-horizontal")):(t.classList.add("gux-horizontal"),t.classList.remove("gux-vertical"))}activateTab(t,i,s){this.activeTab=t||s[0].tabId,null==i||i.guxSetActive(this.activeTab),null==s||s.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return s(a,{key:"657bc53e6ebd87356e3a012612bce3f88459c1cc",class:`gux-tabs-${this.orientation}`},s("div",{key:"61638f6c5df4e41a1b54679c51f1068213813455",class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},s("slot",{key:"a48a57ce19e1b39bedde0adc5c073726217f3e33",name:"tab-list"}),s("div",{key:"33bd76e89f4c8ffb2df6aaa767f004ae974e1806",class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},s("slot",{key:"700e780488163979cdd0036d30fc7271799876ce",onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"],orientation:["watchOrientation"]}}};c.style=":host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";export{c as gux_tabs}
+import{r as t,c as i,h as s,H as a,a as e}from"./p-mm833MRp.js";import{t as h}from"./p-fYICKdK-.js";const c=class{constructor(s){t(this,s),this.guxactivetabchange=i(this,"guxactivetabchange",7),this.orientation="horizontal",this.alignment="left",this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}watchOrientation(t){this.setOrientation(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,i]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=i.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels),this.setOrientation(this.orientation)}setOrientation(t){this.addOrientationToClassList(this.tabList,t),this.root.querySelectorAll("gux-tab").forEach((i=>{this.addOrientationToClassList(i,t)}))}addOrientationToClassList(t,i){"vertical"===i?(t.classList.add("gux-vertical"),t.classList.remove("gux-horizontal")):(t.classList.add("gux-horizontal"),t.classList.remove("gux-vertical"))}activateTab(t,i,s){this.activeTab=t||s[0].tabId,null==i||i.guxSetActive(this.activeTab),null==s||s.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return s(a,{key:"657bc53e6ebd87356e3a012612bce3f88459c1cc",class:`gux-tabs-${this.orientation}`},s("div",{key:"61638f6c5df4e41a1b54679c51f1068213813455",class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},s("slot",{key:"a48a57ce19e1b39bedde0adc5c073726217f3e33",name:"tab-list"}),s("div",{key:"33bd76e89f4c8ffb2df6aaa767f004ae974e1806",class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},s("slot",{key:"700e780488163979cdd0036d30fc7271799876ce",onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"],orientation:["watchOrientation"]}}};c.style=":host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";export{c as gux_tabs}

package/dist/genesys-webcomponents/{p-cb794d21.entry.js → p-f8b95f9a.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,a as o}from"./p-mm833MRp.js";import{t as i}from"./p-CngQjjYl.js";import{g as a}from"./p-MAoEg4ig.js";const r=class{constructor(t){e(this,t),this.variant="info",this.placement="right"}componentWillLoad(){i(this.root,{variant:this.variant})}getVariantIcon(e){return"question"===e?"fa/circle-question-regular":"fa/circle-info-regular"}async showTooltip(){return await this.tooltipElement.showTooltip()}async hideTooltip(){return await this.tooltipElement.hideTooltip()}render(){return t("div",{key:"62d9b297d43b88816609c237aaeb447a8cfbf185",class:"gux-label-info"},t("gux-screen-reader-beta",{key:"641f57f5e0b7c2597c64f6e48cf68134c7c92698"},a(this.root,"content")),t("gux-icon",{key:"d3289ee0434ba8c9946fda6af15e576b2a2ff124","icon-name":this.getVariantIcon(this.variant),size:"small",decorative:!0}),t("gux-tooltip-beta",{key:"74d1bf96afb3f7d02329b60876b3d5606fc7c6ce",placement:this.placement,ref:e=>this.tooltipElement=e},t("slot",{key:"aa4d7754a9bd6a6f57c7b8f00f9317d3b793f4b1",name:"content"})))}get root(){return o(this)}};r.style=".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_label_info_beta}
+import{r as e,h as t,a as o}from"./p-mm833MRp.js";import{t as i}from"./p-fYICKdK-.js";import{g as a}from"./p-MAoEg4ig.js";const r=class{constructor(t){e(this,t),this.variant="info",this.placement="right"}componentWillLoad(){i(this.root,{variant:this.variant})}getVariantIcon(e){return"question"===e?"fa/circle-question-regular":"fa/circle-info-regular"}async showTooltip(){return await this.tooltipElement.showTooltip()}async hideTooltip(){return await this.tooltipElement.hideTooltip()}render(){return t("div",{key:"62d9b297d43b88816609c237aaeb447a8cfbf185",class:"gux-label-info"},t("gux-screen-reader-beta",{key:"641f57f5e0b7c2597c64f6e48cf68134c7c92698"},a(this.root,"content")),t("gux-icon",{key:"d3289ee0434ba8c9946fda6af15e576b2a2ff124","icon-name":this.getVariantIcon(this.variant),size:"small",decorative:!0}),t("gux-tooltip-beta",{key:"74d1bf96afb3f7d02329b60876b3d5606fc7c6ce",placement:this.placement,ref:e=>this.tooltipElement=e},t("slot",{key:"aa4d7754a9bd6a6f57c7b8f00f9317d3b793f4b1",name:"content"})))}get root(){return o(this)}};r.style=".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_label_info_beta}

package/dist/genesys-webcomponents/{p-CngQjjYl.js → p-fYICKdK-.js}

@@ -1 +1 @@
-var e="4.188.3";const t=[function(e){const[t,n,...o]=e.split(".");return{name:"spark-library",metadata:{fullVersion:`${t}.${n}.${o.join(".")}`,majorVersion:t,minorVersion:`${t}.${n}`}}}(e)];function n(){const e=window.newrelic;if(e){for(let o=0;o<20;o++){if(0==t.length)return void setTimeout(n,3e4);const o=t.shift();e.addPageAction(o.name,Object.assign(Object.assign({},o.metadata),{queueDepth:t.length}))}setTimeout(n,3e4)}}let o=!1;function r(r,i){window.newrelic&&(o||(o=!0,n()),document.contains(r)&&t.push({name:"spark-component",metadata:Object.assign(Object.assign({},i),{component:r.tagName.toLowerCase(),version:e})}))}export{r as t}
+var e="4.188.4";const t=[function(e){const[t,n,...o]=e.split(".");return{name:"spark-library",metadata:{fullVersion:`${t}.${n}.${o.join(".")}`,majorVersion:t,minorVersion:`${t}.${n}`}}}(e)];function n(){const e=window.newrelic;if(e){for(let o=0;o<20;o++){if(0==t.length)return void setTimeout(n,3e4);const o=t.shift();e.addPageAction(o.name,Object.assign(Object.assign({},o.metadata),{queueDepth:t.length}))}setTimeout(n,3e4)}}let o=!1;function r(r,i){window.newrelic&&(o||(o=!0,n()),document.contains(r)&&t.push({name:"spark-component",metadata:Object.assign(Object.assign({},i),{component:r.tagName.toLowerCase(),version:e})}))}export{r as t}

package/dist/genesys-webcomponents/{p-9871cce1.entry.js → p-fa2326ed.entry.js}

@@ -1 +1 @@
-import{r,h as s,a as t}from"./p-mm833MRp.js";import{t as a}from"./p-CngQjjYl.js";const e=class{constructor(s){r(this,s)}componentWillLoad(){a(this.root)}render(){return s("gux-radial-loading",{key:"d63abf0f5364727a21f2862a5c3bd6b22b7ccb5e",class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};e.style=":host{display:flex}.gux-spinner{margin:auto}";export{e as gux_page_loading_spinner}
+import{r,h as s,a as t}from"./p-mm833MRp.js";import{t as a}from"./p-fYICKdK-.js";const e=class{constructor(s){r(this,s)}componentWillLoad(){a(this.root)}render(){return s("gux-radial-loading",{key:"d63abf0f5364727a21f2862a5c3bd6b22b7ccb5e",class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};e.style=":host{display:flex}.gux-spinner{margin:auto}";export{e as gux_page_loading_spinner}

package/dist/genesys-webcomponents/{p-f5b4ef0c.entry.js → p-fbd7984f.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as i,a}from"./p-mm833MRp.js";import{s as e}from"./p-BMRf5pjV.js";import{t as o}from"./p-CngQjjYl.js";const h=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,e(this.root,"input"),e(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){o(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{key:"b1a6caaac5bdfb42f1016a8d77e5cb9e2e05edc4",role:"group",class:`gux-${this.layout}`},s("slot",{key:"a08e30d37e0a9f01d18111bd128ba318ff1ffafd",onSlotchange:this.slotChanged.bind(this)}))}get root(){return a(this)}};h.style=":host{display:flex;align-items:flex-end}";export{h as gux_switch_legacy}
+import{r as t,h as s,H as i,a}from"./p-mm833MRp.js";import{s as e}from"./p-BMRf5pjV.js";import{t as o}from"./p-fYICKdK-.js";const h=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,e(this.root,"input"),e(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){o(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{key:"b1a6caaac5bdfb42f1016a8d77e5cb9e2e05edc4",role:"group",class:`gux-${this.layout}`},s("slot",{key:"a08e30d37e0a9f01d18111bd128ba318ff1ffafd",onSlotchange:this.slotChanged.bind(this)}))}get root(){return a(this)}};h.style=":host{display:flex;align-items:flex-end}";export{h as gux_switch_legacy}

package/dist/stencil-wrapper.js

@@ -7,7 +7,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.188.3-877/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.188.4-878/genesys-webcomponents/';
 const DOMAIN_LIST = [
     '.inindca.com',
     '.dev-pure.cloud',

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.188.3-877/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.188.4-878/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

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

package/dist/genesys-webcomponents/p-1a2bb6d4.entry.js

@@ -1 +0,0 @@
-import{r as e,f as o,h as r,a as t}from"./p-mm833MRp.js";import{O as i}from"./p-1mmdDpx8.js";import{h as l}from"./p-qzV3vtOw.js";import{l as a}from"./p-DxtJDeL9.js";import{b as s}from"./p-D_8CR3cJ.js";import{s as n}from"./p-BMRf5pjV.js";import{a as f,G as h}from"./p-BkM3RdTO.js";import{G as u,a as d,b as g}from"./p-DR1RHELj.js";import{g as c}from"./p-MAoEg4ig.js";import{t as p}from"./p-CngQjjYl.js";import"./p-Cd4R0amv.js";function x(e,o){if(o){const{checkedCheckboxes:r,totalCheckboxes:t}=function(e){const o=m(e).length,r=function(e){return m(e).filter((e=>e.checked))}(e).length;return{checkedCheckboxes:r,totalCheckboxes:o}}(e);0===r?(o.indeterminate=!1,o.checked=!1):r===t?(o.indeterminate=!1,o.checked=!0):o.indeterminate=!0}}function m(e){return Array.from(e.querySelectorAll('gux-form-field-checkbox input:not(gux-form-field-checkbox[slot="group-checkbox"] input'))}var b={required:"Required"};const v=class{constructor(o){e(this,o),this.indicatorMark="required",this.required=!1,this.hasGroupError=!1,this.hasGroupHelp=!1,this.hasGroupLabelInfo=!1,this.disabled=!1}watchGroupError(e){const o=this.root.querySelectorAll("gux-form-field-checkbox");o&&o.forEach((o=>{o.hasGroupError=e}))}watchDisabled(){this.setDisabledCheckboxes()}onMutation(){this.hasGroupError=l(this.root,"group-error"),this.hasGroupHelp=l(this.root,"group-help"),this.hasGroupLabelInfo=l(this.root,"group-label-info")}async componentWillLoad(){this.getI18nValue=await s(this.root,b),this.hasGroupError=l(this.root,"group-error"),this.hasGroupHelp=l(this.root,"group-help"),this.hasGroupLabelInfo=l(this.root,"group-label-info"),this.setLabel(),this.setDisabledCheckboxes(),p(this.root)}componentDidLoad(){x(this.root,this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input'))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}getGroupCheckboxElement(){return this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input')}setDisabledCheckboxes(){const e=this.root.querySelectorAll("gux-form-field-checkbox");e&&e.forEach((e=>{e.hasGroupDisabled=this.disabled}))}onMainCheckboxChange(){const e=this.getGroupCheckboxElement();var r;r=e.checked,m(this.root).forEach((e=>{e.checked===r||e.disabled||(e.checked=r,n(e,"input"),n(e,"change"))})),o(this.root)}setupNestedCheckboxes(){this.warnMultipleGroupCheckbox(),this.warnGroupCheckboxNameAttr();const e=this.getGroupCheckboxElement();e?this.root.classList.add("gux-group-checkbox"):this.root.classList.remove("gux-group-checkbox"),null==e||e.addEventListener("change",(()=>{this.onMainCheckboxChange()})),this.initialSetNestedCheckboxes(null==e?void 0:e.checked)}initialSetNestedCheckboxes(e){const o=Array.from(this.root.querySelectorAll('gux-form-field-checkbox input:not(gux-form-field-checkbox[slot="group-checkbox"] input)'));(null==o?void 0:o.length)&&o.forEach((o=>{o.addEventListener("change",(()=>{this.updateMainCheckbox()})),e&&!o.disabled&&(o.checked=!0)}))}warnMultipleGroupCheckbox(){const e=this.root.querySelectorAll('gux-form-field-checkbox[slot="group-checkbox"] input');(null==e?void 0:e.length)>1&&a(this.root,"Can only have one group checkbox")}warnGroupCheckboxNameAttr(){const e=this.getGroupCheckboxElement();(null==e?void 0:e.hasAttribute("name"))&&a(this.root,"Group checkbox should not have a name attribute")}updateMainCheckbox(){x(this.root,this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input')),o(this.root)}renderText(e,o=!1){if(o)return" "+e}render(){var e;return r(g,{key:"39d089b1a29281e4548047282d0c21ced0664238",labelPosition:"above"},r(d,{key:"1dc0f41fcf3f05bf44c3527b1ca837b39b7ae75e"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(c(this.root,"group-error"),this.hasGroupError),this.renderText(c(this.root,"group-help"),this.hasGroupHelp),this.renderText(c(this.root,"group-label-info"),this.hasGroupLabelInfo)),r(u,{key:"ff0df059eedea0671156605427e5e6ae53db86a9",position:"above",required:this.required},r("slot",{key:"42cdb1d413e349e40757f61cf5a901897b1c64c0",name:"group-label",onSlotchange:()=>this.setLabel()}),r("gux-form-field-label-indicator",{key:"96e6c9fcfa22513d122d09a22855d549f3c2e5f8",variant:this.indicatorMark,required:this.required}),r("slot",{key:"6959da0cdd600fc35a202238693fcffeedb5dba5",name:"group-label-info"})),r("slot",{key:"e6ec34d9152b1cb78454dd62dce3bc1f8396f9ed",onSlotchange:()=>this.setupNestedCheckboxes(),name:"group-checkbox"}),r("slot",{key:"06ffdaf1284b74a6350ce91cdd420c18d3015287",onSlotchange:()=>this.updateMainCheckbox()}),r(h,{key:"d0a1f5fafa32b6be3c55c9c18e3909136331b661",show:this.hasGroupError},r("slot",{key:"773cba21d4b1131425cc1875b6e36da27feeb053",name:"group-error"})),r(f,{key:"94ba36e3faf7603179706bb2cb3937310e1d27e2",show:!this.hasGroupError&&this.hasGroupHelp},r("slot",{key:"7d816fdd3f3fa7a4a209da146a55645cc0cb635d",name:"group-help"})))}setLabel(){this.label=this.root.querySelector('label[slot="group-label"]')}get root(){return t(this)}static get watchers(){return{hasGroupError:["watchGroupError"],disabled:["watchDisabled"]}}};(function(e,o,r,t){var i,l=arguments.length,a=l<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,r,t);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(l<3?i(a):l>3?i(o,r,a):i(o,r))||a);l>3&&a&&Object.defineProperty(o,r,a)})([i({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.style=".gux-form-field-fieldset-container{display:flex;min-inline-size: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;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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 0 auto;order:0;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-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);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}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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 0 auto;order:0;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-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);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}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(label){min-inline-size:0}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}:host([disabled]) .gux-form-field-legend-label{opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(gux-form-field-checkbox){padding-block-start:var(--gse-ui-formControl-group-gapItems)}::slotted(gux-form-field-checkbox:first-of-type){padding-block-start:0}:host(.gux-group-checkbox) ::slotted(gux-form-field-checkbox){padding-inline-start:var(--gse-ui-checkbox-group-paddingLeft)}:host(.gux-group-checkbox) slot[name=group-checkbox]::slotted(gux-form-field-checkbox){padding-inline-start:0}.gux-form-field-legend-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)}:host([disabled]) ::slotted(label){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";export{v as gux_form_field_checkbox_group_beta}

package/dist/genesys-webcomponents/p-76bef427.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as i,h as r,a as o}from"./p-mm833MRp.js";import{O as n}from"./p-CuMZPTZF.js";import{b as s}from"./p-D_8CR3cJ.js";import{s as l}from"./p-BMRf5pjV.js";import{b as u}from"./p-Bg4q97BS.js";import{o as a}from"./p-Cb3FOYGS.js";import{t as d}from"./p-CngQjjYl.js";import{c as h,s as g,g as c,a as f}from"./p-zrBw_m7x.js";import{O as p}from"./p-1mmdDpx8.js";import"./p-Cd4R0amv.js";import"./p-DjLdmWVU.js";var x={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"},b=function(t,e,i,r){var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const m=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(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=null===(t=this.root)||void 0===t?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&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),!t&&this.textInputElement&&(this.textInput="",this.textInputElement.value="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(h(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("noFocusChange")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(this.listboxElement)));case"Enter":return this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),void(this.expanded||this.isFilterable()||g(this.listboxElement));case" ":return void(this.expanded||this.isFilterable()||g(this.listboxElement))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(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),this.isFilterable()&&!this.root.contains(null==t?void 0:t.relatedTarget)&&(this.textInputElement.focus(),this.expanded=!0)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?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(){d(this.root),this.i18n=await s(this.root,x),a(this.root,(()=>{i(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){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=h(t);return e.filter((t=>i.includes(t.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){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void g(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=c(this.listboxElement,t);if(i&&"custom"!==this.filterType){const t=f(i);return null==t?void 0:t.substring(e)}return""}}renderTargetDisplay(){return r("span",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,r("gux-screen-reader-beta",null,this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>f(t))).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return r("gux-screen-reader-beta",null,this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}selectAllPresent(){var t;return this.expanded&&!!(null===(t=this.listboxElement)||void 0===t?void 0:t.querySelector("gux-select-all"))}renderTag(){const t=h(this.value);if(t.length&&!this.selectAllPresent())return r("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.hasTextInput())return r("div",{class:"gux-field gux-input-field"},r("div",{class:"gux-field-content"},r("div",{class:"gux-filter"},r("div",{class:"gux-filter-display"},r("span",{class:"gux-filter-text"},this.textInput),r("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),r("div",{class:"input-and-dropdown-button"},r("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 r("div",{slot:"popup",class:"gux-listbox-container"},r("slot",null))}renderTarget(){return r("div",{class:{"gux-target-container":!0,"gux-target-container-filterable":this.hasTextInput(),"gux-target-container-filterable-active":this.expanded&&this.hasTextInput(),"gux-target-container-not-filterable":!this.hasTextInput(),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),r("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),onMouseDown:t=>t.preventDefault(),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),r("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.hasTextInput())return r("span",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return r("gux-radial-loading",{context:"input"})}render(){return[r("div",{key:"f5ca87adabe2ec8c38a542715a05b5ca321cf355",class:"gux-dropdown-container"},r("gux-popup",{key:"82e9617130869c5c16d90a932be883a48684cb44",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 o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([p({childList:!0,subtree:!0})],m.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],m.prototype,"onClickOutside",null),m.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{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-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{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-filterable{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-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable: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}.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%;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-input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.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-filterable{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-filterable: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-filterable: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-filterable.gux-target-container-filterable-active{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-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .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-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .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-not-filterable .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-not-filterable .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-target-container-not-filterable .gux-field-content .gux-placeholder{white-space:pre}.gux-listbox-container{box-sizing:border-box;margin:0}";export{m as gux_dropdown_multi}

package/dist/genesys-webcomponents/p-7d3961a0.entry.js

@@ -1 +0,0 @@
-import{r as e,f as t,h as o,a as i,c as r}from"./p-mm833MRp.js";import{b as n}from"./p-D_8CR3cJ.js";import{c as s,o as a}from"./p-Cb3FOYGS.js";import{O as l}from"./p-1mmdDpx8.js";import{o as u}from"./p-De1NnCmO.js";import{p as f}from"./p-PYfNAK8p.js";import{h as c,c as d,g as p,v as g,a as h,d as b}from"./p-DHLxhscH.js";import{s as m}from"./p-BMRf5pjV.js";import{h as x}from"./p-qzV3vtOw.js";import{G as v,a as C}from"./p-BkM3RdTO.js";import{G as y,a as k}from"./p-Bxg2lxW0.js";import{t as w}from"./p-CngQjjYl.js";import{f as j}from"./p-JHLuJ8Pb.js";import{t as T}from"./p-BFMPPR7N.js";import{O as z}from"./p-CuMZPTZF.js";import{b as D}from"./p-Bg4q97BS.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var R={increment:"Increment",decrement:"Decrement"};const F=class{constructor(t){e(this,t),this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;switch(e.key){case"Tab":this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3));break;case"Shift":break;default:this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=c(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,R),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"1e07c3f124e8707f6261b4df25690d812c9c7dd1",labelPosition:this.computedLabelPosition},o(y,{key:"c4d3286b441ffc8b976ecab571420ef3f9f5731a",required:this.required,position:this.computedLabelPosition},o("slot",{key:"dd3eb099e1b96030198fa1d5980327b9b37372b9",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"9299e783143e6d5d3ed8e2654f388182bceecd09",variant:this.indicatorMark,required:this.required}),o("slot",{key:"26742f9f77b85ec871c12b8069d188685b1c1bd6",name:"label-info"})),o("div",{key:"f76998d3d2b4f6cd9ecc21be8283a07dad189f0c",class:"gux-input-and-error-container"},o("div",{key:"db694b9aa71dfae2b1ac0df8988838f9c44ff559",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"e10e9afd527017c32e2784409c6fba2211cf099f",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>j(this.input)},o("slot",{key:"6850be66b8b17f1c2cf0c4f7328aebcf3ba30690",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"c74281f4423eda417f7c79380d6dde369a2af1e7",onClick:()=>d(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"f28cc3e3fb7e49fd1da638376046d2d1fcfe051c",show:this.hasError},o("slot",{key:"92a20e2c9b9c8988b86b3bf84f7ed3ee53504940",name:"error"})),o(C,{key:"884b1ccd768b8da7ab2de002c323dc768ca56160",show:!this.hasError&&this.hasHelp},o("slot",{key:"cc86c01124eb1c7975649d1c2d516bd8193f52f6",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=p(this.root,'input[type="number"][slot="input"]'),this.hasContent=c(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=c(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=a(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([l({childList:!0,subtree:!0})],F.prototype,"onMutation",null),F.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;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);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border: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;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;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{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container: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-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button:disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const B=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){D((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,T,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"c0a0f5339eb18427f2d0a295b2059ff1dd3354f3",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"7783134863b3749e02a098c237be70dd2405650b",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular",size:"small"})),o("gux-tooltip",{key:"9e4a5b4684c26c37cf897259e9dd96728cff1015",for:"popover-target"},o("div",{key:"eae4d6c935bdfb6067d33db1facb3bdf2c75a35b",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"d452fae8bc5cf41f10cb66e3edee10b1da55396c","is-open":this.isOpen,for:"popover-target"},o("span",{key:"a8a03c0a8d6e51191d53f2c185f63d269ceb6bff",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"a3968c8cb70cf66c8415c51ebe541fef742d5e59"},o("input",{key:"303bb563902aad6ee9af1188ba647773ae914d70",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"392d27147d9fd9ced515a2b93cb299db9f1ac13c",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,o,s):r(t,o))||s);n>3&&s&&Object.defineProperty(t,o,s)})([z({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style="gux-button gux-icon{padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{F as gux_form_field_number,B as gux_pagination_ellipsis_button}

package/dist/genesys-webcomponents/p-92f69b14.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,a as r}from"./p-mm833MRp.js";import{t as i}from"./p-CngQjjYl.js";import{O as o}from"./p-CuMZPTZF.js";import{b as s,g as n}from"./p-D_8CR3cJ.js";import{a}from"./p-DvPw3gUX.js";import{u}from"./p-BgaA4g76.js";import{s as l}from"./p-BMRf5pjV.js";import{b as h}from"./p-Bg4q97BS.js";import{g,a as c,b as d}from"./p-Dwrcabgx.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";var p={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const f={calendar:"gregory",year:"numeric",month:"long"},m=["ar","he","ja","ko","zh-cn","zh-tw"],b=class{constructor(e){t(this,e),this.disabled=!1,this.expanded=!1}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=u()?a(this.root):n(this.root)}onFocusout(t){t.relatedTarget&&!this.root.contains(t.relatedTarget)&&(this.expanded=!1)}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=c(e,i)}else this.value=d()}incrementYear(t){if(this.value){const{year:e,month:r}=g(this.value),i=Math.max(Number(e)+t,0).toString();this.value=c(i,r)}else this.value=d()}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,{calendar:"gregory",[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,{calendar:"gregory",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":"fa/calendar-regular",decorative:!0,size:"small"}),e("gux-screen-reader-beta",null,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:"dc77a8eddba2e1ba1dd8834f63387f24b02fcfff",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{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-target .gux-display{display:inline-flex;align-items:center;min-inline-size:100px;padding-inline-end: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-inline-start: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{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-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.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-expanded{color:var(--gse-ui-monthPicker-calendarStates-activeColor)}";export{b as gux_month_picker_beta}