@sebgroup/green-core 2.26.1 → 2.26.2

package/components/alert/alert.component.d.ts

@@ -8,8 +8,8 @@ import { GdsElement } from '../../gds-element';
  * auto-dismiss timer, and action button support.
  *
  * @slot - Alert message content
- * @fires gds-close - Fired when alert is dismissed
- * @fires gds-action - Fired when action button is clicked
+ * @event gds-close - Fired when alert is dismissed
+ * @event gds-action - Fired when action button is clicked
  */
 export declare class GdsAlert extends GdsElement {
     #private;

package/components/context-menu/context-menu.component.d.ts

@@ -1,7 +1,6 @@
 import { Placement } from '@floating-ui/dom';
 import { GdsElement } from '../../gds-element';
-import { GdsMenuItem } from '../../primitives/menu/menu-item.component';
-export { GdsMenuItem };
+export { GdsMenuItem } from '../../primitives/menu/menu-item.component';
 export { GdsMenuHeading } from '../../primitives/menu/menu-heading.component';
 declare const GdsContextMenu_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof GdsElement;
 /**

package/components/context-menu/context-menu.component.js

@@ -29,6 +29,7 @@ import {
   applyTriggerAriaAttributes,
   GdsPopover
 } from "../popover/popover.component.js";
+import { GdsMenuItem as GdsMenuItem2 } from "../../primitives/menu/menu-item.component.js";
 import { GdsMenuHeading } from "../../primitives/menu/menu-heading.component.js";
 let GdsContextMenu = class extends withMarginProps(
   withLayoutChildProps(GdsElement)
@@ -179,5 +180,5 @@ GdsContextMenu = __decorateClass([
 export {
   GdsContextMenu,
   GdsMenuHeading,
-  GdsMenuItem
+  GdsMenuItem2 as GdsMenuItem
 };

package/components/filter-chips/filter-chips.component.d.ts

@@ -6,7 +6,7 @@ export { GdsFilterChip };
  *
  * @slot - The filter chips to display
  *
- * @fires change - When a chip is clicked
+ * @event change - When a chip is clicked
  */
 export declare class GdsFilterChips<ValueT = any> extends GdsFormControlElement<ValueT | ValueT[]> {
     #private;

package/components/popover/popover.component.d.ts

@@ -16,7 +16,7 @@ export declare function applyTriggerAriaAttributes(trigger: HTMLElement, open: b
  * register a keydown listener on the trigger and listen to `ArrowDown` key presses. When the trigger is focused and
  * `ArrowDown` is pressed, the popover will open and focus the first slotted child.
  *
- * @fires gds-ui-state - Fired when the popover is opened or closed. Can be cancelled to prevent the popover from opening or closing. The `detail` object contains the `open` boolean to indicate the result of the state change, and the `reason` string which can be one of `show`, `close`, or `cancel`.
+ * @event gds-ui-state - Fired when the popover is opened or closed. Can be cancelled to prevent the popover from opening or closing. The `detail` object contains the `open` boolean to indicate the result of the state change, and the `reason` string which can be one of `show`, `close`, or `cancel`.
  *
  * @slot - Content of the popover
  * @slot trigger - Trigger element for the popover. If this slot is occupied, the popover will listen to keydown and click events on the trigger and automtaiclly open when clicked or when the trigger is focused and `ArrowDown` is pressed.

package/components/select/select.component.d.ts

@@ -75,8 +75,8 @@ declare const GdsSelect_base: (new (...args: any[]) => import("../../utils/mixin
  * element, and not on the enclosed select element. Also, state should also be handled only through the host.
  * Setting value or selected props on the select element will not work as expected.
  *
- * @fires {CustomEvent} change - Fired when the selection changes with detail: { value: string }
- * @fires {CustomEvent} input - Fired on input with detail: { value: string }
+ * @event {CustomEvent} change - Fired when the selection changes with detail: { value: string }
+ * @event {CustomEvent} input - Fired on input with detail: { value: string }
  *
  * @slot - Default slot for the native select element
  * @slot lead - Slot for leading content (e.g., icons)

package/components/spinner/spinner.component.d.ts

@@ -8,37 +8,7 @@ declare const GdsSpinner_base: (new (...args: any[]) => import("../../utils/mixi
  *
  * A loading indicator with accessibility support and various display modes.
  *
- * @example Basic usage
- * ```html
- * <gds-spinner></gds-spinner>
- * ```
- *
- * @example With label
- * ```html
- * <gds-spinner label="Loading..." showLabel></gds-spinner>
- * ```
- *
- * @example Different sizes
- * ```html
- * <gds-spinner size="sm"></gds-spinner>
- * <gds-spinner size="md"></gds-spinner>
- * <gds-spinner size="lg"></gds-spinner>
- * ```
- *
- * @example Cover container
- * ```html
- * <div style="position: relative;">
- *   <!-- Container content -->
- *   <gds-spinner cover></gds-spinner>
- * </div>
- * ```
- *
- * @example Fullscreen
- * ```html
- * <gds-spinner fullscreen label="Loading application..." showLabel></gds-spinner>
- * ```
- *
- * @fires gds-spinner-connected - When the spinner is connected and visible
+ * @event gds-spinner-connected - When the spinner is connected and visible
  */
 export declare class GdsSpinner extends GdsSpinner_base {
     #private;
@@ -69,7 +39,6 @@ export declare class GdsSpinner extends GdsSpinner_base {
     size: 'sm' | 'md' | 'lg';
     /**
      * Whether the spinner is currently animating
-     * @private
      */
     private _isAnimating;
     /**
@@ -82,7 +51,6 @@ export declare class GdsSpinner extends GdsSpinner_base {
     disconnectedCallback(): void;
     /**
      * Updates the aria-label attribute based on the label property
-     * @private
      */
     private _updateAriaLabel;
     /**
@@ -92,7 +60,6 @@ export declare class GdsSpinner extends GdsSpinner_base {
     /**
      * Toggles document root styles when in fullscreen mode
      * Prevents scrolling of the document when fullscreen overlay is active
-     * @private
      */
     private _toggleRootStyles;
 }

package/components/spinner/spinner.component.js

@@ -2,11 +2,11 @@ import {
   __decorateClass,
   __privateAdd,
   __privateGet,
-  __privateMethod,
-  __privateSet
+  __privateMethod
 } from "../../chunks/chunk.QU3DSPNU.js";
-var _GdsSpinner_instances, getWrapperClasses_fn, _originalStyles;
+var _fullscreenStyles, _GdsSpinner_instances, getWrapperClasses_fn;
 import { localized, msg } from "@lit/localize";
+import { css } from "lit";
 import { property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { when } from "lit/directives/when.js";
@@ -14,6 +14,7 @@ import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement, html } from "../../scoping.js";
 import { tokens } from "../../tokens.style.js";
 import { watch } from "../../utils/decorators/watch.js";
+import { GlobalStylesRegistry } from "../../utils/global-styles.js";
 import {
   withLayoutChildProps,
   withMarginProps,
@@ -26,6 +27,15 @@ let GdsSpinner = class extends withMarginProps(
   constructor() {
     super(...arguments);
     __privateAdd(this, _GdsSpinner_instances);
+    /**
+     * Global styles for fullscreen mode
+     */
+    __privateAdd(this, _fullscreenStyles, css`
+    html {
+      overflow: hidden !important;
+      overscroll-behavior: none !important;
+    }
+  `);
     this.label = msg("Loading...");
     this.labelPosition = "bottom";
     this.showLabel = false;
@@ -33,14 +43,6 @@ let GdsSpinner = class extends withMarginProps(
     this.fullscreen = false;
     this.size = "md";
     this._isAnimating = false;
-    /**
-     * Stores original document styles before applying fullscreen mode
-     * @private
-     */
-    __privateAdd(this, _originalStyles, {
-      overflow: "visible",
-      overscrollBehavior: "auto"
-    });
   }
   /**
    * Sets up accessibility attributes and initializes the spinner
@@ -62,7 +64,6 @@ let GdsSpinner = class extends withMarginProps(
       this._toggleRootStyles();
     }
     this._isAnimating = false;
-    super.disconnectedCallback();
   }
   _updateAriaLabel() {
     this.setAttribute("aria-label", this.label);
@@ -82,24 +83,19 @@ let GdsSpinner = class extends withMarginProps(
     `;
   }
   _toggleRootStyles() {
-    const { style } = document.documentElement;
+    const registry = GlobalStylesRegistry.instance;
+    const key = `gds-spinner-fullscreen-${this.id || "default"}`;
     if (this.fullscreen) {
-      __privateSet(this, _originalStyles, {
-        overflow: style.overflow,
-        overscrollBehavior: style.overscrollBehavior
-      });
-      style.overflow = "hidden";
-      style.overscrollBehavior = "none";
+      registry.injectGlobalStyles(key, __privateGet(this, _fullscreenStyles));
     } else {
-      style.overflow = __privateGet(this, _originalStyles).overflow;
-      style.overscrollBehavior = __privateGet(this, _originalStyles).overscrollBehavior;
+      registry.clearGlobalStyles(key);
     }
   }
 };
+_fullscreenStyles = new WeakMap();
 _GdsSpinner_instances = new WeakSet();
 /**
  * Generates CSS classes for the wrapper element based on component state
- * @private
  */
 getWrapperClasses_fn = function() {
   return {
@@ -111,7 +107,6 @@ getWrapperClasses_fn = function() {
     [`spinner-label-${this.labelPosition}`]: this.labelPosition
   };
 };
-_originalStyles = new WeakMap();
 /** All styles are defined in the external styles file */
 GdsSpinner.styles = [tokens, styles];
 __decorateClass([