genesys-spark-components 4.136.0 → 4.137.0

package/dist/types/components.d.ts

@@ -15,6 +15,7 @@ import { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-bre
 import { GuxButtonAccent, GuxButtonType } 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 { GuxCalendarDayOfWeek as GuxCalendarDayOfWeek1 } from "./components/beta/gux-calendar-beta/gux-calendar.types";
 import { GuxCardAccent } from "./components/stable/gux-card/gux-card.types";
 import { GuxOrder, InternalKeyboardReorderMove, InternalOrderChange } from "./components/stable/gux-column-manager/gux-column-manager.types";
 import { Placement } from "@floating-ui/dom";
@@ -68,6 +69,7 @@ export { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-bre
 export { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
 export { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
 export { GuxCalendarDayOfWeek, GuxCalendarMode } from "./components/stable/gux-calendar/gux-calendar.types";
+export { GuxCalendarDayOfWeek as GuxCalendarDayOfWeek1 } from "./components/beta/gux-calendar-beta/gux-calendar.types";
 export { GuxCardAccent } from "./components/stable/gux-card/gux-card.types";
 export { GuxOrder, InternalKeyboardReorderMove, InternalOrderChange } from "./components/stable/gux-column-manager/gux-column-manager.types";
 export { Placement } from "@floating-ui/dom";
@@ -332,6 +334,8 @@ export namespace Components {
         "value": string;
     }
     interface GuxCalendarBeta {
+        "guxForceUpdate": () => Promise<void>;
+        "startDayOfWeek": GuxCalendarDayOfWeek1;
     }
     interface GuxCard {
         /**
@@ -464,6 +468,14 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * The gux-day component is how we render a day within an calendar. It should
+     * not be used stand-alone.
+     */
+    interface GuxDayBeta {
+        "day": string;
+        "disabled": boolean;
+    }
     interface GuxDisclosureButtonLegacy {
         /**
           * Used to open or close the disclosure panel
@@ -2104,6 +2116,16 @@ declare global {
         prototype: HTMLGuxDatepickerElement;
         new (): HTMLGuxDatepickerElement;
     };
+    /**
+     * The gux-day component is how we render a day within an calendar. It should
+     * not be used stand-alone.
+     */
+    interface HTMLGuxDayBetaElement extends Components.GuxDayBeta, HTMLStencilElement {
+    }
+    var HTMLGuxDayBetaElement: {
+        prototype: HTMLGuxDayBetaElement;
+        new (): HTMLGuxDayBetaElement;
+    };
     interface HTMLGuxDisclosureButtonLegacyElementEventMap {
         "active": boolean;
     }
@@ -3458,6 +3480,7 @@ declare global {
         "gux-date-beta": HTMLGuxDateBetaElement;
         "gux-date-time-beta": HTMLGuxDateTimeBetaElement;
         "gux-datepicker": HTMLGuxDatepickerElement;
+        "gux-day-beta": HTMLGuxDayBetaElement;
         "gux-disclosure-button-legacy": HTMLGuxDisclosureButtonLegacyElement;
         "gux-dismiss-button": HTMLGuxDismissButtonElement;
         "gux-dropdown": HTMLGuxDropdownElement;
@@ -3824,6 +3847,7 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface GuxCalendarBeta {
+        "startDayOfWeek"?: GuxCalendarDayOfWeek1;
     }
     interface GuxCard {
         /**
@@ -3965,6 +3989,14 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * The gux-day component is how we render a day within an calendar. It should
+     * not be used stand-alone.
+     */
+    interface GuxDayBeta {
+        "day"?: string;
+        "disabled"?: boolean;
+    }
     interface GuxDisclosureButtonLegacy {
         /**
           * Used to open or close the disclosure panel
@@ -5098,6 +5130,7 @@ declare namespace LocalJSX {
         "gux-date-beta": GuxDateBeta;
         "gux-date-time-beta": GuxDateTimeBeta;
         "gux-datepicker": GuxDatepicker;
+        "gux-day-beta": GuxDayBeta;
         "gux-disclosure-button-legacy": GuxDisclosureButtonLegacy;
         "gux-dismiss-button": GuxDismissButton;
         "gux-dropdown": GuxDropdown;
@@ -5271,6 +5304,11 @@ declare module "@stencil/core" {
             "gux-date-beta": LocalJSX.GuxDateBeta & JSXBase.HTMLAttributes<HTMLGuxDateBetaElement>;
             "gux-date-time-beta": LocalJSX.GuxDateTimeBeta & JSXBase.HTMLAttributes<HTMLGuxDateTimeBetaElement>;
             "gux-datepicker": LocalJSX.GuxDatepicker & JSXBase.HTMLAttributes<HTMLGuxDatepickerElement>;
+            /**
+             * The gux-day component is how we render a day within an calendar. It should
+             * not be used stand-alone.
+             */
+            "gux-day-beta": LocalJSX.GuxDayBeta & JSXBase.HTMLAttributes<HTMLGuxDayBetaElement>;
             "gux-disclosure-button-legacy": LocalJSX.GuxDisclosureButtonLegacy & JSXBase.HTMLAttributes<HTMLGuxDisclosureButtonLegacyElement>;
             "gux-dismiss-button": LocalJSX.GuxDismissButton & JSXBase.HTMLAttributes<HTMLGuxDismissButtonElement>;
             /**

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

@@ -7,5 +7,25 @@ export declare function buildI18nForComponent(component: HTMLElement, defaultRes
 export declare function getComponentI18nResources(component: HTMLElement, defaultResources: ILocalizedComponentResources, locale: string, parentComponent?: string): Promise<ILocalizedComponentResources>;
 export declare function getDesiredLocale(element: HTMLElement): string;
 type WeekStartDayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * Get the 0-indexed first day of the week for a given locale, where 0 represents
+ * Sunday. This should be considered deprecated, as newer browser APIs use
+ * a different day-of-week indexing scheme, provided by `getFirstDayOfWeek`
+ * @param locale
+ * @returns A number representing the first day of the week where 0 is Sunday
+ */
 export declare function getStartOfWeek(locale?: string): WeekStartDayOfWeek;
+/**
+ * Get the 1-indexed first day of the week for a given locale, where 1 represents
+ * Monday. This is the preferred format, as it aligns with the scheme used in the
+ * upcoming browser Temporal APIs.
+ *
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getWeekInfo
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal/PlainDate/dayOfWeek
+ *
+ * @param locale
+ * @returns A number representing the first day of the week where 1 is Monday
+ */
+type FirstDayOfWeek = 1 | 2 | 3 | 4 | 5 | 6 | 7;
+export declare function getFirstDayOfWeek(locale?: string): FirstDayOfWeek;
 export {};

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.136.0-592/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.137.0-596/genesys-webcomponents/";
 export declare function registerElements(): void;

package/dist/types/utils/date/temporal.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Helpers for working with the temporal polyfill. We should be able to remove
+ * these once Temporal lands in browsers.
+ */
+import { Temporal } from '@js-temporal/polyfill';
+/**
+ * Formats a PlainDate Temporal polyfill object. Once browser support for Temporal
+ * lands, this can be removed, as the `Intl` formatters should handle Temporal
+ * entities natively at that point.
+ *
+ * @param formatter The formatter to use - should be derived from from our intl utilities
+ * @param date The date to format
+ * @returns a formatted date string
+ */
+export declare function formatPlainDate(formatter: Intl.DateTimeFormat, date: Temporal.PlainDate): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.136.0",
+  "version": "4.137.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -61,6 +61,7 @@
   "types": "dist/types/index.d.ts",
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
+    "@js-temporal/polyfill": "^0.4.4",
     "@vvo/tzdb": "6.161.0",
     "google-libphonenumber": "3.2.40",
     "intl-messageformat": "10.7.15",

package/dist/collection/components/beta/gux-calendar-beta/components/single/gux-calendar.js

@@ -1,215 +0,0 @@
-import { h } from "@stencil/core";
-import { asIsoDate, fromIsoDate } from "../../../../../utils/date/iso-dates";
-import { getWeekdays, getFirstOfMonth, getDateAsMonthYear, firstDateInMonth } from "../../services/calendar.service";
-import { getDesiredLocale, getStartOfWeek } from "../../../../../i18n";
-import { buildI18nForComponent } from "../../../../../i18n";
-import translationResources from "../../i18n/en.json";
-import { afterNextRenderTimeout } from "../../../../../utils/dom/after-next-render";
-import { logError } from "../../../../../utils/error/log-error";
-import simulateNativeEvent from "../../../../../utils/dom/simulate-native-event";
-export class GuxCalendar {
-    constructor() {
-        this.locale = 'en';
-        // Total number of dates that will display for each month in the calendar
-        this.MONTH_DATE_COUNT = 42;
-        this.focusedValue = undefined;
-        this.minValue = undefined;
-        this.maxValue = undefined;
-    }
-    get slottedInput() {
-        return this.root.querySelector('input[type="date"]');
-    }
-    async componentWillLoad() {
-        if (!this.slottedInput) {
-            logError(this.root, 'You must slot a date input element like so: input[type="date"].');
-        }
-        this.locale = getDesiredLocale(this.root);
-        // Set start day of week
-        const startDayOfWeek = this.slottedInput.getAttribute('start-day-of-week');
-        if (startDayOfWeek === null || startDayOfWeek === void 0 ? void 0 : startDayOfWeek.length) {
-            this.startDayOfWeek = parseInt(startDayOfWeek, 10);
-        }
-        this.startDayOfWeek = this.startDayOfWeek || getStartOfWeek(this.locale);
-        this.i18n = await buildI18nForComponent(this.root, translationResources);
-        if (this.slottedInput.value) {
-            this.focusedValue = fromIsoDate(this.slottedInput.value);
-        }
-        // Set min value from the "min" input prop
-        if (this.slottedInput.min) {
-            this.minValue = new Date(this.slottedInput.min);
-            this.minValue.setHours(0, 0, 0, 0);
-        }
-        // Set max value from the "max" input prop
-        if (this.slottedInput.max) {
-            this.maxValue = new Date(this.slottedInput.max);
-            this.maxValue.setHours(0, 0, 0, 0);
-        }
-    }
-    onDateClick(date) {
-        if (this.isInvalidDate(date)) {
-            return;
-        }
-        this.focusedValue = new Date(date.getTime());
-        this.slottedInput.value = asIsoDate(date);
-        simulateNativeEvent(this.root, 'input');
-    }
-    setDateAfterArrowKeyPress(event, newDayValue) {
-        event.preventDefault();
-        this.focusedValue = new Date(this.getFocusedValue().getFullYear(), this.getFocusedValue().getMonth(), this.getFocusedValue().getDate() + newDayValue, 0, 0, 0);
-        afterNextRenderTimeout(() => {
-            this.focusDate();
-        });
-    }
-    /**
-     * Focus the focused date
-     */
-    focusDate() {
-        const target = this.root.shadowRoot.querySelector(`.gux-content-date[data-date="${this.focusedValue.getTime()}"]`);
-        if (target) {
-            target.focus();
-        }
-    }
-    onKeyDown(event) {
-        switch (event.key) {
-            case ' ':
-                break;
-            case 'Enter':
-                event.preventDefault();
-                this.onDateClick(this.getFocusedValue());
-                afterNextRenderTimeout(() => {
-                    this.focusDate();
-                });
-                break;
-            case 'ArrowDown':
-                this.setDateAfterArrowKeyPress(event, 7);
-                break;
-            case 'ArrowUp':
-                this.setDateAfterArrowKeyPress(event, -7);
-                break;
-            case 'ArrowLeft':
-                this.setDateAfterArrowKeyPress(event, -1);
-                break;
-            case 'ArrowRight':
-                this.setDateAfterArrowKeyPress(event, 1);
-                break;
-            case 'PageUp':
-                event.preventDefault();
-                this.setNewFocusedMonth(1);
-                afterNextRenderTimeout(() => {
-                    this.focusDate();
-                });
-                break;
-            case 'PageDown':
-                event.preventDefault();
-                this.setNewFocusedMonth(-1);
-                afterNextRenderTimeout(() => {
-                    this.focusDate();
-                });
-                break;
-        }
-    }
-    isInvalidDate(date) {
-        return ((this.minValue && date.getTime() <= this.minValue.getTime()) ||
-            (this.maxValue && date.getTime() > this.maxValue.getTime()));
-    }
-    getMonthDays() {
-        var _a, _b;
-        const firstOfMonth = getFirstOfMonth(this.getFocusedValue());
-        const weeks = [];
-        let currentWeek = { dates: [] };
-        let weekDayIndex = 0;
-        const currentMonth = firstOfMonth.getMonth();
-        const selectedValue = this.getSelectedValue();
-        const firstOfMonthDate = new Date(firstOfMonth.getTime());
-        const currentDate = firstDateInMonth(currentMonth, firstOfMonthDate.getFullYear(), this.startDayOfWeek);
-        // Generate all of the dates in the current month
-        for (let d = 0; d < this.MONTH_DATE_COUNT + 1; d += 1) {
-            const selected = selectedValue.getTime() === currentDate.getTime() &&
-                this.focusedValue !== undefined;
-            if (weekDayIndex > 0 && weekDayIndex % 7 === 0) {
-                weeks.push(currentWeek);
-                currentWeek = {
-                    dates: []
-                };
-            }
-            // Check if a date is outside the defined date range boundaries
-            const disabled = this.isInvalidDate(currentDate);
-            const focused = ((_a = this.getFocusedValue()) === null || _a === void 0 ? void 0 : _a.getTime()) === currentDate.getTime() &&
-                ((_b = this.getFocusedValue()) === null || _b === void 0 ? void 0 : _b.getTime()) !== selectedValue.getTime(); // Do not show preview value for date if it's already selected
-            const today = new Date();
-            currentWeek.dates.push({
-                date: new Date(currentDate),
-                disabled,
-                inCurrentMonth: currentMonth === currentDate.getMonth() && !disabled,
-                selected: selected && selectedValue,
-                focused,
-                isCurrentDate: currentDate.getDate() === today.getDate() &&
-                    currentDate.getMonth() === today.getMonth() &&
-                    currentDate.getFullYear() === today.getFullYear()
-            });
-            weekDayIndex += 1;
-            currentDate.setDate(currentDate.getDate() + 1);
-        }
-        return weeks;
-    }
-    getFocusedValue() {
-        if (this.focusedValue) {
-            return this.focusedValue;
-        }
-        return this.getSelectedValue();
-    }
-    changeMonth(newMonthValue) {
-        return new Date(this.getFocusedValue().getFullYear(), this.getFocusedValue().getMonth() + newMonthValue, 1, 0, 0, 0);
-    }
-    setNewFocusedMonth(newMonthValue) {
-        this.focusedValue = this.changeMonth(newMonthValue);
-    }
-    getSelectedValue() {
-        if (this.slottedInput.value) {
-            const value = fromIsoDate(this.slottedInput.value);
-            return value;
-        }
-        const now = new Date();
-        now.setHours(0, 0, 0, 0);
-        return now;
-    }
-    renderHeader() {
-        return (h("div", { class: "gux-header" }, h("button", { type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth', {
-                localizedPreviousMonthAndYear: getDateAsMonthYear(this.changeMonth(-1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(-1) }, h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
-                localizedNextMonthAndYear: getDateAsMonthYear(this.changeMonth(1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(1) }, h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))));
-    }
-    renderContent() {
-        return (h("div", { class: "gux-content" }, h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("div", { class: "gux-week-day" }, day)))), h("div", null, this.getMonthDays().map(week => (h("div", { class: "gux-content-week" }, week.dates.map(day => (h("div", { "data-date": day.date.getTime(), onClick: () => this.onDateClick(day.date), role: "button", "aria-current": day.selected ? 'true' : 'false', tabindex: day.selected || day.focused ? '0' : '-1', onKeyDown: e => void this.onKeyDown(e), "aria-disabled": day.disabled ? 'true' : 'false', class: {
-                'gux-content-date': true,
-                'gux-disabled': day.disabled,
-                'gux-current-month': day.inCurrentMonth,
-                'gux-selected': day.selected,
-                'gux-current-date': day.isCurrentDate
-            } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
-    }
-    render() {
-        return (h("div", { key: 'fe589082cfba8016996a368ed45f95d718774fc1', class: "gux-calendar-beta" }, h("slot", { key: '2b12cdfc0b4487b103691766dcb6adfa30ed2b23' }), this.renderHeader(), this.renderContent()));
-    }
-    static get is() { return "gux-calendar-beta"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["gux-calendar.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["gux-calendar.css"]
-        };
-    }
-    static get states() {
-        return {
-            "focusedValue": {},
-            "minValue": {},
-            "maxValue": {}
-        };
-    }
-    static get elementRef() { return "root"; }
-}

package/dist/collection/components/beta/gux-calendar-beta/services/tests.service.js

@@ -1,23 +0,0 @@
-export async function validateSelectedDate(element, expectedMonthAndYear, expectedDay) {
-    const selectedDate = await element.find('pierce/.gux-selected .gux-non-sr');
-    const currentMonthAndYear = await element.find('pierce/.gux-header-month-and-year');
-    expect(currentMonthAndYear.innerHTML).toBe(expectedMonthAndYear);
-    expect(selectedDate.innerHTML).toBe(expectedDay);
-}
-export async function validateHeaderMonth(element, expectedMonthAndYear) {
-    const currentMonthAndYear = await element.find('pierce/.gux-header-month-and-year');
-    expect(currentMonthAndYear.innerHTML).toBe(expectedMonthAndYear);
-}
-export async function getContentDateElement(element, dateAsMonthDayYear) {
-    return await element.find(`pierce/.gux-content-date[data-date="${new Date(dateAsMonthDayYear).getTime()}"]`);
-}
-export async function goToPreviousMonth(element, page) {
-    const button = await element.find('pierce/.gux-left');
-    await button.click();
-    return await page.waitForChanges();
-}
-export async function goToNextMonth(element, page) {
-    const button = await element.find('pierce/.gux-right');
-    await button.click();
-    return await page.waitForChanges();
-}

package/dist/genesys-webcomponents/p-05026a91.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-c2a62a18.js";import{a as s,c as a,o as n,f as o,d,s as c,h as p}from"./p-864af39c.js";const h=class{constructor(i){t(this,i),this.internalexpanded=e(this,"internalexpanded",7),this.internalcollapsed=e(this,"internalcollapsed",7),this.placement="bottom-start",this.expanded=!1,this.disabled=!1,this.offset=2,this.exceedTargetWidth=!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.exceedTargetWidth;a(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",placement:this.placement,middleware:[n(this.offset),o(),d({apply({rects:e,elements:i}){Object.assign(i.floating.style,t?{minWidth:`${e.reference.width}px`}:{width:`${e.reference.width}px`,overflow:"hidden"})}}),c(),p()]}).then((({x:t,y:e,middlewareData:i})=>{const{referenceHidden:s}=i.hide;isNaN(t)||Object.assign(this.popupElementContainer.style,{left:`${t}px`}),isNaN(e)||Object.assign(this.popupElementContainer.style,{top:`${e}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():this.updatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return i("div",{key:"26e14de1fdc138741ba3ebd70ea3efdbde9e3556",class:{"gux-target-container":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString(),ref:t=>this.targetElementContainer=t},i("slot",{key:"86bb7b4f7cb9786cb2cc854734357ffea57bd10e",name:"target"}),i("div",{key:"20ef4c5ad555f916f8fb0f0dd3975f15402cce95",class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:t=>this.popupElementContainer=t},i("slot",{key:"7b7b3d130134e642b58b879a5a0a916429564f16",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(--gse-semantic-zIndex-popup);visibility:hidden;inline-size:max-content;background-color:var(--gse-ui-menu-backgroundColor)}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";export{h as gux_popup}

package/dist/genesys-webcomponents/p-0ea1c942.entry.js

@@ -1 +0,0 @@
-import{r as e,h as o,H as r}from"./p-c2a62a18.js";const a=class{constructor(o){e(this,o)}render(){return o(r,{key:"219a89a3774fb80a2b19c57f890e2883b102a668",role:"menu"},o("slot",{key:"28c1b65a600f42ed8bf78ae2f8b824301f11453a"}))}};a.style=":host{flex-direction:column;inline-size:fit-content;padding:var(--gse-ui-menu-padding);background-color:var(--gse-ui-flyoutMenu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{a as gux_menu}

package/dist/genesys-webcomponents/p-0f96aeee.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as o}from"./p-c2a62a18.js";import{t as i}from"./p-bbf000c6.js";import{g as a}from"./p-0268a3e8.js";const r=class{constructor(e){t(this,e),this.iconName=void 0,this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return e("div",{key:"b1ab7cde7ab8293906afea3263feb09701769426",class:"gux-icon-tooltip"},e("gux-screen-reader-beta",{key:"ea6a172ba645847dd5aedb6ddfd4141a10ea272a"},e("slot",{key:"505426b503eb600716ce006271edbb618e1b57c8",name:"content"})),e("gux-icon",{key:"79f5a63026e7b66d9dad62c93227fe6bbe8ae0cc","icon-name":this.iconName,size:"small",decorative:!0}),e("gux-tooltip-beta",{key:"b05c706231c1d7f2341136feedd56e067ae61b91",placement:this.placement,ref:t=>this.tooltip=t},e("div",{key:"c1f926ba7d40a87cc67aa8e9edf9bd24fdbbf878",slot:"content"},a(this.root,"content"))))}get root(){return o(this)}};r.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_icon_tooltip_beta}