genesys-spark-components 4.0.0-beta.23 → 4.0.0-beta.24

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

@@ -7,6 +7,7 @@ export declare class GuxPopup {
   private targetElementContainer;
   private popupElementContainer;
   private cleanupUpdatePosition;
+  private root;
   expanded: boolean;
   disabled: boolean;
   /**

package/dist/types/components.d.ts

@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { GuxAccordionSectionArrowPosition, GuxAccordionSectionContentLayout } from "./components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types";
 import { GuxActionButtonAccent, GuxActionButtonType } from "./components/stable/gux-action-button/gux-action-button.types";
 import { GuxAnnouncePoliteness } from "./components/beta/gux-announce/gux-announce.types";
-import { GuxBadgeAccent, GuxBadgeColor } from "./components/beta/gux-badge/gux-badge.types";
+import { GuxBadgeAccent } from "./components/stable/gux-badge/gux-badge.types";
 import { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-breadcrumbs.types";
 import { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
 import { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
@@ -49,7 +49,7 @@ import { GuxTooltipAccent } from "./components/stable/gux-tooltip/gux-tooltip-ty
 export { GuxAccordionSectionArrowPosition, GuxAccordionSectionContentLayout } from "./components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types";
 export { GuxActionButtonAccent, GuxActionButtonType } from "./components/stable/gux-action-button/gux-action-button.types";
 export { GuxAnnouncePoliteness } from "./components/beta/gux-announce/gux-announce.types";
-export { GuxBadgeAccent, GuxBadgeColor } from "./components/beta/gux-badge/gux-badge.types";
+export { GuxBadgeAccent } from "./components/stable/gux-badge/gux-badge.types";
 export { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-breadcrumbs.types";
 export { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
 export { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
@@ -161,10 +161,9 @@ export namespace Components {
         "guxAnnounce": (text: string) => Promise<void>;
         "politeness": GuxAnnouncePoliteness;
     }
-    interface GuxBadgeBeta {
+    interface GuxBadge {
         "accent": GuxBadgeAccent;
         "bold": boolean;
-        "color": GuxBadgeColor;
     }
     interface GuxBlankStateBeta {
     }
@@ -1331,11 +1330,11 @@ declare global {
         prototype: HTMLGuxAnnounceBetaElement;
         new (): HTMLGuxAnnounceBetaElement;
     };
-    interface HTMLGuxBadgeBetaElement extends Components.GuxBadgeBeta, HTMLStencilElement {
+    interface HTMLGuxBadgeElement extends Components.GuxBadge, HTMLStencilElement {
     }
-    var HTMLGuxBadgeBetaElement: {
-        prototype: HTMLGuxBadgeBetaElement;
-        new (): HTMLGuxBadgeBetaElement;
+    var HTMLGuxBadgeElement: {
+        prototype: HTMLGuxBadgeElement;
+        new (): HTMLGuxBadgeElement;
     };
     interface HTMLGuxBlankStateBetaElement extends Components.GuxBlankStateBeta, HTMLStencilElement {
     }
@@ -2027,7 +2026,7 @@ declare global {
         "gux-advanced-dropdown": HTMLGuxAdvancedDropdownElement;
         "gux-all-row-select": HTMLGuxAllRowSelectElement;
         "gux-announce-beta": HTMLGuxAnnounceBetaElement;
-        "gux-badge-beta": HTMLGuxBadgeBetaElement;
+        "gux-badge": HTMLGuxBadgeElement;
         "gux-blank-state-beta": HTMLGuxBlankStateBetaElement;
         "gux-breadcrumb-item": HTMLGuxBreadcrumbItemElement;
         "gux-breadcrumbs": HTMLGuxBreadcrumbsElement;
@@ -2230,10 +2229,9 @@ declare namespace LocalJSX {
     interface GuxAnnounceBeta {
         "politeness"?: GuxAnnouncePoliteness;
     }
-    interface GuxBadgeBeta {
+    interface GuxBadge {
         "accent"?: GuxBadgeAccent;
         "bold"?: boolean;
-        "color"?: GuxBadgeColor;
     }
     interface GuxBlankStateBeta {
     }
@@ -3232,7 +3230,7 @@ declare namespace LocalJSX {
         "gux-advanced-dropdown": GuxAdvancedDropdown;
         "gux-all-row-select": GuxAllRowSelect;
         "gux-announce-beta": GuxAnnounceBeta;
-        "gux-badge-beta": GuxBadgeBeta;
+        "gux-badge": GuxBadge;
         "gux-blank-state-beta": GuxBlankStateBeta;
         "gux-breadcrumb-item": GuxBreadcrumbItem;
         "gux-breadcrumbs": GuxBreadcrumbs;
@@ -3358,7 +3356,7 @@ declare module "@stencil/core" {
             "gux-advanced-dropdown": LocalJSX.GuxAdvancedDropdown & JSXBase.HTMLAttributes<HTMLGuxAdvancedDropdownElement>;
             "gux-all-row-select": LocalJSX.GuxAllRowSelect & JSXBase.HTMLAttributes<HTMLGuxAllRowSelectElement>;
             "gux-announce-beta": LocalJSX.GuxAnnounceBeta & JSXBase.HTMLAttributes<HTMLGuxAnnounceBetaElement>;
-            "gux-badge-beta": LocalJSX.GuxBadgeBeta & JSXBase.HTMLAttributes<HTMLGuxBadgeBetaElement>;
+            "gux-badge": LocalJSX.GuxBadge & JSXBase.HTMLAttributes<HTMLGuxBadgeElement>;
             "gux-blank-state-beta": LocalJSX.GuxBlankStateBeta & JSXBase.HTMLAttributes<HTMLGuxBlankStateBetaElement>;
             "gux-breadcrumb-item": LocalJSX.GuxBreadcrumbItem & JSXBase.HTMLAttributes<HTMLGuxBreadcrumbItemElement>;
             "gux-breadcrumbs": LocalJSX.GuxBreadcrumbs & JSXBase.HTMLAttributes<HTMLGuxBreadcrumbsElement>;

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

@@ -1,2 +1,2 @@
-export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.23-19/genesys-webcomponents/";
+export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.24-20/genesys-webcomponents/";
 export declare function registerElements(): Promise<void>;

package/dist/types/utils/dom/has-parent-element.d.ts

@@ -0,0 +1 @@
+export declare function hasParentElement(selector: string, baseElement?: HTMLElement): boolean;

package/package.json

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

package/dist/cjs/gux-badge-beta.cjs.entry.js

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-4c4b807b.js');
-const index$1 = require('./index-9bbde1aa.js');
-require('./get-closest-element-ab4b2eee.js');
-
-const neutral = "badge with label: {label}, color: neutral";
-const green = "badge with label: {label}, color: green";
-const yellow = "badge with label: {label}, color: yellow";
-const red = "badge with label: {label}, color: red";
-const inherit = "badge with label: {label}";
-const translationResources = {
-	neutral: neutral,
-	"neutral-bold": "badge with label: {label}, color: neutral bold",
-	green: green,
-	"green-bold": "badge with label: {label}, color: green bold",
-	yellow: yellow,
-	"yellow-bold": "badge with label: {label}, color: yellow bold",
-	red: red,
-	"red-bold": "badge with label: {label}, color: red bold",
-	inherit: inherit
-};
-
-const guxBadgeCss = ":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";
-
-const GuxBadge = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.color = 'neutral';
-    this.accent = 'info';
-    this.bold = false;
-    this.label = undefined;
-  }
-  onSlotChange(event) {
-    const slotAssignedNodes = event.composedPath()[0].assignedNodes();
-    this.label = slotAssignedNodes
-      .map(nodeItem => nodeItem.textContent)
-      .join('');
-  }
-  renderBadgeTitle() {
-    return (index.h("gux-tooltip-title", null, index.h("span", null, index.h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
-  }
-  renderSrText() {
-    return (index.h("div", { class: "gux-sr-only" }, this.i18n(this.getVariant(), {
-      label: this.label
-    })));
-  }
-  getVariant() {
-    return `${this.color}${this.bold ? '-bold' : ''}`;
-  }
-  async componentWillLoad() {
-    usage.trackComponent(this.root);
-    this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
-  }
-  render() {
-    return (index.h("div", { class: {
-        'gux-badge': true,
-        [`gux-${this.color}`]: true,
-        [`gux-${this.accent}`]: true,
-        'gux-bold': this.bold
-      } }, this.renderBadgeTitle(), this.renderSrText()));
-  }
-  get root() { return index.getElement(this); }
-};
-GuxBadge.style = guxBadgeCss;
-
-exports.gux_badge_beta = GuxBadge;

package/dist/collection/components/beta/gux-badge/gux-badge.css

@@ -1,83 +0,0 @@
-:host {
-  display: inline-block;
-  height: fit-content;
-  border-radius: 100%;
-}
-.gux-badge {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: center;
-  justify-content: flex-start;
-  height: 20px;
-  padding: 2px 8px;
-  color: #fdfdfd;
-  background-color: #2e394c;
-  border-radius: 4px;
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-weight: 700;
-  font-size: 12px;
-  line-height: 16px;
-}
-.gux-badge gux-tooltip-title {
-  white-space: nowrap;
-}
-.gux-badge gux-tooltip-title ::slotted(gux-icon) {
-  height: 16px;
-  font-size: 16px;
-}
-.gux-badge .gux-sr-only:not(:focus):not(:active) {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-.gux-badge.gux-info,
-.gux-badge.gux-neutral {
-  color: #2e394c;
-  background-color: #e2e6ee;
-}
-.gux-badge.gux-info.gux-bold,
-.gux-badge.gux-neutral.gux-bold {
-  color: #fdfdfd;
-  background-color: #2e394c;
-}
-.gux-badge.gux-error,
-.gux-badge.gux-red {
-  color: #8f0707;
-  background-color: #fceaea;
-}
-.gux-badge.gux-error.gux-bold,
-.gux-badge.gux-red.gux-bold {
-  color: #fdfdfd;
-  background-color: #ea0b0b;
-}
-.gux-badge.gux-warning,
-.gux-badge.gux-yellow {
-  color: #976700;
-  background-color: #fdf8ec;
-}
-.gux-badge.gux-warning.gux-bold,
-.gux-badge.gux-yellow.gux-bold {
-  color: #2e394c;
-  background-color: #ffae00;
-}
-.gux-badge.gux-success,
-.gux-badge.gux-green {
-  color: #205a10;
-  background-color: #eefcea;
-}
-.gux-badge.gux-success.gux-bold,
-.gux-badge.gux-green.gux-bold {
-  color: #fdfdfd;
-  background-color: #3c8527;
-}
-.gux-badge.gux-inherit {
-  color: inherit;
-  background-color: inherit;
-}

package/dist/esm/gux-badge-beta.entry.js

@@ -1,66 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-9ca50bf0.js';
-import { b as buildI18nForComponent } from './index-694d55cf.js';
-import './get-closest-element-1597503c.js';
-
-const neutral = "badge with label: {label}, color: neutral";
-const green = "badge with label: {label}, color: green";
-const yellow = "badge with label: {label}, color: yellow";
-const red = "badge with label: {label}, color: red";
-const inherit = "badge with label: {label}";
-const translationResources = {
-	neutral: neutral,
-	"neutral-bold": "badge with label: {label}, color: neutral bold",
-	green: green,
-	"green-bold": "badge with label: {label}, color: green bold",
-	yellow: yellow,
-	"yellow-bold": "badge with label: {label}, color: yellow bold",
-	red: red,
-	"red-bold": "badge with label: {label}, color: red bold",
-	inherit: inherit
-};
-
-const guxBadgeCss = ":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";
-
-const GuxBadge = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.color = 'neutral';
-    this.accent = 'info';
-    this.bold = false;
-    this.label = undefined;
-  }
-  onSlotChange(event) {
-    const slotAssignedNodes = event.composedPath()[0].assignedNodes();
-    this.label = slotAssignedNodes
-      .map(nodeItem => nodeItem.textContent)
-      .join('');
-  }
-  renderBadgeTitle() {
-    return (h("gux-tooltip-title", null, h("span", null, h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
-  }
-  renderSrText() {
-    return (h("div", { class: "gux-sr-only" }, this.i18n(this.getVariant(), {
-      label: this.label
-    })));
-  }
-  getVariant() {
-    return `${this.color}${this.bold ? '-bold' : ''}`;
-  }
-  async componentWillLoad() {
-    trackComponent(this.root);
-    this.i18n = await buildI18nForComponent(this.root, translationResources);
-  }
-  render() {
-    return (h("div", { class: {
-        'gux-badge': true,
-        [`gux-${this.color}`]: true,
-        [`gux-${this.accent}`]: true,
-        'gux-bold': this.bold
-      } }, this.renderBadgeTitle(), this.renderSrText()));
-  }
-  get root() { return getElement(this); }
-};
-GuxBadge.style = guxBadgeCss;
-
-export { GuxBadge as gux_badge_beta };

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-7d26b2e1.js";import{a as s,c as n,o as a,f as o,d as p,s as r,h as d}from"./p-4e2b5bcf.js";const h=class{constructor(e){t(this,e),this.internalexpanded=i(this,"internalexpanded",7),this.internalcollapsed=i(this,"internalcollapsed",7),this.expanded=!1,this.disabled=!1}runUpdatePosition(){this.cleanupUpdatePosition=s(this.targetElementContainer,this.popupElementContainer,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){if(this.targetElementContainer&&this.popupElementContainer){const t=this.popupElementContainer,i=this.targetElementContainer;n(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",placement:"bottom-start",middleware:[a(2),o(),p({apply({rects:e}){Object.assign(t.style,{minWidth:`${e.reference.width}px`}),Object.assign(i.style,{width:`${e.reference.width}px`})}}),r(),d()]}).then((({x:t,y:i,middlewareData:e})=>{const{referenceHidden:s}=e.hide;Object.assign(this.popupElementContainer.style,{left:`${t}px`,top:`${i}px`}),s?this.popupElementContainer.classList.add("gux-sr-only-clip"):this.popupElementContainer.classList.remove("gux-sr-only-clip")}))}}onExpandedChange(t){t?this.internalexpanded.emit():this.internalcollapsed.emit()}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{class:{"gux-target-container":!0,"gux-disabled":this.disabled},ref:t=>this.targetElementContainer=t},e("slot",{name:"target"}),e("div",{part:"gux-popup-container",class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:t=>this.popupElementContainer=t},e("slot",{name:"popup"})))}static get watchers(){return{expanded:["onExpandedChange"]}}};h.style=".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gux-zindex-popup, 1);width:max-content;visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{h as gux_popup}

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,g as e}from"./p-7d26b2e1.js";import{O as o}from"./p-9d18d475.js";import{w as n}from"./p-76ff3e75.js";import{a as r}from"./p-091f51f6.js";import{t as a}from"./p-f7f3443e.js";const u=["primary","secondary","tertiary"];const c=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(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){a(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},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))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,r=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(s,i,r):o(s,i))||r);n>3&&r&&Object.defineProperty(s,i,r)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.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:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}

package/dist/genesys-webcomponents/p-416f5a28.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as s,g as i}from"./p-7d26b2e1.js";import{t as e}from"./p-f7f3443e.js";import{b as r}from"./p-091f51f6.js";const n=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",r((()=>{this.containerElement.innerText=t}))}componentWillLoad(){e(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-c68e0fbf.entry.js

@@ -1 +0,0 @@
-import{r as e,h as o,g as l}from"./p-7d26b2e1.js";import{t}from"./p-f7f3443e.js";import{b as g}from"./p-deee079e.js";import"./p-8a133b9b.js";const r={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold",inherit:"badge with label: {label}"},a=class{constructor(o){e(this,o),this.color="neutral",this.accent="info",this.bold=!1,this.label=void 0}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await g(this.root,r)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,[`gux-${this.accent}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};a.style=":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";export{a as gux_badge_beta}

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

@@ -1 +0,0 @@
-import{r as t,h as o,g as s}from"./p-7d26b2e1.js";import{t as e}from"./p-f7f3443e.js";const r=class{constructor(o){t(this,o)}componentWillLoad(){e(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};r.style=".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{r as gux_screen_reader_beta}