genesys-spark-components 3.31.0 → 3.32.0

package/dist/types/components.d.ts

@@ -37,6 +37,7 @@ import { GuxTableSelectedState, GuxTableSortState } from "./components/beta/gux-
 import { GuxSwitchAllowedLayouts } from "./components/stable/gux-switch/gux-switch.types";
 import { GuxTabsAlignment, GuxTabsOrientation } from "./components/stable/gux-tabs/gux-tabs-types";
 import { GuxTagColor } from "./components/beta/gux-tag/gux-tag.types";
+import { GuxClockType, GuxISOHourMinute, GuxMinuteInterval } from "./components/beta/gux-time-picker/gux-time-picker.type";
 import { GuxToggleLabelPosition } from "./components/stable/gux-toggle/gux-toggle.types";
 import { GuxTooltipPlacements } from "./components/stable/gux-tooltip/gux-tooltip.types";
 export namespace Components {
@@ -735,6 +736,9 @@ export namespace Components {
         "labelPosition": GuxFormFieldLabelPosition;
         "resize": GuxFormFieldTextAreaResize;
     }
+    interface GuxFormFieldTimePicker {
+        "labelPosition": GuxFormFieldLabelPosition;
+    }
     interface GuxIcon {
         /**
           * Indicate whether the icon should be ignored by accessibility tools or not
@@ -1095,6 +1099,8 @@ export namespace Components {
         "disabled": boolean;
         "selected": boolean;
     }
+    interface GuxScreenReaderBeta {
+    }
     interface GuxSidePanelButton {
         "altText": string;
         "icon": string;
@@ -1343,11 +1349,12 @@ export namespace Components {
         "format": GuxDateTimeFormat;
     }
     interface GuxTimePickerBeta {
-        "interval": number;
-        "label": string;
-        "max": string;
-        "min": string;
-        "value": string;
+        "clockType": GuxClockType;
+        "disabled": boolean;
+        "hasError": boolean;
+        "interval": GuxMinuteInterval;
+        "required": boolean;
+        "value": GuxISOHourMinute;
     }
     interface GuxToggle {
         "checked": boolean;
@@ -1583,10 +1590,6 @@ export interface GuxTagBetaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxTagBetaElement;
 }
-export interface GuxTimePickerBetaCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGuxTimePickerBetaElement;
-}
 export interface GuxToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxToggleElement;
@@ -1932,6 +1935,12 @@ declare global {
         prototype: HTMLGuxFormFieldTextareaElement;
         new (): HTMLGuxFormFieldTextareaElement;
     };
+    interface HTMLGuxFormFieldTimePickerElement extends Components.GuxFormFieldTimePicker, HTMLStencilElement {
+    }
+    var HTMLGuxFormFieldTimePickerElement: {
+        prototype: HTMLGuxFormFieldTimePickerElement;
+        new (): HTMLGuxFormFieldTimePickerElement;
+    };
     interface HTMLGuxIconElement extends Components.GuxIcon, HTMLStencilElement {
     }
     var HTMLGuxIconElement: {
@@ -2226,6 +2235,12 @@ declare global {
         prototype: HTMLGuxRowSelectElement;
         new (): HTMLGuxRowSelectElement;
     };
+    interface HTMLGuxScreenReaderBetaElement extends Components.GuxScreenReaderBeta, HTMLStencilElement {
+    }
+    var HTMLGuxScreenReaderBetaElement: {
+        prototype: HTMLGuxScreenReaderBetaElement;
+        new (): HTMLGuxScreenReaderBetaElement;
+    };
     interface HTMLGuxSidePanelButtonElement extends Components.GuxSidePanelButton, HTMLStencilElement {
     }
     var HTMLGuxSidePanelButtonElement: {
@@ -2487,6 +2502,7 @@ declare global {
         "gux-form-field-select": HTMLGuxFormFieldSelectElement;
         "gux-form-field-text-like": HTMLGuxFormFieldTextLikeElement;
         "gux-form-field-textarea": HTMLGuxFormFieldTextareaElement;
+        "gux-form-field-time-picker": HTMLGuxFormFieldTimePickerElement;
         "gux-icon": HTMLGuxIconElement;
         "gux-input-checkbox": HTMLGuxInputCheckboxElement;
         "gux-input-color": HTMLGuxInputColorElement;
@@ -2536,6 +2552,7 @@ declare global {
         "gux-radial-progress": HTMLGuxRadialProgressElement;
         "gux-rating": HTMLGuxRatingElement;
         "gux-row-select": HTMLGuxRowSelectElement;
+        "gux-screen-reader-beta": HTMLGuxScreenReaderBetaElement;
         "gux-side-panel-button": HTMLGuxSidePanelButtonElement;
         "gux-side-panel-legacy": HTMLGuxSidePanelLegacyElement;
         "gux-simple-toast": HTMLGuxSimpleToastElement;
@@ -3278,6 +3295,9 @@ declare namespace LocalJSX {
         "labelPosition"?: GuxFormFieldLabelPosition;
         "resize"?: GuxFormFieldTextAreaResize;
     }
+    interface GuxFormFieldTimePicker {
+        "labelPosition"?: GuxFormFieldLabelPosition;
+    }
     interface GuxIcon {
         /**
           * Indicate whether the icon should be ignored by accessibility tools or not
@@ -3646,6 +3666,8 @@ declare namespace LocalJSX {
         "onInternalrowselectchange"?: (event: GuxRowSelectCustomEvent<any>) => void;
         "selected"?: boolean;
     }
+    interface GuxScreenReaderBeta {
+    }
     interface GuxSidePanelButton {
         "altText"?: string;
         "icon"?: string;
@@ -3928,12 +3950,12 @@ declare namespace LocalJSX {
         "format"?: GuxDateTimeFormat;
     }
     interface GuxTimePickerBeta {
-        "interval"?: number;
-        "label"?: string;
-        "max"?: string;
-        "min"?: string;
-        "onChanged"?: (event: GuxTimePickerBetaCustomEvent<string>) => void;
-        "value"?: string;
+        "clockType"?: GuxClockType;
+        "disabled"?: boolean;
+        "hasError"?: boolean;
+        "interval"?: GuxMinuteInterval;
+        "required"?: boolean;
+        "value"?: GuxISOHourMinute;
     }
     interface GuxToggle {
         "checked"?: boolean;
@@ -4034,6 +4056,7 @@ declare namespace LocalJSX {
         "gux-form-field-select": GuxFormFieldSelect;
         "gux-form-field-text-like": GuxFormFieldTextLike;
         "gux-form-field-textarea": GuxFormFieldTextarea;
+        "gux-form-field-time-picker": GuxFormFieldTimePicker;
         "gux-icon": GuxIcon;
         "gux-input-checkbox": GuxInputCheckbox;
         "gux-input-color": GuxInputColor;
@@ -4083,6 +4106,7 @@ declare namespace LocalJSX {
         "gux-radial-progress": GuxRadialProgress;
         "gux-rating": GuxRating;
         "gux-row-select": GuxRowSelect;
+        "gux-screen-reader-beta": GuxScreenReaderBeta;
         "gux-side-panel-button": GuxSidePanelButton;
         "gux-side-panel-legacy": GuxSidePanelLegacy;
         "gux-simple-toast": GuxSimpleToast;
@@ -4179,6 +4203,7 @@ declare module "@stencil/core" {
             "gux-form-field-select": LocalJSX.GuxFormFieldSelect & JSXBase.HTMLAttributes<HTMLGuxFormFieldSelectElement>;
             "gux-form-field-text-like": LocalJSX.GuxFormFieldTextLike & JSXBase.HTMLAttributes<HTMLGuxFormFieldTextLikeElement>;
             "gux-form-field-textarea": LocalJSX.GuxFormFieldTextarea & JSXBase.HTMLAttributes<HTMLGuxFormFieldTextareaElement>;
+            "gux-form-field-time-picker": LocalJSX.GuxFormFieldTimePicker & JSXBase.HTMLAttributes<HTMLGuxFormFieldTimePickerElement>;
             "gux-icon": LocalJSX.GuxIcon & JSXBase.HTMLAttributes<HTMLGuxIconElement>;
             "gux-input-checkbox": LocalJSX.GuxInputCheckbox & JSXBase.HTMLAttributes<HTMLGuxInputCheckboxElement>;
             "gux-input-color": LocalJSX.GuxInputColor & JSXBase.HTMLAttributes<HTMLGuxInputColorElement>;
@@ -4228,6 +4253,7 @@ declare module "@stencil/core" {
             "gux-radial-progress": LocalJSX.GuxRadialProgress & JSXBase.HTMLAttributes<HTMLGuxRadialProgressElement>;
             "gux-rating": LocalJSX.GuxRating & JSXBase.HTMLAttributes<HTMLGuxRatingElement>;
             "gux-row-select": LocalJSX.GuxRowSelect & JSXBase.HTMLAttributes<HTMLGuxRowSelectElement>;
+            "gux-screen-reader-beta": LocalJSX.GuxScreenReaderBeta & JSXBase.HTMLAttributes<HTMLGuxScreenReaderBetaElement>;
             "gux-side-panel-button": LocalJSX.GuxSidePanelButton & JSXBase.HTMLAttributes<HTMLGuxSidePanelButtonElement>;
             "gux-side-panel-legacy": LocalJSX.GuxSidePanelLegacy & JSXBase.HTMLAttributes<HTMLGuxSidePanelLegacyElement>;
             "gux-simple-toast": LocalJSX.GuxSimpleToast & JSXBase.HTMLAttributes<HTMLGuxSimpleToastElement>;

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

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

package/package.json

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

package/dist/genesys-webcomponents/p-53f4d04d.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as r,g as o}from"./p-39a696d6.js";import{t as i}from"./p-f8ed25c3.js";import{D as a}from"./p-49a06d0c.js";import{g as e}from"./p-c894d516.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){i(this.root),this.formatter=new a(e(this.root))}render(){return s(r,null,this.formatter.formatTime(new Date(this.datetime),this.format))}get root(){return o(this)}};export{p as gux_time_beta}

package/dist/genesys-webcomponents/p-902d2057.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as i,H as o,g as e}from"./p-39a696d6.js";import{s as h,c as a,a as r,b as n,h as c,d,e as l,f as u,i as p,j as m,o as x}from"./p-3770c1e9.js";import{b}from"./p-c894d516.js";import{w as f}from"./p-76ff3e75.js";import{s as g}from"./p-d176c2ae.js";import{t as v}from"./p-f8ed25c3.js";import"./p-8a133b9b.js";const w={noMatches:"No matches"},j=class{constructor(i){s(this,i),this.internallistboxoptionsupdated=t(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){h(this.root)}onBlur(){a(this.root)}onKeydown(s){switch(s.key){case"Enter":return s.preventDefault(),void p(this.root,(s=>this.updateValue(s)));case"ArrowDown":return s.preventDefault(),void(l(this.root)?(s.stopPropagation(),u(this.root)):n(this.root));case"ArrowUp":return s.preventDefault(),void(c(this.root)?(s.stopPropagation(),d(this.root)):r(this.root));case"Home":return s.preventDefault(),void n(this.root);case"End":return s.preventDefault(),void r(this.root);case" ":return void s.preventDefault()}1!==s.key.length||m(this.root,s.key)}onKeyup(s){switch(s.key){case" ":return void p(this.root,(s=>this.updateValue(s)))}}onMousemove(){a(this.root)}onClick(s){f("gux-option-multi",s,(s=>{x(s,(s=>this.updateValue(s)))}))}validateValue(){this.selectedValues=this.value?this.value.split(","):[]}async guxSelectActive(){p(this.root,(s=>this.updateValue(s)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(s){if(this.selectedValues.includes(s))this.selectedValues=this.selectedValues.filter((t=>t!==s)),this.value=this.selectedValues.join(",");else{const t=[...this.selectedValues,s];this.selectedValues=t,this.value=this.selectedValues.join(",")}g(this.root,"input"),g(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await b(this.root,w),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((s=>{s.selected=this.selectedValues.includes(s.value),s.filtered=!s.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((s=>!s.filtered)).length}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(o,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return e(this)}static get watchers(){return{value:["validateValue"]}}};j.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}

package/dist/genesys-webcomponents/p-a568063b.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as r,g as o}from"./p-39a696d6.js";import{t as i}from"./p-f8ed25c3.js";import{D as a}from"./p-49a06d0c.js";import{g as e}from"./p-c894d516.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){i(this.root),this.formatter=new a(e(this.root))}render(){return s(r,null,this.formatter.formatDateTime(new Date(this.datetime),this.format))}get root(){return o(this)}};export{p as gux_date_time_beta}

package/dist/genesys-webcomponents/p-ab7d9e7f.entry.js

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

package/dist/genesys-webcomponents/p-d57c937c.js

@@ -1 +0,0 @@
-import{h as e}from"./p-39a696d6.js";import{r as o}from"./p-cbcbd1bb.js";import{l as r}from"./p-3184268e.js";import{s as i}from"./p-8fe7daff.js";const t=({hasError:o},r)=>e("div",{class:{"gux-form-field-error":!0,"gux-show":o}},e("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),e("div",{class:"gux-message"},r));function a(e){i(e,"",!0)}function n(e){return Boolean(e.querySelector('[slot="error"]'))}function s(e){return Boolean(e.value)}function l(e,o){if(e)return["above","beside","screenreader"].includes(o)?o:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}function d(e,i){var t,a;if(function(e){return Boolean(e.querySelector('label[slot="label"]'))}(e)){const t=e.querySelector('label[slot="label"]'),a=Boolean(i.hasAttribute("id")),n=Boolean(t.hasAttribute("for"));if(!a&&n)r(e.tagName.toLowerCase(),'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(a)if(a&&!n){const e=i.getAttribute("id");t.setAttribute("for",e)}else a&&n&&i.getAttribute("id")!==t.getAttribute("for")&&r(e.tagName.toLowerCase(),"The input id and label for attribute should match.");else{const e=o("gux-form-field-input");i.setAttribute("id",e),t.setAttribute("for",e)}}else r(e.tagName.toLowerCase(),'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');if(n(e)){const r=e.querySelector('[slot="error"]'),a=o("gux-form-field-error"),n=(null===(t=i.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(" ").filter((e=>!e.startsWith("gux-form-field-error"))))||[];r.setAttribute("id",a),n.push(a),n&&i.setAttribute("aria-describedby",n.join(" "))}else if(i.getAttribute("aria-describedby")){const e=(null===(a=i.getAttribute("aria-describedby"))||void 0===a?void 0:a.split(" ").filter((e=>!e.startsWith("gux-form-field-error"))))||[];i.setAttribute("aria-describedby",e.join(" "))}}function f(e,r,i){var t;const a=e.querySelector(`[slot=${i}]`),n=o(`gux-${i}`),s=(null===(t=r.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(" ").filter((e=>!e.startsWith(`gux-${i}`))))||[];a.setAttribute("id",n),null==s||s.push(n),s&&r.setAttribute("aria-describedby",s.join(" "))}export{t as G,s as a,a as c,l as g,n as h,f as s,d as v}

package/dist/genesys-webcomponents/p-e084917f.entry.js

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

package/dist/genesys-webcomponents/p-fd79f6b0.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,g as h}from"./p-39a696d6.js";import{O as e}from"./p-d915144d.js";import{t as r}from"./p-f8ed25c3.js";import{b as o}from"./p-c894d516.js";import"./p-8a133b9b.js";function a(t){return new Date("1978-09-23T"+t.trim()+"Z")}const n={defaultAriaLabel:"Time Picker"};const c=class{constructor(s){t(this,s),this.changed=i(this,"changed",7),this.value="",this.interval=15,this.max="23:59:59",this.min="00:00:00",this.label="",this.active=!1,this.openDropdown=!1,this.suggestion="00",this.isPressEvent=!1}watchValue(t){this.changed.emit(t)}getShadowDomEventTarget(t){return t.composedPath()[0]}onKeyDown(t){if(this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement)switch(t.key){case"Enter":this.updateChosenValue(),this.inputElement.focus();break;case"Backspace":t.preventDefault(),this.handleBackspace();break;case"Tab":this.updateChosenValue();break;case"ArrowDown":t.preventDefault(),this.listElement&&this.listElement.guxFocusFirstItem();break;case"ArrowUp":case"ArrowRight":case"ArrowLeft":t.preventDefault();break;default:if(t.preventDefault(),"0"<=t.key&&t.key<="9"&&(this.openDropdown=!0,this.focusedField.value.length<8)){let i=this.focusedField.value+String(parseInt(t.key,10));const s=i.split(":");if(i.length>6&&Number(s[2].padEnd(2,"0"))>59)return;if(!this.canBeCompletedToAValidTime(i))return;2===s[s.length-1].length&&i.length<8&&(i+=":"),this.focusedField.value=i,this.suggestion=s[0].padEnd(2,"0")}}else switch(t.key){case"Escape":this.updateChosenValue(),this.inputElement.focus()}}canBeCompletedToAValidTime(t){const i=a(t+this.max.slice(t.length)),s=a(t+this.min.slice(t.length));return this.minTimeObj<=i&&i<=this.maxTimeObj||this.minTimeObj<=s&&s<=this.maxTimeObj}handleBackspace(){if(this.openDropdown=!0,this.focusedField.selectionStart===this.focusedField.selectionEnd){const t=this.focusedField.value.endsWith(":")?-2:-1;this.focusedField.value=this.focusedField.value.slice(0,t),this.suggestion=this.focusedField.value.split(":")[0].padEnd(2,"0")}else this.focusedField.value=""}onListItemClick(t){this.inputElement.value=t,this.updateChosenValue(),this.inputElement.focus()}onClickOutside(){this.updateChosenValue()}updateChosenValue(){this.inputElement.value=this.validateValue(this.inputElement.value),this.value=this.inputElement.value,this.active=!1,this.openDropdown=!1}onMouseUp(t){this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement&&this.inputElement.setSelectionRange(this.focusedField.selectionEnd!==this.inputElement.value.length?0:this.inputElement.value.length,this.inputElement.value.length)}onFocusIn(t){this.focusedField=this.getShadowDomEventTarget(t),this.active=!0}isValidTime(t){const i=t.split(":"),s="23:59:59".split(":");for(let t=0;t<i.length;t++)if(Number(i[t])>Number(s[t]))return!1;return!0}validateUpperBound(){this.max=this.isInFormat(this.max)?this.max:"23:59:59",this.max=this.isValidTime(this.max)?this.max:"23:59:59"}validateLowerBound(){this.min=this.isInFormat(this.min)?this.min:"00:00:00",this.min=this.isValidTime(this.min)?this.min:"00:00:00"}validateBounds(){this.validateUpperBound(),this.validateLowerBound(),this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min),this.maxTimeObj<this.minTimeObj&&(this.max="23:59:59",this.min="00:00:00",this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min))}validateValue(t){let i=this.isInFormat(t)?t:"";if(i=""!==i&&this.isValidTime(i)?i:"",i){const t=a(i);i=this.minTimeObj<=t&&t<=this.maxTimeObj?i:""}return i}async componentWillLoad(){r(this.root),this.i18n=await o(this.root,n),this.validateBounds(),this.value=this.validateValue(this.value)}isInFormat(t){return/^\d{2}:\d{2}:\d{2}$/.test(t)}render(){return s("div",null,s("div",{class:"gux-input"},s("input",{type:"text",value:this.value,size:9,"aria-label":this.label||this.i18n("defaultAriaLabel"),ref:t=>this.inputElement=t})),!0===this.openDropdown&&s("div",{class:"gux-list-container"},s("gux-list",{ref:t=>this.listElement=t},this.buildDropdownOptions().map((t=>s("gux-list-item",{onClick:()=>this.onListItemClick(t)},t))))))}buildDropdownOptions(){const t=[];for(let i=0;i<60;i+=this.interval){const s=[this.suggestion.toString().padStart(2,"0"),i.toString().padStart(2,"0"),"00"].join(":"),h=a(s);this.minTimeObj<=h&&h<=this.maxTimeObj&&t.push(s)}return t}get root(){return h(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,s,h){var e,r=arguments.length,o=r<3?i:null===h?h=Object.getOwnPropertyDescriptor(i,s):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,h);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(o=(r<3?e(o):r>3?e(i,s,o):e(i,s))||o);r>3&&o&&Object.defineProperty(i,s,o)})([e({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}input{box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;text-align:right}input::placeholder{color:#596373}input.gux-focused,input:focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}.gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{c as gux_time_picker_beta}