@govtechsg/sgds-web-component 3.26.1-rc.2 → 3.26.1

package/components/Mainnav/sgds-mainnav-profile.js

@@ -1,136 +0,0 @@
-import { __decorate } from 'tslib';
-import { html, nothing } from 'lit';
-import { consume } from '@lit/context';
-import { state, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { offset } from '@floating-ui/dom';
-import SgdsElement from '../../base/sgds-element.js';
-import { SgdsDropdown } from '../Dropdown/sgds-dropdown.js';
-import { SgdsDropdownItem } from '../Dropdown/sgds-dropdown-item.js';
-import { SgdsIcon } from '../Icon/sgds-icon.js';
-import { MainnavBreakpointContext } from './mainnav-context.js';
-import css_248z from './mainnav-profile.js';
-import genId from '../../utils/generateId.js';
-
-/**
- * @summary A profile component for the mainnav that shows a full dropdown in desktop and handles its own mobile menu.
- * In desktop: renders avatar + label + secondaryText with a dropdown.
- * In mobile: renders the avatar as a toggler that opens a self-contained mobile panel with profile items.
- * When present, it disables the mainnav's default hamburger toggler.
- *
- * @slot avatar - Avatar element displayed in both desktop (before label) and mobile (as toggler)
- * @slot default - Profile menu items (sgds-dropdown-item elements)
- */
-class SgdsMainnavProfile extends SgdsElement {
-    constructor() {
-        super(...arguments);
-        this._breakpointReached = true;
-        /** @internal Whether the mobile menu is open */
-        this._mobileMenuOpen = false;
-        /** Primary text displayed next to the avatar in desktop (e.g. user name) */
-        this.label = "";
-        /** Secondary text displayed below the label in desktop (e.g. agency or role) */
-        this.secondaryText = "";
-        /** When true, disables the profile dropdown */
-        this.disabled = false;
-        /** Accessible label for the profile toggle button */
-        this.ariaLabel = "";
-        /** Controls dropdown close behavior. "default" auto-closes on item/outside click, "outside" closes only on outside click, "inside" prevents auto-close. */
-        this.close = "default";
-        /** @internal */
-        this.togglerId = genId("profile", "button");
-        this._handleMobileToggle = () => {
-            this._mobileMenuOpen = !this._mobileMenuOpen;
-        };
-        this._handleKeydown = (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                this._handleMobileToggle();
-            }
-        };
-    }
-    render() {
-        if (!this._breakpointReached) {
-            // Desktop: dropdown with avatar + label + secondaryText
-            return html `
-        <sgds-dropdown .floatingOpts=${{ middleware: [offset(0)] }} ?disabled=${this.disabled} close=${this.close}>
-          <button
-            class="${classMap({
-                "nav-link": true,
-                disabled: this.disabled
-            })}"
-            aria-disabled=${this.disabled ? "true" : "false"}
-            aria-label=${ifDefined(this.ariaLabel)}
-            id=${this.togglerId}
-            tabindex=${this.disabled ? "-1" : "0"}
-            slot="toggler"
-          >
-            <slot name="avatar"></slot>
-            ${this.label || this.secondaryText
-                ? html `<div class="profile-text">
-                  ${this.label ? html `<span class="profile-label">${this.label}</span>` : nothing}
-                  ${this.secondaryText
-                    ? html `<span class="profile-secondary-text">${this.secondaryText}</span>`
-                    : nothing}
-                </div>`
-                : nothing}
-            <sgds-icon name="chevron-down" size="md"></sgds-icon>
-          </button>
-          <slot></slot>
-        </sgds-dropdown>
-      `;
-        }
-        // Mobile: avatar toggler + self-contained mobile panel
-        return html `
-      <div
-        class="profile-avatar-mobile"
-        role="button"
-        tabindex="0"
-        aria-label=${this.ariaLabel || "Toggle navigation"}
-        aria-expanded=${this._mobileMenuOpen ? "true" : "false"}
-        @click=${this._handleMobileToggle}
-        @keydown=${this._handleKeydown}
-      >
-        <slot name="avatar"></slot>
-      </div>
-      <div class="profile-mobile-panel" ?hidden=${!this._mobileMenuOpen}>
-        <div class="profile-mobile-items">
-          <slot></slot>
-        </div>
-      </div>
-    `;
-    }
-}
-SgdsMainnavProfile.styles = [...SgdsElement.styles, css_248z];
-/** @internal */
-SgdsMainnavProfile.dependencies = {
-    "sgds-dropdown": SgdsDropdown,
-    "sgds-dropdown-item": SgdsDropdownItem,
-    "sgds-icon": SgdsIcon
-};
-__decorate([
-    consume({ context: MainnavBreakpointContext, subscribe: true }),
-    state()
-], SgdsMainnavProfile.prototype, "_breakpointReached", void 0);
-__decorate([
-    state()
-], SgdsMainnavProfile.prototype, "_mobileMenuOpen", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsMainnavProfile.prototype, "label", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsMainnavProfile.prototype, "secondaryText", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsMainnavProfile.prototype, "disabled", void 0);
-__decorate([
-    property({ type: String })
-], SgdsMainnavProfile.prototype, "ariaLabel", void 0);
-__decorate([
-    property({ type: String })
-], SgdsMainnavProfile.prototype, "close", void 0);
-
-export { SgdsMainnavProfile, SgdsMainnavProfile as default };
-//# sourceMappingURL=sgds-mainnav-profile.js.map

package/components/Mainnav/sgds-mainnav-profile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-mainnav-profile.js","sources":["../../../src/components/Mainnav/sgds-mainnav-profile.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { consume } from \"@lit/context\";\nimport { property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { offset } from \"@floating-ui/dom\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsDropdown from \"../Dropdown/sgds-dropdown\";\nimport SgdsDropdownItem from \"../Dropdown/sgds-dropdown-item\";\nimport SgdsIcon from \"../Icon/sgds-icon\";\nimport { MainnavBreakpointContext } from \"./mainnav-context\";\nimport mainnavProfileStyle from \"./mainnav-profile.css\";\nimport genId from \"../../utils/generateId\";\n\n/**\n * @summary A profile component for the mainnav that shows a full dropdown in desktop and handles its own mobile menu.\n * In desktop: renders avatar + label + secondaryText with a dropdown.\n * In mobile: renders the avatar as a toggler that opens a self-contained mobile panel with profile items.\n * When present, it disables the mainnav's default hamburger toggler.\n *\n * @slot avatar - Avatar element displayed in both desktop (before label) and mobile (as toggler)\n * @slot default - Profile menu items (sgds-dropdown-item elements)\n */\nexport class SgdsMainnavProfile extends SgdsElement {\n  static styles = [...SgdsElement.styles, mainnavProfileStyle];\n  /** @internal */\n  static dependencies = {\n    \"sgds-dropdown\": SgdsDropdown,\n    \"sgds-dropdown-item\": SgdsDropdownItem,\n    \"sgds-icon\": SgdsIcon\n  };\n\n  @consume({ context: MainnavBreakpointContext, subscribe: true })\n  @state()\n  private _breakpointReached = true;\n\n  /** @internal Whether the mobile menu is open */\n  @state()\n  private _mobileMenuOpen = false;\n\n  /** Primary text displayed next to the avatar in desktop (e.g. user name) */\n  @property({ type: String, reflect: true })\n  label = \"\";\n\n  /** Secondary text displayed below the label in desktop (e.g. agency or role) */\n  @property({ type: String, reflect: true })\n  secondaryText = \"\";\n\n  /** When true, disables the profile dropdown */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /** Accessible label for the profile toggle button */\n  @property({ type: String })\n  ariaLabel = \"\";\n\n  /** Controls dropdown close behavior. \"default\" auto-closes on item/outside click, \"outside\" closes only on outside click, \"inside\" prevents auto-close. */\n  @property({ type: String })\n  close: \"default\" | \"outside\" | \"inside\" = \"default\";\n\n  /** @internal */\n  private togglerId: string = genId(\"profile\", \"button\");\n\n  private _handleMobileToggle = () => {\n    this._mobileMenuOpen = !this._mobileMenuOpen;\n  };\n\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      this._handleMobileToggle();\n    }\n  };\n\n  render() {\n    if (!this._breakpointReached) {\n      // Desktop: dropdown with avatar + label + secondaryText\n      return html`\n        <sgds-dropdown .floatingOpts=${{ middleware: [offset(0)] }} ?disabled=${this.disabled} close=${this.close}>\n          <button\n            class=\"${classMap({\n              \"nav-link\": true,\n              disabled: this.disabled\n            })}\"\n            aria-disabled=${this.disabled ? \"true\" : \"false\"}\n            aria-label=${ifDefined(this.ariaLabel)}\n            id=${this.togglerId}\n            tabindex=${this.disabled ? \"-1\" : \"0\"}\n            slot=\"toggler\"\n          >\n            <slot name=\"avatar\"></slot>\n            ${this.label || this.secondaryText\n              ? html`<div class=\"profile-text\">\n                  ${this.label ? html`<span class=\"profile-label\">${this.label}</span>` : nothing}\n                  ${this.secondaryText\n                    ? html`<span class=\"profile-secondary-text\">${this.secondaryText}</span>`\n                    : nothing}\n                </div>`\n              : nothing}\n            <sgds-icon name=\"chevron-down\" size=\"md\"></sgds-icon>\n          </button>\n          <slot></slot>\n        </sgds-dropdown>\n      `;\n    }\n\n    // Mobile: avatar toggler + self-contained mobile panel\n    return html`\n      <div\n        class=\"profile-avatar-mobile\"\n        role=\"button\"\n        tabindex=\"0\"\n        aria-label=${this.ariaLabel || \"Toggle navigation\"}\n        aria-expanded=${this._mobileMenuOpen ? \"true\" : \"false\"}\n        @click=${this._handleMobileToggle}\n        @keydown=${this._handleKeydown}\n      >\n        <slot name=\"avatar\"></slot>\n      </div>\n      <div class=\"profile-mobile-panel\" ?hidden=${!this._mobileMenuOpen}>\n        <div class=\"profile-mobile-items\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default SgdsMainnavProfile;\n"],"names":["mainnavProfileStyle"],"mappings":"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"}

package/react/components/DataTable/data-table.cjs.js

@@ -1,11 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var lit = require('lit');
-
-var css_248z = lit.css`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.footer{justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.footer,.loading{align-items:center;display:flex}.loading{border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.loading .loading-menu{gap:var(--sgds-gap-xs);pointer-events:none}.loading .loading-menu,.no-data{align-items:center;color:var(--sgds-text-color-subtle);display:flex}.no-data{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.active:not(.sort-icon),tr:hover:not([data-header-row]){background-color:var(--sgds-bg-translucent-subtle);transition:background-color .15s ease}td,th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);vertical-align:middle}.data-table-cell,.data-table-head{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.sort,.sort-button{align-items:center;display:inline-flex}.sort-button{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-md);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-24);justify-content:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:var(--sgds-dimension-24)}.sort-button:hover{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-color-default)}.sort-button:focus,.sort-button:focus-visible{background-color:var(--sgds-bg-translucent-subtle);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sort-button:disabled{background-color:var(--sgds-bg-transparent);color:var(--sgds-color-muted);cursor:not-allowed}.sort-button.active{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.sort-icon{display:inline-flex}.data-table-cell.align-right,.data-table-head.align-right{justify-content:flex-end;text-align:right}.control-cell{width:var(--sgds-dimension-56)}:host(.checkbox-cell) .data-table-cell,:host(.checkbox-cell) .data-table-head{padding:var(--sgds-padding-sm) var(--sgds-padding-md)}:host(.expand-cell) .data-table-cell{cursor:pointer;padding:var(--sgds-padding-md)}.expandable-td{border:0;padding:0}.expandable-content{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-2-xl);padding-left:var(--sgds-padding-4-xl)}.hidden{display:none}`;
-
-exports["default"] = css_248z;
-//# sourceMappingURL=data-table.cjs.js.map

package/react/components/DataTable/data-table.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/react/components/DataTable/data-table.js

@@ -1,7 +0,0 @@
-'use client';
-import { css } from 'lit';
-
-var css_248z = css`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.footer{justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.footer,.loading{align-items:center;display:flex}.loading{border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.loading .loading-menu{gap:var(--sgds-gap-xs);pointer-events:none}.loading .loading-menu,.no-data{align-items:center;color:var(--sgds-text-color-subtle);display:flex}.no-data{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.active:not(.sort-icon),tr:hover:not([data-header-row]){background-color:var(--sgds-bg-translucent-subtle);transition:background-color .15s ease}td,th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);vertical-align:middle}.data-table-cell,.data-table-head{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.sort,.sort-button{align-items:center;display:inline-flex}.sort-button{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-md);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-24);justify-content:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:var(--sgds-dimension-24)}.sort-button:hover{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-color-default)}.sort-button:focus,.sort-button:focus-visible{background-color:var(--sgds-bg-translucent-subtle);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sort-button:disabled{background-color:var(--sgds-bg-transparent);color:var(--sgds-color-muted);cursor:not-allowed}.sort-button.active{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.sort-icon{display:inline-flex}.data-table-cell.align-right,.data-table-head.align-right{justify-content:flex-end;text-align:right}.control-cell{width:var(--sgds-dimension-56)}:host(.checkbox-cell) .data-table-cell,:host(.checkbox-cell) .data-table-head{padding:var(--sgds-padding-sm) var(--sgds-padding-md)}:host(.expand-cell) .data-table-cell{cursor:pointer;padding:var(--sgds-padding-md)}.expandable-td{border:0;padding:0}.expandable-content{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-2-xl);padding-left:var(--sgds-padding-4-xl)}.hidden{display:none}`;
-
-export { css_248z as default };
-//# sourceMappingURL=data-table.js.map

package/react/components/DataTable/data-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react/components/DataTable/sgds-data-table-cell.cjs.js

@@ -1,38 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var lit = require('lit');
-var sgdsElement = require('../../base/sgds-element.cjs.js');
-var decorators_js = require('lit/decorators.js');
-
-/**
- * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.
- *
- * @slot default - Content to display inside the cell.
- */
-class SgdsDataTableCell extends sgdsElement["default"] {
-    render() {
-        return lit.html `<slot></slot>`;
-    }
-}
-SgdsDataTableCell.styles = [
-    ...sgdsElement["default"].styles,
-    lit.css `
-      :host {
-        display: contents;
-      }
-    `
-];
-tslib.__decorate([
-    decorators_js.property({ type: Number, reflect: true })
-], SgdsDataTableCell.prototype, "colspan", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Number, reflect: true })
-], SgdsDataTableCell.prototype, "rowspan", void 0);
-
-exports.SgdsDataTableCell = SgdsDataTableCell;
-exports["default"] = SgdsDataTableCell;
-//# sourceMappingURL=sgds-data-table-cell.cjs.js.map

package/react/components/DataTable/sgds-data-table-cell.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-data-table-cell.cjs.js","sources":["../../../../src/components/DataTable/sgds-data-table-cell.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the cell.\n */\nexport class SgdsDataTableCell extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n    `\n  ];\n\n  /** Number of columns this cell spans. */\n  @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n  /** Number of rows this cell spans. */\n  @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default SgdsDataTableCell;\n"],"names":["SgdsElement","html","css","__decorate","property"],"mappings":";;;;;;;;;;AAIA;;;;AAIG;AACG,MAAO,iBAAkB,SAAQA,sBAAW,CAAA;IAgBhD,MAAM,GAAA;QACJ,OAAOC,QAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AAjBM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAGD,sBAAW,CAAC,MAAM;AACrB,IAAAE,OAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;CACF,CAAC;AAGyCC,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5BD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;;"}

package/react/components/DataTable/sgds-data-table-cell.js

@@ -1,33 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { css, html } from 'lit';
-import SgdsElement from '../../base/sgds-element.js';
-import { property } from 'lit/decorators.js';
-
-/**
- * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.
- *
- * @slot default - Content to display inside the cell.
- */
-class SgdsDataTableCell extends SgdsElement {
-    render() {
-        return html `<slot></slot>`;
-    }
-}
-SgdsDataTableCell.styles = [
-    ...SgdsElement.styles,
-    css `
-      :host {
-        display: contents;
-      }
-    `
-];
-__decorate([
-    property({ type: Number, reflect: true })
-], SgdsDataTableCell.prototype, "colspan", void 0);
-__decorate([
-    property({ type: Number, reflect: true })
-], SgdsDataTableCell.prototype, "rowspan", void 0);
-
-export { SgdsDataTableCell, SgdsDataTableCell as default };
-//# sourceMappingURL=sgds-data-table-cell.js.map

package/react/components/DataTable/sgds-data-table-cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-data-table-cell.js","sources":["../../../../src/components/DataTable/sgds-data-table-cell.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the cell.\n */\nexport class SgdsDataTableCell extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n    `\n  ];\n\n  /** Number of columns this cell spans. */\n  @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n  /** Number of rows this cell spans. */\n  @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default SgdsDataTableCell;\n"],"names":[],"mappings":";;;;;;AAIA;;;;AAIG;AACG,MAAO,iBAAkB,SAAQ,WAAW,CAAA;IAgBhD,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AAjBM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAG,WAAW,CAAC,MAAM;AACrB,IAAA,GAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;CACF,CAAC;AAGyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/react/components/DataTable/sgds-data-table-head.cjs.js

@@ -1,75 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var lit = require('lit');
-var sgdsElement = require('../../base/sgds-element.cjs.js');
-var decorators_js = require('lit/decorators.js');
-
-/**
- * @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.
- *
- * @slot default - Content to display inside the header cell.
- *
- */
-class SgdsDataTableHead extends sgdsElement["default"] {
-    constructor() {
-        super(...arguments);
-        /** Text alignment for the header content. */
-        this.textAlign = "left";
-        /** When true, clicking this header cycles through ascending → descending → none sort. */
-        this.sorting = false;
-        /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */
-        this.sortKey = "";
-    }
-    /** @internal — called by the row when the rendered `<th>` is clicked. */
-    handleSortClick() {
-        if (!this.sorting)
-            return;
-        const next = this.ariasort === "ascending" ? "descending" : this.ariasort === "descending" ? "none" : "ascending";
-        this.ariasort = next;
-        this.emit("i-sgds-sort", {
-            detail: { key: this.sortKey, direction: next },
-            bubbles: true,
-            composed: true
-        });
-    }
-    render() {
-        return lit.html `<slot></slot>`;
-    }
-}
-SgdsDataTableHead.styles = [
-    ...sgdsElement["default"].styles,
-    lit.css `
-      :host {
-        display: contents;
-      }
-    `
-];
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "width", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Number, reflect: true })
-], SgdsDataTableHead.prototype, "colspan", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Number, reflect: true })
-], SgdsDataTableHead.prototype, "rowspan", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "textAlign", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "ariasort", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], SgdsDataTableHead.prototype, "sorting", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "sortKey", void 0);
-
-exports.SgdsDataTableHead = SgdsDataTableHead;
-exports["default"] = SgdsDataTableHead;
-//# sourceMappingURL=sgds-data-table-head.cjs.js.map

package/react/components/DataTable/sgds-data-table-head.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-data-table-head.cjs.js","sources":["../../../../src/components/DataTable/sgds-data-table-head.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the header cell.\n *\n */\nexport class SgdsDataTableHead extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n    `\n  ];\n\n  /** Sets the column width. */\n  @property({ type: String, reflect: true }) width: string | undefined;\n\n  /** Number of columns this cell spans. */\n  @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n  /** Number of rows this cell spans. */\n  @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n  /** Text alignment for the header content. */\n  @property({ type: String, reflect: true }) textAlign: \"left\" | \"right\" = \"left\";\n\n  /** Current sort direction for this column. */\n  @property({ type: String, reflect: true }) ariasort: \"ascending\" | \"descending\" | \"none\" | \"other\" | undefined;\n\n  /** When true, clicking this header cycles through ascending → descending → none sort. */\n  @property({ type: Boolean, reflect: true }) sorting = false;\n\n  /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */\n  @property({ type: String, reflect: true }) sortKey = \"\";\n\n  /** @internal — called by the row when the rendered `<th>` is clicked. */\n  handleSortClick() {\n    if (!this.sorting) return;\n    const next = this.ariasort === \"ascending\" ? \"descending\" : this.ariasort === \"descending\" ? \"none\" : \"ascending\";\n    this.ariasort = next;\n    this.emit(\"i-sgds-sort\", {\n      detail: { key: this.sortKey, direction: next },\n      bubbles: true,\n      composed: true\n    });\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default SgdsDataTableHead;\n"],"names":["SgdsElement","html","css","__decorate","property"],"mappings":";;;;;;;;;;AAIA;;;;;AAKG;AACG,MAAO,iBAAkB,SAAQA,sBAAW,CAAA;AAAlD,IAAA,WAAA,GAAA;;;QAoB6C,IAAS,CAAA,SAAA,GAAqB,MAAM,CAAC;;QAMpC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;;QAGjB,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;KAiBzD;;IAdC,eAAe,GAAA;QACb,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,KAAK,WAAW,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC;AAClH,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE;AAC9C,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CAAC;KACJ;IAED,MAAM,GAAA;QACJ,OAAOC,QAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AA5CM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAGD,sBAAW,CAAC,MAAM;AACrB,IAAAE,OAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;AACF,CAPY,CAOX;AAGyCC,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA2B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG1BD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5BD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5BD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAsC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrCD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAqE,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnED,gBAAA,CAAA;IAA3CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAiB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGjBD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAc,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;;"}

package/react/components/DataTable/sgds-data-table-head.js

@@ -1,70 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { css, html } from 'lit';
-import SgdsElement from '../../base/sgds-element.js';
-import { property } from 'lit/decorators.js';
-
-/**
- * @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.
- *
- * @slot default - Content to display inside the header cell.
- *
- */
-class SgdsDataTableHead extends SgdsElement {
-    constructor() {
-        super(...arguments);
-        /** Text alignment for the header content. */
-        this.textAlign = "left";
-        /** When true, clicking this header cycles through ascending → descending → none sort. */
-        this.sorting = false;
-        /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */
-        this.sortKey = "";
-    }
-    /** @internal — called by the row when the rendered `<th>` is clicked. */
-    handleSortClick() {
-        if (!this.sorting)
-            return;
-        const next = this.ariasort === "ascending" ? "descending" : this.ariasort === "descending" ? "none" : "ascending";
-        this.ariasort = next;
-        this.emit("i-sgds-sort", {
-            detail: { key: this.sortKey, direction: next },
-            bubbles: true,
-            composed: true
-        });
-    }
-    render() {
-        return html `<slot></slot>`;
-    }
-}
-SgdsDataTableHead.styles = [
-    ...SgdsElement.styles,
-    css `
-      :host {
-        display: contents;
-      }
-    `
-];
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "width", void 0);
-__decorate([
-    property({ type: Number, reflect: true })
-], SgdsDataTableHead.prototype, "colspan", void 0);
-__decorate([
-    property({ type: Number, reflect: true })
-], SgdsDataTableHead.prototype, "rowspan", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "textAlign", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "ariasort", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SgdsDataTableHead.prototype, "sorting", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsDataTableHead.prototype, "sortKey", void 0);
-
-export { SgdsDataTableHead, SgdsDataTableHead as default };
-//# sourceMappingURL=sgds-data-table-head.js.map

package/react/components/DataTable/sgds-data-table-head.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-data-table-head.js","sources":["../../../../src/components/DataTable/sgds-data-table-head.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the header cell.\n *\n */\nexport class SgdsDataTableHead extends SgdsElement {\n  static styles = [\n    ...SgdsElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n    `\n  ];\n\n  /** Sets the column width. */\n  @property({ type: String, reflect: true }) width: string | undefined;\n\n  /** Number of columns this cell spans. */\n  @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n  /** Number of rows this cell spans. */\n  @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n  /** Text alignment for the header content. */\n  @property({ type: String, reflect: true }) textAlign: \"left\" | \"right\" = \"left\";\n\n  /** Current sort direction for this column. */\n  @property({ type: String, reflect: true }) ariasort: \"ascending\" | \"descending\" | \"none\" | \"other\" | undefined;\n\n  /** When true, clicking this header cycles through ascending → descending → none sort. */\n  @property({ type: Boolean, reflect: true }) sorting = false;\n\n  /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */\n  @property({ type: String, reflect: true }) sortKey = \"\";\n\n  /** @internal — called by the row when the rendered `<th>` is clicked. */\n  handleSortClick() {\n    if (!this.sorting) return;\n    const next = this.ariasort === \"ascending\" ? \"descending\" : this.ariasort === \"descending\" ? \"none\" : \"ascending\";\n    this.ariasort = next;\n    this.emit(\"i-sgds-sort\", {\n      detail: { key: this.sortKey, direction: next },\n      bubbles: true,\n      composed: true\n    });\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default SgdsDataTableHead;\n"],"names":[],"mappings":";;;;;;AAIA;;;;;AAKG;AACG,MAAO,iBAAkB,SAAQ,WAAW,CAAA;AAAlD,IAAA,WAAA,GAAA;;;QAoB6C,IAAS,CAAA,SAAA,GAAqB,MAAM,CAAC;;QAMpC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;;QAGjB,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;KAiBzD;;IAdC,eAAe,GAAA;QACb,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,KAAK,WAAW,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC;AAClH,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE;AAC9C,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CAAC;KACJ;IAED,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AA5CM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAG,WAAW,CAAC,MAAM;AACrB,IAAA,GAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;AACF,CAPY,CAOX;AAGyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA2B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG1B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAsC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAqE,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnE,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAiB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGjB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAc,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}