genesys-spark-components 3.21.2 → 3.23.0

package/dist/types/components.d.ts

@@ -13,6 +13,7 @@ import { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-bre
 import { GuxCalendarMode } from "./components/stable/gux-calendar/gux-calendar.types";
 import { GuxCardAccent } from "./components/beta/gux-card/gux-card.types";
 import { EmbedOptions, VisualizationSpec } from "vega-embed";
+import { GuxDateTimeFormat } from "./i18n/DateTimeFormatter";
 import { GuxDatepickerMode } from "./components/stable/gux-datepicker/gux-datepicker.types";
 import { GuxDisclosureButtonPosition } from "./components/stable/gux-disclosure-button/gux-disclosure-button.types";
 import { GuxFormFieldLabelPosition } from "./components/stable/gux-form-field/gux-form-field.types";
@@ -529,6 +530,26 @@ export namespace Components {
     }
     interface GuxCopyToClipboardBeta {
     }
+    interface GuxDateBeta {
+        /**
+          * The ISO string representation of the date to format
+         */
+        "datetime": string;
+        /**
+          * Format option type
+         */
+        "format": GuxDateTimeFormat;
+    }
+    interface GuxDateTimeBeta {
+        /**
+          * The ISO string representation of the datetime to format
+         */
+        "datetime": string;
+        /**
+          * Format option type
+         */
+        "format": GuxDateTimeFormat;
+    }
     interface GuxDatepicker {
         /**
           * Disable the input and prevent interactions.
@@ -679,6 +700,7 @@ export namespace Components {
     }
     interface GuxFormFieldNumber {
         "clearable": boolean;
+        "guxForceUpdate": () => Promise<void>;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldRadio {
@@ -696,6 +718,7 @@ export namespace Components {
     }
     interface GuxFormFieldTextLike {
         "clearable": boolean;
+        "guxForceUpdate": () => Promise<void>;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldTextarea {
@@ -1258,6 +1281,16 @@ export namespace Components {
          */
         "position": 'above' | 'beside';
     }
+    interface GuxTimeBeta {
+        /**
+          * The ISO string representation of the time to format
+         */
+        "datetime": string;
+        /**
+          * Format option type
+         */
+        "format": GuxDateTimeFormat;
+    }
     interface GuxTimePickerBeta {
         "interval": number;
         "label": string;
@@ -1692,6 +1725,18 @@ declare global {
         prototype: HTMLGuxCopyToClipboardBetaElement;
         new (): HTMLGuxCopyToClipboardBetaElement;
     };
+    interface HTMLGuxDateBetaElement extends Components.GuxDateBeta, HTMLStencilElement {
+    }
+    var HTMLGuxDateBetaElement: {
+        prototype: HTMLGuxDateBetaElement;
+        new (): HTMLGuxDateBetaElement;
+    };
+    interface HTMLGuxDateTimeBetaElement extends Components.GuxDateTimeBeta, HTMLStencilElement {
+    }
+    var HTMLGuxDateTimeBetaElement: {
+        prototype: HTMLGuxDateTimeBetaElement;
+        new (): HTMLGuxDateTimeBetaElement;
+    };
     interface HTMLGuxDatepickerElement extends Components.GuxDatepicker, HTMLStencilElement {
     }
     var HTMLGuxDatepickerElement: {
@@ -2250,6 +2295,12 @@ declare global {
         prototype: HTMLGuxTextLabelLegacyElement;
         new (): HTMLGuxTextLabelLegacyElement;
     };
+    interface HTMLGuxTimeBetaElement extends Components.GuxTimeBeta, HTMLStencilElement {
+    }
+    var HTMLGuxTimeBetaElement: {
+        prototype: HTMLGuxTimeBetaElement;
+        new (): HTMLGuxTimeBetaElement;
+    };
     interface HTMLGuxTimePickerBetaElement extends Components.GuxTimePickerBeta, HTMLStencilElement {
     }
     var HTMLGuxTimePickerBetaElement: {
@@ -2323,6 +2374,8 @@ declare global {
         "gux-command-palette-legacy": HTMLGuxCommandPaletteLegacyElement;
         "gux-content-search": HTMLGuxContentSearchElement;
         "gux-copy-to-clipboard-beta": HTMLGuxCopyToClipboardBetaElement;
+        "gux-date-beta": HTMLGuxDateBetaElement;
+        "gux-date-time-beta": HTMLGuxDateTimeBetaElement;
         "gux-datepicker": HTMLGuxDatepickerElement;
         "gux-disclosure-button": HTMLGuxDisclosureButtonElement;
         "gux-dismiss-button": HTMLGuxDismissButtonElement;
@@ -2416,6 +2469,7 @@ declare global {
         "gux-tag-beta": HTMLGuxTagBetaElement;
         "gux-text-highlight": HTMLGuxTextHighlightElement;
         "gux-text-label-legacy": HTMLGuxTextLabelLegacyElement;
+        "gux-time-beta": HTMLGuxTimeBetaElement;
         "gux-time-picker-beta": HTMLGuxTimePickerBetaElement;
         "gux-toggle": HTMLGuxToggleElement;
         "gux-toggle-slider": HTMLGuxToggleSliderElement;
@@ -2925,6 +2979,26 @@ declare namespace LocalJSX {
     }
     interface GuxCopyToClipboardBeta {
     }
+    interface GuxDateBeta {
+        /**
+          * The ISO string representation of the date to format
+         */
+        "datetime"?: string;
+        /**
+          * Format option type
+         */
+        "format"?: GuxDateTimeFormat;
+    }
+    interface GuxDateTimeBeta {
+        /**
+          * The ISO string representation of the datetime to format
+         */
+        "datetime"?: string;
+        /**
+          * Format option type
+         */
+        "format"?: GuxDateTimeFormat;
+    }
     interface GuxDatepicker {
         /**
           * Disable the input and prevent interactions.
@@ -3707,6 +3781,16 @@ declare namespace LocalJSX {
          */
         "position"?: 'above' | 'beside';
     }
+    interface GuxTimeBeta {
+        /**
+          * The ISO string representation of the time to format
+         */
+        "datetime"?: string;
+        /**
+          * Format option type
+         */
+        "format"?: GuxDateTimeFormat;
+    }
     interface GuxTimePickerBeta {
         "interval"?: number;
         "label"?: string;
@@ -3788,6 +3872,8 @@ declare namespace LocalJSX {
         "gux-command-palette-legacy": GuxCommandPaletteLegacy;
         "gux-content-search": GuxContentSearch;
         "gux-copy-to-clipboard-beta": GuxCopyToClipboardBeta;
+        "gux-date-beta": GuxDateBeta;
+        "gux-date-time-beta": GuxDateTimeBeta;
         "gux-datepicker": GuxDatepicker;
         "gux-disclosure-button": GuxDisclosureButton;
         "gux-dismiss-button": GuxDismissButton;
@@ -3881,6 +3967,7 @@ declare namespace LocalJSX {
         "gux-tag-beta": GuxTagBeta;
         "gux-text-highlight": GuxTextHighlight;
         "gux-text-label-legacy": GuxTextLabelLegacy;
+        "gux-time-beta": GuxTimeBeta;
         "gux-time-picker-beta": GuxTimePickerBeta;
         "gux-toggle": GuxToggle;
         "gux-toggle-slider": GuxToggleSlider;
@@ -3924,6 +4011,8 @@ declare module "@stencil/core" {
             "gux-command-palette-legacy": LocalJSX.GuxCommandPaletteLegacy & JSXBase.HTMLAttributes<HTMLGuxCommandPaletteLegacyElement>;
             "gux-content-search": LocalJSX.GuxContentSearch & JSXBase.HTMLAttributes<HTMLGuxContentSearchElement>;
             "gux-copy-to-clipboard-beta": LocalJSX.GuxCopyToClipboardBeta & JSXBase.HTMLAttributes<HTMLGuxCopyToClipboardBetaElement>;
+            "gux-date-beta": LocalJSX.GuxDateBeta & JSXBase.HTMLAttributes<HTMLGuxDateBetaElement>;
+            "gux-date-time-beta": LocalJSX.GuxDateTimeBeta & JSXBase.HTMLAttributes<HTMLGuxDateTimeBetaElement>;
             "gux-datepicker": LocalJSX.GuxDatepicker & JSXBase.HTMLAttributes<HTMLGuxDatepickerElement>;
             "gux-disclosure-button": LocalJSX.GuxDisclosureButton & JSXBase.HTMLAttributes<HTMLGuxDisclosureButtonElement>;
             "gux-dismiss-button": LocalJSX.GuxDismissButton & JSXBase.HTMLAttributes<HTMLGuxDismissButtonElement>;
@@ -4017,6 +4106,7 @@ declare module "@stencil/core" {
             "gux-tag-beta": LocalJSX.GuxTagBeta & JSXBase.HTMLAttributes<HTMLGuxTagBetaElement>;
             "gux-text-highlight": LocalJSX.GuxTextHighlight & JSXBase.HTMLAttributes<HTMLGuxTextHighlightElement>;
             "gux-text-label-legacy": LocalJSX.GuxTextLabelLegacy & JSXBase.HTMLAttributes<HTMLGuxTextLabelLegacyElement>;
+            "gux-time-beta": LocalJSX.GuxTimeBeta & JSXBase.HTMLAttributes<HTMLGuxTimeBetaElement>;
             "gux-time-picker-beta": LocalJSX.GuxTimePickerBeta & JSXBase.HTMLAttributes<HTMLGuxTimePickerBetaElement>;
             "gux-toggle": LocalJSX.GuxToggle & JSXBase.HTMLAttributes<HTMLGuxToggleElement>;
             "gux-toggle-slider": LocalJSX.GuxToggleSlider & JSXBase.HTMLAttributes<HTMLGuxToggleSliderElement>;

package/dist/types/i18n/DateTimeFormatter.d.ts

@@ -1,4 +1,3 @@
-import locales from './locales.json';
 /**
  * Allowed formats for formatting dates and times
  */
@@ -7,12 +6,12 @@ export declare type GuxDateTimeFormat = 'full' | 'long' | 'medium' | 'short';
  * @class A class that implements the method needed to format dates and times depending on locales
  */
 export declare class DateTimeFormatter {
-  locale: typeof locales[number];
+  locale: string;
   /**
    * @constructor
    * @param locale A locale string is required to initialize a DateTimeFormatter class instance
    */
-  constructor(locale: typeof locales[number]);
+  constructor(locale: string);
   /**
    *
    * @param {Date} datetime A Date object that requires formatting

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "3.21.2",
+  "version": "3.23.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -46,17 +46,17 @@
     "release": "standard-version",
     "stencil": "stencil build --prod",
     "stencil.dev": "stencil build --dev --watch --docs",
-    "test": "stencil test --spec --e2e",
-    "test.ci": "npm run test.ci.spec && npm run test.ci.e2e",
-    "test.ci.e2e": "stencil test --e2e --max-workers=1",
-    "test.ci.spec": "stencil test --spec",
-    "test.e2e": "stencil test --e2e",
-    "test.e2e.update-snapshot": "stencil test --e2e --updateSnapshot",
-    "test.screenshot": "stencil test --e2e --screenshot",
-    "test.unit": "stencil build dev && stencil test --spec",
-    "test.unit.update-snapshot": "stencil test --spec --updateSnapshot",
-    "test.update-snapshot": "stencil test --spec --e2e --updateSnapshot",
-    "test.watch": "stencil test --spec --e2e --watchAll"
+    "test": "TZ=UTC stencil test --spec --e2e",
+    "test.ci": "TZ=UTC npm run test.ci.spec && npm run test.ci.e2e",
+    "test.ci.e2e": "TZ=UTC stencil test --e2e --max-workers=1",
+    "test.ci.spec": "TZ=UTC stencil test --spec",
+    "test.e2e": "TZ=UTC stencil test --e2e",
+    "test.e2e.update-snapshot": "TZ=UTC stencil test --e2e --updateSnapshot",
+    "test.screenshot": "TZ=UTC stencil test --e2e --screenshot",
+    "test.unit": "TZ=UTC stencil build dev && stencil test --spec",
+    "test.unit.update-snapshot": "TZ=UTC stencil test --spec --updateSnapshot",
+    "test.update-snapshot": "TZ=UTC stencil test --spec --e2e --updateSnapshot",
+    "test.watch": "TZ=UTC stencil test --spec --e2e --watchAll"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.5",

package/dist/genesys-webcomponents/p-71f03e74.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,g as e}from"./p-74b510cb.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-e3c80187.js";import{a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-210346ca.js";import{G as p,a as u}from"./p-625f19b6.js";import{h as f,s as x,c as h,G as c,a as d,v as g,g as b}from"./p-8caf2514.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.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=f(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=f(this.root),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&x(this.root,this.input,"prefix"),this.hasSuffix&&x(this.root,this.input,"suffix"),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,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix}},i("slot",{name:"prefix"}),i("slot",{name:"input"}),i("slot",{name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>h(this.input)}))),i(c,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=d(this.input),a(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(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})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-container{margin: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;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:0 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}::slotted(span){color:#2e394c;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{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 12px;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-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.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-error .gux-input-container{border-color:#ea0b0b}";export{m as gux_form_field_text_like}

package/dist/genesys-webcomponents/p-745f607c.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as o,g as a}from"./p-74b510cb.js";import{c as i,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-e3c80187.js";import{p as l}from"./p-c10e41a9.js";import{t as n}from"./p-210346ca.js";import{h as c,G as h,v as p}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=c(this.root)}componentWillLoad(){this.setInput(),this.hasError=c(this.root),n(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(h,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),l(this.input),this.disabled=i(this.input),this.disabledObserver=s(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return a(this)}};(function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".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;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:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{d as gux_form_field_checkbox}

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

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-74b510cb.js";import{b as o}from"./p-cf43f0c3.js";import{c as n,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as l}from"./p-c10e41a9.js";import{t as u}from"./p-210346ca.js";import{s as p}from"./p-8fe7daff.js";import{s as c}from"./p-d176c2ae.js";import{G as x,a as d}from"./p-625f19b6.js";import{h as f,c as h,G as g,a as b,v as m,g as w}from"./p-8caf2514.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";const v={increment:"Increment",decrement:"Decrement"};const j=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=f(this.root)}async componentWillLoad(){this.getI18nValue=await o(this.root,v),this.setInput(),this.setLabel(),this.hasError=f(this.root),u(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(d,{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",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>h(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(g,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="number"][slot="input"]'),this.hasContent=b(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=b(this.input)})),this.disabled=n(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})),m(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=w(this.label,this.labelPosition)}renderStepButtons(t,i,o){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("increment"),disabled:o,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("decrement"),disabled:o,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?p(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?p(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){c(t,"input"),c(t,"change")}get root(){return i(this)}};(function(t,e,i,o){var n,r=arguments.length,s=r<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--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)})([s({childList:!0,subtree:!0})],j.prototype,"onMutation",null),j.style=".gux-form-field-container{margin: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;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:0 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:108px;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;width:-moz-fit-content;width:fit-content}.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 12px;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.gux-clear{padding-right:0}.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}.gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}";export{j as gux_form_field_number}

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

@@ -1 +0,0 @@
-import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-cf43f0c3.js";import{s as l}from"./p-d176c2ae.js";import{o as d,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-210346ca.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),d(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),l(this.root,"input"),l(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<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 a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;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:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.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;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.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:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),l(this.root,"input"),l(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.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}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}