genesys-spark-components 3.76.2 → 3.77.0

package/dist/types/components.d.ts

@@ -7,11 +7,13 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { GuxAccordionLegacyArrowPosition } from "./components/legacy/gux-accordion-legacy/gux-accordion.types";
 import { GuxAccordionSectionArrowPosition, GuxAccordionSectionContentLayout } from "./components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types";
-import { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
-import { GuxButtonAccent as GuxButtonAccent1, GuxButtonType as GuxButtonType1 } from "./components/legacy/gux-action-button-legacy/gux-button.types";
+import { GuxActionButtonAccent, GuxActionButtonType } from "./components/stable/gux-action-button/gux-action-button.types";
+import { GuxButtonAccent, GuxButtonType } from "./components/legacy/gux-action-button-legacy/gux-button.types";
 import { GuxAnnouncePoliteness } from "./components/beta/gux-announce/gux-announce.types";
 import { GuxBadgeColor } from "./components/beta/gux-badge/gux-badge.types";
 import { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-breadcrumbs.types";
+import { GuxButtonAccent as GuxButtonAccent1, GuxButtonType as GuxButtonType1 } from "./components/stable/gux-button/gux-button.types";
+import { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
 import { GuxCalendarDayOfWeek, 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";
@@ -88,7 +90,7 @@ export namespace Components {
         "reverseHeadings": boolean;
     }
     interface GuxActionButton {
-        "accent": GuxButtonAccent;
+        "accent": GuxActionButtonAccent;
         /**
           * Disables the action button.
          */
@@ -104,10 +106,10 @@ export namespace Components {
         /**
           * The component button type
          */
-        "type": GuxButtonType;
+        "type": GuxActionButtonType;
     }
     interface GuxActionButtonLegacy {
-        "accent": GuxButtonAccent1;
+        "accent": GuxButtonAccent;
         /**
           * Disables the action button.
          */
@@ -123,7 +125,7 @@ export namespace Components {
         /**
           * The component button type
          */
-        "type": GuxButtonType1;
+        "type": GuxButtonType;
     }
     interface GuxActionItem {
         "disabled": boolean;
@@ -201,7 +203,7 @@ export namespace Components {
         "accent": GuxBreadcrumbAccent;
     }
     interface GuxButton {
-        "accent": GuxButtonAccent;
+        "accent": GuxButtonAccent1;
         /**
           * Indicate if the button is disabled or not
          */
@@ -213,10 +215,10 @@ export namespace Components {
         /**
           * The component button type
          */
-        "type": GuxButtonType;
+        "type": GuxButtonType1;
     }
     interface GuxButtonMulti {
-        "accent": GuxButtonAccent;
+        "accent": GuxButtonMultiAccent;
         /**
           * Disables the action button.
          */
@@ -231,7 +233,7 @@ export namespace Components {
         "text": string;
     }
     interface GuxButtonMultiLegacy {
-        "accent": GuxButtonAccent1;
+        "accent": GuxButtonAccent;
         /**
           * Disables the action button.
          */
@@ -246,7 +248,7 @@ export namespace Components {
         "text": string;
     }
     interface GuxButtonSlotBeta {
-        "accent": GuxButtonAccent;
+        "accent": GuxButtonAccent1;
     }
     interface GuxCalendar {
         /**
@@ -2928,7 +2930,7 @@ declare namespace LocalJSX {
         "reverseHeadings"?: boolean;
     }
     interface GuxActionButton {
-        "accent"?: GuxButtonAccent;
+        "accent"?: GuxActionButtonAccent;
         /**
           * Disables the action button.
          */
@@ -2956,10 +2958,10 @@ declare namespace LocalJSX {
         /**
           * The component button type
          */
-        "type"?: GuxButtonType;
+        "type"?: GuxActionButtonType;
     }
     interface GuxActionButtonLegacy {
-        "accent"?: GuxButtonAccent1;
+        "accent"?: GuxButtonAccent;
         /**
           * Disables the action button.
          */
@@ -2987,7 +2989,7 @@ declare namespace LocalJSX {
         /**
           * The component button type
          */
-        "type"?: GuxButtonType1;
+        "type"?: GuxButtonType;
     }
     interface GuxActionItem {
         "disabled"?: boolean;
@@ -3057,7 +3059,7 @@ declare namespace LocalJSX {
         "accent"?: GuxBreadcrumbAccent;
     }
     interface GuxButton {
-        "accent"?: GuxButtonAccent;
+        "accent"?: GuxButtonAccent1;
         /**
           * Indicate if the button is disabled or not
          */
@@ -3069,10 +3071,10 @@ declare namespace LocalJSX {
         /**
           * The component button type
          */
-        "type"?: GuxButtonType;
+        "type"?: GuxButtonType1;
     }
     interface GuxButtonMulti {
-        "accent"?: GuxButtonAccent;
+        "accent"?: GuxButtonMultiAccent;
         /**
           * Disables the action button.
          */
@@ -3095,7 +3097,7 @@ declare namespace LocalJSX {
         "text"?: string;
     }
     interface GuxButtonMultiLegacy {
-        "accent"?: GuxButtonAccent1;
+        "accent"?: GuxButtonAccent;
         /**
           * Disables the action button.
          */
@@ -3118,7 +3120,7 @@ declare namespace LocalJSX {
         "text"?: string;
     }
     interface GuxButtonSlotBeta {
-        "accent"?: GuxButtonAccent;
+        "accent"?: GuxButtonAccent1;
     }
     interface GuxCalendar {
         /**

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

@@ -1,2 +1,2 @@
-export declare const CDN_URL = "/spark-components/build-assets/3.76.1-108/genesys-webcomponents/";
+export declare const CDN_URL = "/spark-components/build-assets/3.76.3-112/genesys-webcomponents/";
 export declare function registerElements(): Promise<void>;

package/package.json

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

package/dist/genesys-webcomponents/p-03a0fd8d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,g as e}from"./p-9031eb6a.js";import{O as o}from"./p-23975bfb.js";import{w as n}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-1194b9c4.js";const h=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return i("gux-popup-beta",{expanded:this.isOpen},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"},this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))))}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([o({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}.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{h as gux_button_multi}

package/dist/genesys-webcomponents/p-377418d2.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{O as n}from"./p-23975bfb.js";import{w as e}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-1194b9c4.js";import{b as c}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const h={actionButtonDropdown:"Dropdown for {buttonTitle}"};const u=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.type="button",this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,h)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup-beta",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .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{u as gux_action_button}

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

@@ -1 +0,0 @@
-import{r as t,f as e,h as i,g as o}from"./p-9031eb6a.js";import{b as n}from"./p-2b58afeb.js";import{c as r,o as s}from"./p-3f5341ea.js";import{O as a}from"./p-09124c44.js";import{o as l}from"./p-3701eff0.js";import{p as u}from"./p-c10e41a9.js";import{s as p}from"./p-8fe7daff.js";import{s as c}from"./p-d176c2ae.js";import{h}from"./p-08bc2e6b.js";import{h as x,c as f,G as d,a as g,v as b,g as m}from"./p-f007a6f8.js";import{G as w,a as v}from"./p-43ad56a8.js";import{t as y}from"./p-1194b9c4.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-45fec011.js";const j={increment:"Increment",decrement:"Decrement"};const k=class{constructor(e){t(this,e),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=h(this.root,"error"),this.hasHelp=h(this.root,"help")}async guxForceUpdate(){this.hasContent=x(this.input),this.hasError=h(this.root,"error"),this.hasHelp=h(this.root,"help"),e(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,j),this.setInput(),this.setLabel(),this.hasError=h(this.root,"error"),this.hasHelp=h(this.root,"help"),y(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return i(v,{labelPosition:this.computedLabelPosition},i(w,{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},part:"input-section"},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&i("gux-form-field-input-clear-button",{onClick:()=>f(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),i(d,{show:this.hasError},i("slot",{name:"error"})),i(g,{show:!this.hasError&&this.hasHelp},i("slot",{name:"help"}))))}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=x(this.input),u(this.input),this.input.addEventListener("input",(()=>{this.hasContent=x(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=s(this.input,(t=>{this.disabled=t})),this.requiredObserver=l(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,e,o){return i("div",{class:"gux-step-buttons-container"},i("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:e("increment"),disabled:o,onClick:()=>this.stepUp(t)},i("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),i("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:e("decrement"),disabled:o,onClick:()=>this.stepDown(t)},i("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 o(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)})([a({childList:!0,subtree:!0})],k.prototype,"onMutation",null),k.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:12px;line-height:20px;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;min-width:16px;min-height:16px;margin:2px 4px 0 0;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;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;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:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";export{k as gux_form_field_number}