genesys-spark-components 4.89.0 → 4.90.0

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.89.0-389/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.90.0-391/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'app.mypurecloud.com';
 // List of Genesys UI domains

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

@@ -15,6 +15,8 @@ export declare class GuxTimePicker {
     required: boolean;
     hasError: boolean;
     clockType: GuxClockType;
+    min?: string;
+    max?: string;
     expanded: boolean;
     onFocus(): void;
     onBlur(): void;

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

@@ -1,5 +1,5 @@
 import { GuxClockType, GuxMinuteInterval, GuxMinuteStep, GuxISOHourMinute } from './gux-time-picker.type';
-export declare function getTimeDisplayValues(minuteInterval: GuxMinuteInterval, clockType: GuxClockType): GuxISOHourMinute[];
+export declare function getTimeDisplayValues(minuteInterval: GuxMinuteInterval, clockType: GuxClockType, min?: string, max?: string): GuxISOHourMinute[];
 export declare function getLocaleClockType(root: HTMLElement): GuxClockType;
 export declare function incrementHour(value: GuxISOHourMinute, delta: 1 | -1 | 12): GuxISOHourMinute;
 export declare function incrementMinute(value: GuxISOHourMinute, delta: 1 | -1, step: GuxMinuteStep): GuxISOHourMinute;

package/dist/types/components.d.ts

@@ -1239,6 +1239,8 @@ export namespace Components {
         "disabled": boolean;
         "hasError": boolean;
         "interval": GuxMinuteInterval;
+        "max"?: string;
+        "min"?: string;
         "required": boolean;
         "step": GuxMinuteStep;
         "value": GuxISOHourMinute;
@@ -4313,6 +4315,8 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "hasError"?: boolean;
         "interval"?: GuxMinuteInterval;
+        "max"?: string;
+        "min"?: string;
         "required"?: boolean;
         "step"?: GuxMinuteStep;
         "value"?: GuxISOHourMinute;

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.89.0-389/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.90.0-391/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

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

package/dist/genesys-webcomponents/p-3d9623d9.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as o,g as a}from"./p-6e010355.js";import{t as s}from"./p-3c1caab7.js";import{b as c}from"./p-cf0e7d3b.js";const i=class{constructor(e){t(this,e),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",c((()=>{this.containerElement.innerText=t}))}componentWillLoad(){s(this.root)}render(){return e(o,{key:"96acda36ac04edb73e9fcc5af71fa83cd30fce92","aria-live":this.politeness},e("slot",{key:"b490bf95af7e150220969cc20383b9406b4bcf19"}),e("div",{key:"2c731aff495c684d15bda9ed006030608bc9a4e7",ref:t=>this.containerElement=t}))}get root(){return a(this)}};i.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{i as gux_announce_beta}

package/dist/genesys-webcomponents/p-6d84d369.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as i}from"./p-6e010355.js";import{O as r}from"./p-b0758688.js";import{s as o}from"./p-2c25e2f2.js";import{b as s}from"./p-cf0e7d3b.js";import{g as n,b as u}from"./p-18eb7333.js";import{t as a}from"./p-3c1caab7.js";import{u as c,a as l}from"./p-7f923c19.js";import"./p-4202e9f2.js";const g={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 m(e,t){const[i,r]=e.split(":");return`${((parseInt(i,10)+t+24)%24).toString().padStart(2,"0")}:${r}`}function p(e,t,i){const[r,o]=e.split(":");let s=(parseInt(o,10)+t+60)%60;for(;s%i!=0;)s=(s+t+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function h(e,t){const[i,r]=e.split(":");return"12h"===t?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function d(e,t,i){const[r,o]=e.split(":");return"12h"===t?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function f(e,t){const[i]=h(e,t).split(":");return i}function x(e){const[,t]=e.split(":");return t}function b(e){const[t]=e.split(":");return parseInt(t,10)<12}function v(e){return"12h"===e?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const k=class{constructor(t){e(this,t),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(e){switch(e.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,g),this.clockType=this.clockType||function(e){let t;t=c()?l(e).toLowerCase():n(e).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(t,{timeStyle:"short",timeZone:"UTC"}).format(i);return!c()&&["ar","ko","zh-cn","zh-tw"].some((e=>t.startsWith(e)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(e,t=!1){e!==this.value&&(this.value=e,o(this.root,"input"),t&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(e){return`gux-id-${e.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(e){const t=d(e,this.clockType,b(this.value));this.updateValue(t,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(e){switch(e.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":e.preventDefault(),this.updateValue(m(this.value,-1));break;case"ArrowUp":e.preventDefault(),this.updateValue(m(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":e.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(e,t,i,r,o){const[s,n]=h(e,t).split(":");let u=s;return u="Backspace"===i?"12h"==t&&1==o?u.split("").filter(((e,t)=>t==r-1)).join(""):u.split("").filter(((e,t)=>t!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(v(t)).test(u)||(u="12h"===t?i:i.padStart(2,"0")),d(`${u}:${n}`,t,b(e))}(this.value,this.clockType,e.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:e.preventDefault()}}onMinuteKeyDown(e){switch(e.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":e.preventDefault(),this.updateValue(p(this.value,-1,this.step));break;case"ArrowUp":e.preventDefault(),this.updateValue(p(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":e.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(e,t,i){const[r,o]=e.split(":");let s=o;return s="Backspace"===t?s.split("").filter(((e,t)=>t!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+t+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=t.padStart(2,"0")),`${r}:${s}`}(this.value,e.key,this.minuteInputElement.selectionStart));break;default:e.preventDefault()}}onAmPmButtonKeyDown(e){switch(e.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(e)}}onListKeyDown(e){"Escape"===e.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(e){e.preventDefault(),this.updateValue(m(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return t("div",{class:"gux-input-time-container"},t("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:f(this.value,this.clockType),onKeyDown:e=>this.onHourKeyDown(e),"aria-label":this.i18n("hoursInput"),pattern:v(this.clockType),ref:e=>this.hourInputElement=e}),t("span",{class:"gux-time-separator"},this.i18n("time-separator")),t("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:x(this.value),onKeyDown:e=>this.onMinuteKeyDown(e),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:e=>this.minuteInputElement=e}))}renderAmPmSelector(){if("12h"===this.clockType)return t("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:e=>this.toggleAmPm(e),onKeyDown:e=>this.onAmPmButtonKeyDown(e)},t("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),t("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return t("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:e=>this.clockButton=e},t("gux-icon",{decorative:!0,"icon-name":"fa/clock-regular"}))}renderTimeListItems(){return function(e,t){const i=[0,15,30,45].filter((t=>Number.isInteger(t/e))).map((e=>String(e).padStart(2,"0")));return("12h"===t?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((e=>String(e).padStart(2,"0")))).reduce(((e,t)=>e.concat(i.map((e=>`${t}:${e}`)))),[])}(this.interval,this.clockType).map((e=>{const i=d(e,this.clockType,b(this.value));return t("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(e)},e)}))}renderTarget(){return t("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return t("div",{slot:"popup",class:"gux-list-container",onKeyDown:e=>this.onListKeyDown(e)},t("gux-list",{ref:e=>this.listElement=e},this.renderTimeListItems()))}render(){return t("gux-popup",{key:"808f6194bc3f0303106d96947eec91af83b1fbf1",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(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);s>3&&n&&Object.defineProperty(t,i,n)})([r({triggerEvents:"mousedown"})],k.prototype,"onClickOutside",null),k.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height: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);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-time-picker .gux-input-time:focus-within{outline:var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));outline-offset:var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset))}.gux-time-picker .gux-input-time:hover:not(:disabled){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-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);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:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));height:var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x, var(--gse-ui-menu-boxShadow-offsetX)) var(--gse-ui-menu-boxShadow-y, var(--gse-ui-menu-boxShadow-offsetY)) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{k as gux_time_picker}

package/dist/genesys-webcomponents/p-8dedd02d.entry.js

@@ -1 +0,0 @@
-import{r as o,h as r,g as t}from"./p-6e010355.js";import{t as e}from"./p-3c1caab7.js";import{b as i}from"./p-18eb7333.js";import"./p-4202e9f2.js";const n={clear:"Clear"},s=class{constructor(r){o(this,r)}async componentWillLoad(){e(this.root),this.i18n=await i(this.root,n)}render(){return r("button",{key:"7d6f8c70d0e1d0b989b2d50fbd25ea3a2f73142f",tabIndex:-1,type:"button",title:this.i18n("clear")},r("gux-icon",{key:"2915976047bd900f4e96b4eb3a214236e5001c7f","icon-name":"fa/xmark-large-regular",decorative:!0}))}static get delegatesFocus(){return!0}get root(){return t(this)}};s.style="button{display:flex;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius)}button:not(:disabled):focus-visible,button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}button gux-icon{width:var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));height:var(--gse-ui-icon-size-sm, var(--gse-ui-icon-small-size));border-radius:var(--gse-ui-formControl-input-borderRadius)}button:focus{outline:none}button:focus-visible:enabled gux-icon{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}";export{s as gux_form_field_input_clear_button}

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

@@ -1 +0,0 @@
-import{r as t,f as r,h as e,g as a}from"./p-6e010355.js";import{b as s}from"./p-18eb7333.js";import{t as i}from"./p-3c1caab7.js";import"./p-4202e9f2.js";const o={breadcrumbs:"Breadcrumbs"},c=class{constructor(r){t(this,r),this.accent="primary"}componentWillLoad(){i(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await s(this.root,o)}onSlotChange(){Array.from(this.root.children).forEach((t=>r(t)))}render(){return e("nav",{key:"3263182d9af07fd63e2103fd1b075d404d109c3e","aria-label":this.i18n("breadcrumbs")},e("ol",{key:"887ad432cd8024d589449252c07d575c2d8362f0"},e("slot",{key:"3f8b7efac73e4f54b741cc95bb2788033069c515",onSlotchange:this.onSlotChange.bind(this)})))}get root(){return a(this)}};c.style="ol{display:flex;flex-direction:row;flex-wrap:wrap;place-content:flex-start flex-start;align-items:center;padding:0;margin:0;list-style:none}";export{c as gux_breadcrumbs}