genesys-spark-components 3.46.0 → 3.46.2

package/dist/genesys-webcomponents/{p-de5b55f1.entry.js → p-fafc4634.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,g as e}from"./p-7a1d01cb.js";import{t as r}from"./p-35752278.js";import{b as n}from"./p-0d3c1ee5.js";import"./p-8a133b9b.js";const a={clear:"Clear"},s=class{constructor(o){t(this,o)}async componentWillLoad(){r(this.root),this.i18n=await n(this.root,a)}render(){return o("button",{tabIndex:-1,type:"button",title:this.i18n("clear")},o("gux-icon",{"icon-name":"close",decorative:!0}))}static get delegatesFocus(){return!0}get root(){return e(this)}};s.style="button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:12px;height:12px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{s as gux_form_field_input_clear_button}
+import{r as t,h as o,g as e}from"./p-7a1d01cb.js";import{t as r}from"./p-5675a8a0.js";import{b as n}from"./p-0d3c1ee5.js";import"./p-8a133b9b.js";const a={clear:"Clear"},s=class{constructor(o){t(this,o)}async componentWillLoad(){r(this.root),this.i18n=await n(this.root,a)}render(){return o("button",{tabIndex:-1,type:"button",title:this.i18n("clear")},o("gux-icon",{"icon-name":"close",decorative:!0}))}static get delegatesFocus(){return!0}get root(){return e(this)}};s.style="button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:12px;height:12px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{s as gux_form_field_input_clear_button}

package/dist/stencil-wrapper.js

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

package/dist/types/components/beta/gux-time-picker/gux-time-picker.d.ts

@@ -21,7 +21,8 @@ export declare class GuxTimePickerBeta {
   handleKeydown(event: KeyboardEvent): void;
   componentWillLoad(): Promise<void>;
   private updateValue;
-  private focusFirstItemInPopupList;
+  private valueToId;
+  private focusRelevantItemInPopupList;
   private toggleDropdown;
   private handleClickDropdownValue;
   private onHourKeyDown;

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

@@ -4,6 +4,8 @@ export declare class GuxList {
   componentWillLoad(): void;
   onKeyDown(event: KeyboardEvent): void;
   guxFocusFirstItem(): Promise<void>;
+  guxFocusItemById(id: string): Promise<void>;
+  guxFocusItemByClosestId(id: string): Promise<void>;
   private renderFocusTarget;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-list/gux-list.service.d.ts

@@ -3,3 +3,5 @@ export declare function first(root: HTMLElement, validFocusableItems: string[]):
 export declare function last(root: HTMLElement, validFocusableItems: string[]): void;
 export declare function next(root: HTMLElement, validFocusableItems: string[]): void;
 export declare function previous(root: HTMLElement, validFocusableItems: string[]): void;
+export declare function byId(root: HTMLElement, validFocusableItems: string[], id: string): void;
+export declare function byClosestId(root: HTMLElement, validFocusableItems: string[], id: string): void;

package/dist/types/components.d.ts

@@ -816,6 +816,8 @@ export namespace Components {
     }
     interface GuxList {
         "guxFocusFirstItem": () => Promise<void>;
+        "guxFocusItemByClosestId": (id: string) => Promise<void>;
+        "guxFocusItemById": (id: string) => Promise<void>;
     }
     interface GuxListDivider {
     }

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

@@ -1,2 +1,2 @@
-export declare const CDN_URL = "https://app.mypurecloud.com/spark-components/build-assets/3.45.1-294/genesys-webcomponents/";
+export declare const CDN_URL = "https://app.mypurecloud.com/spark-components/build-assets/3.46.1-298/genesys-webcomponents/";
 export declare function registerElements(): Promise<void>;

package/package.json

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

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as s,g as i}from"./p-7a1d01cb.js";import{t as r}from"./p-35752278.js";import{b as e}from"./p-091f51f6.js";const n=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",e((()=>{this.containerElement.innerText=t}))}componentWillLoad(){r(this.root)}render(){return o(s,{"aria-live":this.politeness},o("slot",null),o("div",{ref:t=>this.containerElement=t}))}get root(){return i(this)}};n.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{n as gux_announce_beta}

package/dist/genesys-webcomponents/p-212da6b6.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as r,g as o}from"./p-7a1d01cb.js";import{t as e}from"./p-35752278.js";import{D as i}from"./p-7732c756.js";import{g as a}from"./p-0d3c1ee5.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){e(this.root),this.formatter=new i(a(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-3834e291.js

@@ -1 +0,0 @@
-function n(n,t){return function(n){const t=n.querySelector("slot");return t?t.assignedElements():Array.from(n.children)}(n).filter((n=>!!t.includes(n.tagName.toLowerCase())&&!n.disabled))}function t(t,u,c){o(t,u,(function(t,o){return n(t,o).findIndex((n=>n.matches(":focus-within")))}(t,u)+c)%n(t,u).length)}function o(t,o,u){var c;const f=n(t,o);for(;u<0;)u+=f.length;null===(c=f[u])||void 0===c||c.focus()}function u(n,t){o(n,t,0)}function c(t,u){o(t,u,function(t,o){return n(t,o).length-1}(t,u))}function f(n,o){t(n,o,1)}function i(n,o){t(n,o,-1)}export{t as a,u as f,c as l,f as n,i as p}

package/dist/genesys-webcomponents/p-51ab9ce5.entry.js

@@ -1 +0,0 @@
-import{r,h as s,g as t}from"./p-7a1d01cb.js";import{t as e}from"./p-35752278.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-8c8ef69b.entry.js

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

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

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-7a1d01cb.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-939b6e89.js";import{a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{h as l}from"./p-08bc2e6b.js";import{G as p,a as f,v as u,g as x}from"./p-f38a8393.js";import{G as h,a as g}from"./p-b6ea91fa.js";import{t as c}from"./p-35752278.js";import"./p-cbcbd1bb.js";import"./p-45fec011.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(e){t(this,e),this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help"),c(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(g,{labelPosition:this.computedLabelPosition},e(h,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}))),e(p,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),a(this.input),this.disabled=o(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),u(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}get root(){return i(this)}};(function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);n>3&&s&&Object.defineProperty(e,i,s)})([n({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.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}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;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-align:right;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;font-family:inherit;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: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-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_color}

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as e,g as s}from"./p-7a1d01cb.js";import{g as n}from"./p-8a133b9b.js";const r=class{constructor(o){t(this,o),this.disabled=!1}onMouseup(){this.focusParentList()}onMouseover(){this.focusParentList()}focusParentList(){const t=n("gux-list",this.root);t&&null===t.shadowRoot.activeElement&&(this.root.blur(),t.focus())}render(){return o(e,{role:"listitem"},o("button",{type:"button",tabIndex:-1,disabled:this.disabled},o("slot",null)))}static get delegatesFocus(){return!0}get root(){return s(this)}};r.style=":host{width:100%;outline:none}:host([disabled]){pointer-events:none}:host([disabled='false']){pointer-events:auto}::slotted(gux-icon){width:16px;height:16px;margin-right:8px;vertical-align:middle}button{all:unset;box-sizing:border-box;width:100%;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer;border:none;outline:none}button:focus:not(:disabled){color:#fdfdfd;background:#2a60c8}button:hover:not(:disabled){color:#fdfdfd;background:#2754ac}button:active:not(:disabled){color:#fdfdfd;background:#23478f}button:disabled{color:rgba(46, 57, 76, 0.5);cursor:default}";export{r as gux_list_item}

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

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-7a1d01cb.js";import{O as s}from"./p-f77f86a9.js";import{s as n}from"./p-d176c2ae.js";import{a as o}from"./p-091f51f6.js";import{g as r,b as c}from"./p-0d3c1ee5.js";import{t as a}from"./p-35752278.js";import"./p-8a133b9b.js";const u={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function p(t,e){const[i,s]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${s}`}function h(t,e){const[i,s]=t.split(":");return`${i}:${((parseInt(s,10)+e+60)%60).toString().padStart(2,"0")}`}function l(t,e){const[i,s]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${s}`:`${i}:${s}`}function g(t,e,i){const[s,n]=t.split(":");return"12h"===e?i?`${(parseInt(s,10)%12).toString().padStart(2,"0")}:${n}`:`${(parseInt(s,10)%12+12).toString().padStart(2,"0")}:${n}`:`${s}:${n}`}function x(t,e){const[i]=l(t,e).split(":");return i}function m(t){const[,e]=t.split(":");return e}function d(t){const[e]=t.split(":");return parseInt(e,10)<12}function b(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const f=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.disabled=!1,this.required=!1,this.hasError=!1,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&n(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await c(this.root,u),this.clockType=this.clockType||function(t){const e=r(t),i=new Date("January 19, 1975 15:00:00 UTC+00:00"),s=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return new RegExp(".*15.*").test(s)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,n(this.root,"input"),e&&this.valueLastChange!==this.value&&(n(this.root,"change"),this.valueLastChange=this.value))}focusFirstItemInPopupList(){o((()=>{this.listElement.guxFocusFirstItem()}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusFirstItemInPopupList()}handleClickDropdownValue(t){const e=g(t,this.clockType,d(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.updateValue(function(t,e,i,s){const[n,o]=l(t,e).split(":");let r=n;return r="Backspace"===i?r.split("").filter(((t,e)=>e!==s-1)).join("").padStart(2,"0"):parseInt(r.slice(0,s)+i+r.slice(s+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(b(e)).test(r)||(r="12h"===e?i:i.padStart(2,"0")),g(`${r}:${o}`,e,d(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(h(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(h(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.updateValue(function(t,e,i){const[s,n]=t.split(":");let o=n;return o="Backspace"===e?o.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(o.slice(0,i)+e+o.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(o)||(o=e.padStart(2,"0")),`${s}:${o}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){switch(t.key){case"Escape":this.expanded=!1,this.clockButton.focus()}}toggleAmPm(t){t.preventDefault(),this.updateValue(p(this.value,12),!0)}getAmPmString(){return d(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",null,e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:x(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:b(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:m(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},this.getAmPmString())}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>e("gux-list-item",{onClick:()=>this.handleClickDropdownValue(t)},t)))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)})([s({triggerEvents:"mousedown"})],f.prototype,"onClickOutside",null),f.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:#ea0b0b}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;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-time-picker .gux-input-time:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:20px;padding:0;font-size:12px;color:#2e394c;text-align:center;text-align:left;background-color:#f6f7f9;border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:#596373;opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{padding:0 0 0 8px;font-size:12px;font-weight:bold;color:#2e394c;background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{color:#2a60c8}.gux-time-picker .gux-input-time .gux-clock-button{flex:0 1 auto;align-self:auto;order:0;padding:0 0 0 8px;color:#596373;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled):hover{color:#2a60c8 !important;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible gux-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff;border-radius:2px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:16px;height:16px}.gux-time-picker .gux-list-container{max-height:150px;padding:8px 0;margin:0;overflow-y:scroll;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{f as gux_time_picker_beta}

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

@@ -1 +0,0 @@
-import{r as t,h as s,H as e,g as r}from"./p-7a1d01cb.js";import{l as a,n as o,f as i,p as n}from"./p-3834e291.js";import{t as c}from"./p-35752278.js";const l=["gux-list-item"],p=class{constructor(s){t(this,s)}componentWillLoad(){c(this.root)}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),n(this.root,l);break;case"Home":t.preventDefault(),i(this.root,l);break;case"ArrowDown":t.preventDefault(),o(this.root,l);break;case"End":t.preventDefault(),a(this.root,l)}}async guxFocusFirstItem(){i(this.root,l)}renderFocusTarget(){return s("span",{tabindex:"-1"})}render(){return s(e,{role:"list"},this.renderFocusTarget(),s("slot",null))}static get delegatesFocus(){return!0}get root(){return r(this)}};p.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";export{p as gux_list}

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

@@ -1 +0,0 @@
-import{r as t,h as s,H as r,g as o}from"./p-7a1d01cb.js";import{t as e}from"./p-35752278.js";import{D as i}from"./p-7732c756.js";import{g as a}from"./p-0d3c1ee5.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){e(this.root),this.formatter=new i(a(this.root))}render(){return s(r,null,this.formatter.formatDate(new Date(this.datetime),this.format))}get root(){return o(this)}};export{p as gux_date_beta}