@sebgroup/green-core 3.12.2 → 3.12.3-rc.20260602103848399

package/components/avatar/avatar.styles.js

@@ -24,8 +24,9 @@ const style = css`
         var(--gds-avatar-cutout-enabled, 0)
       );
       --_effective-overlap: calc(var(--_overlap) * var(--_grouped-enabled));
-      --_effective-cutout-radius: calc(
-        var(--_cutout-radius) * var(--_grouped-enabled)
+      --_effective-cutout-radius: max(
+        0.001px,
+        calc(var(--_cutout-radius) * var(--_grouped-enabled))
       );
       --_cutout-right-offset: calc(
         var(--_size) / 2 + var(--_effective-overlap)
@@ -108,7 +109,7 @@ const style = css`
       mask-image: radial-gradient(
         circle var(--_effective-cutout-radius) at
           calc(100% + var(--_cutout-right-offset)) 50%,
-        #0000 calc(var(--_effective-cutout-radius) - 0.1px),
+        #0000 max(0px, calc(var(--_effective-cutout-radius) - 0.1px)),
         #000 var(--_effective-cutout-radius)
       );
     }

package/components/pagination/pagination.component.d.ts

@@ -67,6 +67,11 @@ export declare class GdsPagination extends GdsPagination_base {
      * Hide options
      */
     hideOptions: boolean;
+    /**
+     * Enables a compact navigation mode with only previous/next arrows
+     * and a centered "Page N" indicator.
+     */
+    simple: boolean;
     /**
      * Controls density mode on pagination
      * Accepts: `comfortable`, `compact`, `spacious`

package/components/pagination/pagination.component.js

@@ -4,7 +4,7 @@ import {
   __privateGet,
   __privateMethod
 } from "../../chunks/chunk.CAV4X6PU.js";
-var _pageCount, pageCount_get, _config, config_get, _getVisiblePages, getVisiblePages_fn, _renderPageButton, renderPageButton_fn, _renderPageButtons, renderPageButtons_fn, _renderJumpFirstButton, renderJumpFirstButton_fn, _renderPreviousButton, renderPreviousButton_fn, _renderNextButton, renderNextButton_fn, _renderJumpLastButton, renderJumpLastButton_fn, _renderNavigationControls, renderNavigationControls_fn, _renderPageSizeOption, renderPageSizeOption_fn, _renderPageSizeMenu, renderPageSizeMenu_fn, _renderLabel, renderLabel_fn, _handlePageChange, handlePageChange_fn, _handlePageSizeMenuClick, handlePageSizeMenuClick_fn, _handlePopoverStateChange, handlePopoverStateChange_fn, _handleCustomPageInput, handleCustomPageInput_fn;
+var _pageCount, pageCount_get, _config, config_get, _getVisiblePages, getVisiblePages_fn, _renderPageButton, renderPageButton_fn, _renderPageButtons, renderPageButtons_fn, _renderJumpFirstButton, renderJumpFirstButton_fn, _renderPreviousButton, renderPreviousButton_fn, _renderNextButton, renderNextButton_fn, _renderJumpLastButton, renderJumpLastButton_fn, _renderNavigationControls, renderNavigationControls_fn, _renderSimpleNavigationControls, renderSimpleNavigationControls_fn, _renderPageSizeOption, renderPageSizeOption_fn, _renderPageSizeMenu, renderPageSizeMenu_fn, _renderLabel, renderLabel_fn, _handlePageChange, handlePageChange_fn, _handlePageSizeMenuClick, handlePageSizeMenuClick_fn, _handlePopoverStateChange, handlePopoverStateChange_fn, _handleCustomPageInput, handleCustomPageInput_fn;
 import { localized, msg } from "@lit/localize";
 import { nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
@@ -83,6 +83,7 @@ let GdsPagination = class extends withMarginProps(
     __privateAdd(this, _renderNextButton);
     __privateAdd(this, _renderJumpLastButton);
     __privateAdd(this, _renderNavigationControls);
+    __privateAdd(this, _renderSimpleNavigationControls);
     __privateAdd(this, _renderPageSizeOption);
     __privateAdd(this, _renderPageSizeMenu);
     __privateAdd(this, _renderLabel);
@@ -96,6 +97,7 @@ let GdsPagination = class extends withMarginProps(
     this.options = [5, 10, 25, 50];
     this.jump = false;
     this.hideOptions = false;
+    this.simple = false;
     this.density = "comfortable";
     this.label = "";
     this._isMobile = false;
@@ -126,7 +128,10 @@ let GdsPagination = class extends withMarginProps(
             justify-content="${showNavigation ? "space-between" : "flex-end"}"
           >
             ${[
-      when(showNavigation, () => __privateMethod(this, _renderNavigationControls, renderNavigationControls_fn).call(this)),
+      when(
+        showNavigation,
+        () => this.simple ? __privateMethod(this, _renderSimpleNavigationControls, renderSimpleNavigationControls_fn).call(this) : __privateMethod(this, _renderNavigationControls, renderNavigationControls_fn).call(this)
+      ),
       pageSizeMenu
     ]}
           </gds-flex>
@@ -325,6 +330,29 @@ renderNavigationControls_fn = function() {
       </gds-flex>
     `;
 };
+_renderSimpleNavigationControls = new WeakSet();
+renderSimpleNavigationControls_fn = function() {
+  return html`
+      <gds-flex
+        gap="${__privateGet(this, _config, config_get).navGap}"
+        align-items="center"
+        class="navigation-controls navigation-controls-simple"
+        justify-content="center; m{flex-end}"
+        flex="1"
+      >
+        ${__privateMethod(this, _renderPreviousButton, renderPreviousButton_fn).call(this)}
+        <gds-text
+          font="${__privateGet(this, _config, config_get).font}"
+          color="neutral-01"
+          aria-live="polite"
+          aria-atomic="true"
+        >
+          ${msg("Page")} ${this.page}
+        </gds-text>
+        ${__privateMethod(this, _renderNextButton, renderNextButton_fn).call(this)}
+      </gds-flex>
+    `;
+};
 _renderPageSizeOption = new WeakSet();
 renderPageSizeOption_fn = function(size) {
   const isSelected = this.rows === size;
@@ -458,6 +486,9 @@ __decorateClass([
     reflect: false
   })
 ], GdsPagination.prototype, "hideOptions", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: false })
+], GdsPagination.prototype, "simple", 2);
 __decorateClass([
   property({ reflect: false })
 ], GdsPagination.prototype, "density", 2);

package/components/pagination/pagination.styles.js

@@ -13,6 +13,10 @@ const PaginationStyles = css`
     padding: 0;
     aspect-ratio: 1/1;
   }
+
+  nav {
+    width: 100%;
+  }
 `;
 export {
   PaginationStyles

package/components/segmented-control/segmented-control.component.js

@@ -143,7 +143,7 @@ let GdsSegmentedControl = class extends withLayoutChildProps(
         ?inert=${!this._showPrevButton}
         id="btn-prev"
         @click=${__privateGet(this, _scrollLeft)}
-        aria-label=${msg("Scroll right")}
+        aria-label=${msg("Scroll left")}
       >
         <gds-icon-chevron-left />
       </button>

package/components/table/table.component.d.ts

@@ -1,6 +1,7 @@
 import { GdsElement } from '../../gds-element';
 import * as Types from './table.types';
 type TableVariant = 'neutral-01' | 'neutral-02' | 'neutral-02-outlined';
+declare const GdsTable_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").SizeXProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").PaddingProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof GdsElement;
 /**
  * @element gds-table
  * @status beta
@@ -23,7 +24,7 @@ type TableVariant = 'neutral-01' | 'neutral-02' | 'neutral-02-outlined';
  * @event gds-table-selection - Fired when row selection changes.
  * @event gds-table-expand-change - Fired when row expansion changes. Detail: `{ index: number, row: T, expanded: boolean, expandedIndices: number[] }`
  */
-export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElement {
+export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsTable_base {
     #private;
     static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
     /**
@@ -98,10 +99,23 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
      * Applies alternating row background colors.
      */
     striped: boolean;
+    /**
+     * Uses compact footer pagination with previous/next arrows and current page only.
+     * Hides the default total summary text and page number buttons.
+     */
+    simplePagination: boolean;
     /**
      * Disables data caching mechanism.
      */
     nocache: boolean;
+    /**
+     * Enables row virtualization for large datasets.
+     * Only rows visible within the scroll viewport (plus a small overscan buffer)
+     * are rendered in the DOM. Rows that leave the viewport are removed from the
+     * DOM entirely; rows that enter are rendered immediately with no animation delay.
+     * Pair with a fixed `height` to constrain the scroll container.
+     */
+    virtualized: boolean;
     /**
      * Configures a table footer row (`<tfoot>`) at the bottom of the table.
      * The footer row provides slot insertion points for each visible column,
@@ -162,7 +176,9 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
      */
     private _onRowsChange;
     private _onColumnsChange;
+    private _onVirtualizedChange;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     updated(changedProperties: Map<string, unknown>): void;
     render(): any;
     /**