@govtechsg/sgds-web-component 3.15.1-rc.3 → 3.16.0

package/react/components/Sidebar/sidebar-element.cjs.js

@@ -1,285 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var decorators_js = require('lit/decorators.js');
-var dropdownElement = require('../../base/dropdown-element.cjs.js');
-var sgdsElement = require('../../base/sgds-element.cjs.js');
-var context = require('@lit/context');
-var sidebarContext = require('./sidebar-context.cjs.js');
-
-const ARROW_DOWN = "ArrowDown";
-const ARROW_UP = "ArrowUp";
-const ARROW_LEFT = "ArrowLeft";
-const ARROW_RIGHT = "ArrowRight";
-const ENTER = "Enter";
-/**
- * @summary Base class for sidebar navigation components.
- * Provides core functionality for sidebar items and groups including keyboard navigation,
- * selection state management, and nesting support. This class manages hierarchical navigation,
- * active state tracking, and drawer overlay coordination through context providers.
- *
- * Features:
- * - Multi-level keyboard navigation (Arrow keys, Enter)
- * - Active state management via Lit context subscription
- * - Support for nested hierarchies up to 3 levels deep
- * - Focus management and full ARIA attribute support
- * - Event emission for sidebar coordination (i-sgds-click)
- * - Automatic child element tracking and nesting level detection
- *
- * Keyboard Navigation:
- * - Arrow Up/Down: Navigate between siblings in the same level
- * - Arrow Left/Right: Navigate hierarchically (collapse/expand or move in drawer)
- * - Enter: Activate focused item or toggle group
- *
- * Context Management:
- * - Consumes: SidebarCollapsed, SidebarActiveItem, SidebarActiveGroup, SidebarDrawerItems
- * - Updates state based on context changes for responsive UI updates
- *
- * @internal
- */
-class SidebarElement extends sgdsElement["default"] {
-    constructor() {
-        super(...arguments);
-        /**
-         * The display title/label for the sidebar element.
-         * Shown in the UI and used for accessibility labels (aria-label).
-         * @attribute title
-         * @type {string}
-         * @default ""
-         */
-        this.title = "";
-        /**
-         * The unique name identifier for the sidebar element.
-         * Used to identify selections in sgds-select events and manage active states.
-         * Should be unique among siblings in the same navigation level.
-         * @attribute name
-         * @type {string}
-         * @default ""
-         */
-        this.name = "";
-        /** @internal */
-        this._sidebarCollapsed = false;
-        /** @internal */
-        this._sidebarActiveItem = null;
-        /** @internal */
-        this._sidebarActiveGroup = null;
-        /** @internal */
-        this._drawerItems = null;
-        /** @internal Tracks whether a drawer overlay is currently open */
-        this._showDrawer = false;
-        /** @internal */
-        this._childLevel = 1;
-        /**
-         * Indicates whether this element is currently selected/active.
-         * @internal
-         */
-        this._selected = false;
-        /**
-         * Indicates whether this element should be hidden based on nesting context.
-         * @internal
-         */
-        this._hidden = false;
-        /**
-         * List of child elements assigned to this component.
-         * @internal
-         */
-        this._childElements = [];
-        /** @internal */
-        this._childActive = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.getChildLevel();
-        this.setAttribute("role", "navigation");
-        this.addEventListener("keydown", this._handleKeyDown);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener("keydown", this._handleKeyDown);
-    }
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        this.getChildLevel();
-    }
-    updated() {
-        if (this._childLevel === 2) {
-            this._hidden = !this.closest(".sidebar-nested-overlay");
-        }
-    }
-    /**
-     * Handles slot change events and updates child elements list.
-     * @internal
-     * @returns {void}
-     */
-    _handleSlotChange() {
-        this._childElements = this._defaultNodes;
-    }
-    /**
-     * Handles click/activation events on the sidebar element.
-     * Emits internal click event for parent sidebar to handle selection.
-     * @internal
-     * @param {SidebarElement} [element] - Optional element parameter (for keyboard compatibility)
-     * @returns {void}
-     */
-    _handleClick() {
-        this.emit("i-sgds-click", { detail: { element: this, level: this._childLevel } });
-    }
-    /**
-     * Handles keyboard navigation events for sidebar elements.
-     * Supports Arrow Up/Down for navigation and Arrow Left/Right for drawer management.
-     * @internal
-     * @param {KeyboardEvent} event - The keyboard event object
-     * @returns {void}
-     */
-    _handleKeyDown(event) {
-        var _a, _b, _c;
-        const target = event.target;
-        switch (event.key) {
-            case ENTER: {
-                event.preventDefault();
-                event.stopPropagation();
-                if (event.target === this)
-                    this._handleClick();
-                return;
-            }
-            case ARROW_DOWN: {
-                event.preventDefault();
-                event.stopPropagation();
-                const child = target._childElements[0];
-                const isChildHidden = child === null || child === void 0 ? void 0 : child._hidden;
-                const childElement = !isChildHidden ? child : null;
-                const nextElement = childElement || target.nextElementSibling || target.parentElement.nextElementSibling;
-                if (nextElement === null || nextElement === void 0 ? void 0 : nextElement.shadowRoot) {
-                    const focusTarget = nextElement.shadowRoot.querySelector("[tabindex]");
-                    focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
-                }
-                return;
-            }
-            case ARROW_UP: {
-                event.preventDefault();
-                event.stopPropagation();
-                const prevSiblingChildren = (_a = target.previousElementSibling) === null || _a === void 0 ? void 0 : _a._childElements;
-                const lastChild = prevSiblingChildren ? prevSiblingChildren[(prevSiblingChildren === null || prevSiblingChildren === void 0 ? void 0 : prevSiblingChildren.length) - 1] : null;
-                const isChildHidden = lastChild === null || lastChild === void 0 ? void 0 : lastChild._hidden;
-                const childElement = !isChildHidden ? lastChild : null;
-                const prevElement = childElement || target.previousElementSibling || target.parentElement;
-                if (prevElement === null || prevElement === void 0 ? void 0 : prevElement.shadowRoot) {
-                    const focusTarget = prevElement.shadowRoot.querySelector("[tabindex]");
-                    focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
-                }
-                return;
-            }
-            case ARROW_LEFT: {
-                event.preventDefault();
-                event.stopPropagation();
-                if (this._sidebarActiveGroup === this) {
-                    // when drawer is open, close it
-                    if (this._showDrawer)
-                        this._handleClick();
-                }
-                else {
-                    // check if we are on the drawer, if so move back to parent
-                    const childLevel = target._childLevel;
-                    if (childLevel >= 2 && ((_b = this._sidebarActiveGroup) === null || _b === void 0 ? void 0 : _b.shadowRoot)) {
-                        const focusTarget = this._sidebarActiveGroup.shadowRoot.querySelector("[tabindex]");
-                        focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
-                    }
-                }
-                return;
-            }
-            case ARROW_RIGHT: {
-                event.preventDefault();
-                event.stopPropagation();
-                if (this._sidebarActiveGroup === this) {
-                    if ((_c = this._drawerItems) === null || _c === void 0 ? void 0 : _c.length) {
-                        if (this._showDrawer) {
-                            const drawerItem = this._drawerItems[0];
-                            if (drawerItem === null || drawerItem === void 0 ? void 0 : drawerItem.shadowRoot) {
-                                const focusTarget = drawerItem.shadowRoot.querySelector("[tabindex]");
-                                focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
-                            }
-                        }
-                        else {
-                            this._handleClick();
-                        }
-                    }
-                }
-                else {
-                    if (this._childLevel === 1 && this._childElements.length > 0) {
-                        // when there is nested, we trigger click to show drawer
-                        this._handleClick();
-                    }
-                }
-                return;
-            }
-        }
-    }
-    /**
-     * Calculates the nesting level by counting parent sgds-sidebar-group ancestors.
-     * Level 1 = top-level element, Level 2+ = nested within another group.
-     * Updates the _childLevel state property.
-     * @internal
-     * @returns {void}
-     */
-    getChildLevel() {
-        let currentEle = this.parentElement;
-        let level = 1;
-        while (currentEle.tagName.toLowerCase() === "sgds-sidebar-group") {
-            level += 1;
-            currentEle = currentEle.parentElement;
-        }
-        const isInDrawer = currentEle.classList.contains("sidebar-nested-overlay");
-        this._childLevel = isInDrawer ? level + 1 : level;
-    }
-}
-SidebarElement.styles = dropdownElement.DropdownElement.styles;
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SidebarElement.prototype, "title", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SidebarElement.prototype, "name", void 0);
-tslib.__decorate([
-    context.consume({ context: sidebarContext.SidebarCollapsed, subscribe: true }),
-    decorators_js.state()
-], SidebarElement.prototype, "_sidebarCollapsed", void 0);
-tslib.__decorate([
-    context.consume({ context: sidebarContext.SidebarActiveItem, subscribe: true }),
-    decorators_js.state()
-], SidebarElement.prototype, "_sidebarActiveItem", void 0);
-tslib.__decorate([
-    context.consume({ context: sidebarContext.SidebarActiveGroup, subscribe: true }),
-    decorators_js.state()
-], SidebarElement.prototype, "_sidebarActiveGroup", void 0);
-tslib.__decorate([
-    context.consume({ context: sidebarContext.SidebarDrawerItems, subscribe: true }),
-    decorators_js.state()
-], SidebarElement.prototype, "_drawerItems", void 0);
-tslib.__decorate([
-    context.consume({ context: sidebarContext.SidebarDrawerOpen, subscribe: true }),
-    decorators_js.state()
-], SidebarElement.prototype, "_showDrawer", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], SidebarElement.prototype, "_childLevel", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], SidebarElement.prototype, "_selected", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], SidebarElement.prototype, "_hidden", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], SidebarElement.prototype, "_childElements", void 0);
-tslib.__decorate([
-    decorators_js.state()
-], SidebarElement.prototype, "_childActive", void 0);
-tslib.__decorate([
-    decorators_js.queryAssignedElements({ flatten: true })
-], SidebarElement.prototype, "_defaultNodes", void 0);
-
-exports.SidebarElement = SidebarElement;
-//# sourceMappingURL=sidebar-element.cjs.js.map

package/react/components/Sidebar/sidebar-element.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-element.cjs.js","sources":["../../../../src/components/Sidebar/sidebar-element.ts"],"sourcesContent":["import { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { DropdownElement } from \"../../base/dropdown-element\";\nimport { PropertyValueMap } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { consume } from \"@lit/context\";\nimport {\n  SidebarActiveGroup,\n  SidebarActiveItem,\n  SidebarCollapsed,\n  SidebarDrawerItems,\n  SidebarDrawerOpen\n} from \"./sidebar-context\";\n\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nconst ARROW_LEFT = \"ArrowLeft\";\nconst ARROW_RIGHT = \"ArrowRight\";\nconst ENTER = \"Enter\";\n\n/**\n * @summary Base class for sidebar navigation components.\n * Provides core functionality for sidebar items and groups including keyboard navigation,\n * selection state management, and nesting support. This class manages hierarchical navigation,\n * active state tracking, and drawer overlay coordination through context providers.\n *\n * Features:\n * - Multi-level keyboard navigation (Arrow keys, Enter)\n * - Active state management via Lit context subscription\n * - Support for nested hierarchies up to 3 levels deep\n * - Focus management and full ARIA attribute support\n * - Event emission for sidebar coordination (i-sgds-click)\n * - Automatic child element tracking and nesting level detection\n *\n * Keyboard Navigation:\n * - Arrow Up/Down: Navigate between siblings in the same level\n * - Arrow Left/Right: Navigate hierarchically (collapse/expand or move in drawer)\n * - Enter: Activate focused item or toggle group\n *\n * Context Management:\n * - Consumes: SidebarCollapsed, SidebarActiveItem, SidebarActiveGroup, SidebarDrawerItems\n * - Updates state based on context changes for responsive UI updates\n *\n * @internal\n */\nexport class SidebarElement extends SgdsElement {\n  static styles = DropdownElement.styles;\n\n  /**\n   * The display title/label for the sidebar element.\n   * Shown in the UI and used for accessibility labels (aria-label).\n   * @attribute title\n   * @type {string}\n   * @default \"\"\n   */\n  @property({ type: String, reflect: true }) title = \"\";\n\n  /**\n   * The unique name identifier for the sidebar element.\n   * Used to identify selections in sgds-select events and manage active states.\n   * Should be unique among siblings in the same navigation level.\n   * @attribute name\n   * @type {string}\n   * @default \"\"\n   */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** @internal */\n  @consume({ context: SidebarCollapsed, subscribe: true })\n  @state()\n  _sidebarCollapsed = false;\n\n  /** @internal */\n  @consume({ context: SidebarActiveItem, subscribe: true })\n  @state()\n  _sidebarActiveItem: SidebarElement | null = null;\n\n  /** @internal */\n  @consume({ context: SidebarActiveGroup, subscribe: true })\n  @state()\n  _sidebarActiveGroup: SidebarElement | null = null;\n\n  /** @internal */\n  @consume({ context: SidebarDrawerItems, subscribe: true })\n  @state()\n  _drawerItems: SidebarElement[] | null = null;\n\n  /** @internal Tracks whether a drawer overlay is currently open */\n  @consume({ context: SidebarDrawerOpen, subscribe: true })\n  @state()\n  _showDrawer = false;\n\n  /** @internal */\n  @state() _childLevel = 1;\n\n  /**\n   * Indicates whether this element is currently selected/active.\n   * @internal\n   */\n  @state() _selected = false;\n\n  /**\n   * Indicates whether this element should be hidden based on nesting context.\n   * @internal\n   */\n  @state() _hidden = false;\n\n  /**\n   * List of child elements assigned to this component.\n   * @internal\n   */\n  @state()\n  _childElements: SidebarElement[] = [];\n\n  /** @internal */\n  @state() _childActive = false;\n\n  /** @internal */\n  @queryAssignedElements({ flatten: true })\n  private _defaultNodes!: SidebarElement[];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.getChildLevel();\n    this.setAttribute(\"role\", \"navigation\");\n    this.addEventListener(\"keydown\", this._handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"keydown\", this._handleKeyDown);\n  }\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    this.getChildLevel();\n  }\n\n  updated() {\n    if (this._childLevel === 2) {\n      this._hidden = !this.closest(\".sidebar-nested-overlay\");\n    }\n  }\n\n  /**\n   * Handles slot change events and updates child elements list.\n   * @internal\n   * @returns {void}\n   */\n  _handleSlotChange() {\n    this._childElements = this._defaultNodes;\n  }\n\n  /**\n   * Handles click/activation events on the sidebar element.\n   * Emits internal click event for parent sidebar to handle selection.\n   * @internal\n   * @param {SidebarElement} [element] - Optional element parameter (for keyboard compatibility)\n   * @returns {void}\n   */\n  protected _handleClick() {\n    this.emit(\"i-sgds-click\", { detail: { element: this, level: this._childLevel } });\n  }\n\n  /**\n   * Handles keyboard navigation events for sidebar elements.\n   * Supports Arrow Up/Down for navigation and Arrow Left/Right for drawer management.\n   * @internal\n   * @param {KeyboardEvent} event - The keyboard event object\n   * @returns {void}\n   */\n  private _handleKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLElement;\n\n    switch (event.key) {\n      case ENTER: {\n        event.preventDefault();\n        event.stopPropagation();\n        if (event.target === this) this._handleClick();\n        return;\n      }\n      case ARROW_DOWN: {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const child = (target as SidebarElement)._childElements[0];\n\n        const isChildHidden = child?._hidden;\n        const childElement = !isChildHidden ? child : null;\n        const nextElement = childElement || target.nextElementSibling || target.parentElement.nextElementSibling;\n\n        if (nextElement?.shadowRoot) {\n          const focusTarget = nextElement.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement | null;\n          focusTarget?.focus();\n        }\n\n        return;\n      }\n      case ARROW_UP: {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const prevSiblingChildren = (target.previousElementSibling as SidebarElement)?._childElements;\n        const lastChild = prevSiblingChildren ? prevSiblingChildren[prevSiblingChildren?.length - 1] : null;\n        const isChildHidden = lastChild?._hidden;\n\n        const childElement = !isChildHidden ? lastChild : null;\n        const prevElement = childElement || target.previousElementSibling || target.parentElement;\n\n        if (prevElement?.shadowRoot) {\n          const focusTarget = prevElement.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement | null;\n          focusTarget?.focus();\n        }\n        return;\n      }\n      case ARROW_LEFT: {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this._sidebarActiveGroup === this) {\n          // when drawer is open, close it\n          if (this._showDrawer) this._handleClick();\n        } else {\n          // check if we are on the drawer, if so move back to parent\n          const childLevel = (target as SidebarElement)._childLevel;\n          if (childLevel >= 2 && this._sidebarActiveGroup?.shadowRoot) {\n            const focusTarget = this._sidebarActiveGroup.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement | null;\n            focusTarget?.focus();\n          }\n        }\n\n        return;\n      }\n      case ARROW_RIGHT: {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this._sidebarActiveGroup === this) {\n          if (this._drawerItems?.length) {\n            if (this._showDrawer) {\n              const drawerItem = this._drawerItems[0];\n              if (drawerItem?.shadowRoot) {\n                const focusTarget = drawerItem.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement | null;\n                focusTarget?.focus();\n              }\n            } else {\n              this._handleClick();\n            }\n          }\n        } else {\n          if (this._childLevel === 1 && this._childElements.length > 0) {\n            // when there is nested, we trigger click to show drawer\n            this._handleClick();\n          }\n        }\n\n        return;\n      }\n    }\n  }\n\n  /**\n   * Calculates the nesting level by counting parent sgds-sidebar-group ancestors.\n   * Level 1 = top-level element, Level 2+ = nested within another group.\n   * Updates the _childLevel state property.\n   * @internal\n   * @returns {void}\n   */\n  private getChildLevel() {\n    let currentEle = this.parentElement;\n    let level = 1;\n\n    while (currentEle.tagName.toLowerCase() === \"sgds-sidebar-group\") {\n      level += 1;\n      currentEle = currentEle.parentElement;\n    }\n\n    const isInDrawer = currentEle.classList.contains(\"sidebar-nested-overlay\");\n    this._childLevel = isInDrawer ? level + 1 : level;\n  }\n}\n"],"names":["SgdsElement","DropdownElement","__decorate","property","consume","SidebarCollapsed","state","SidebarActiveItem","SidebarActiveGroup","SidebarDrawerItems","SidebarDrawerOpen","queryAssignedElements"],"mappings":";;;;;;;;;;;;AAaA,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,QAAQ,GAAG,SAAS,CAAC;AAC3B,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,KAAK,GAAG,OAAO,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACG,MAAO,cAAe,SAAQA,sBAAW,CAAA;AAA/C,IAAA,WAAA,GAAA;;AAGE;;;;;;AAMG;QACwC,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAEtD;;;;;;;AAOG;QACwC,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;;QAKrD,IAAiB,CAAA,iBAAA,GAAG,KAAK,CAAC;;QAK1B,IAAkB,CAAA,kBAAA,GAA0B,IAAI,CAAC;;QAKjD,IAAmB,CAAA,mBAAA,GAA0B,IAAI,CAAC;;QAKlD,IAAY,CAAA,YAAA,GAA4B,IAAI,CAAC;;QAK7C,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;;QAGX,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC;AAEzB;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAE3B;;;AAGG;QACM,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAEzB;;;AAGG;QAEH,IAAc,CAAA,cAAA,GAAqB,EAAE,CAAC;;QAG7B,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;KAqK/B;IA/JC,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;AACrB,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KACvD;IAED,oBAAoB,GAAA;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC1D;AAED,IAAA,YAAY,CAAC,iBAAyC,EAAA;AACpD,QAAA,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;YAC1B,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;SACzD;KACF;AAED;;;;AAIG;IACH,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC;KAC1C;AAED;;;;;;AAMG;IACO,YAAY,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;KACnF;AAED;;;;;;AAMG;AACK,IAAA,cAAc,CAAC,KAAoB,EAAA;;AACzC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;AAE3C,QAAA,QAAQ,KAAK,CAAC,GAAG;YACf,KAAK,KAAK,EAAE;gBACV,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,gBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI;oBAAE,IAAI,CAAC,YAAY,EAAE,CAAC;gBAC/C,OAAO;aACR;YACD,KAAK,UAAU,EAAE;gBACf,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBAExB,MAAM,KAAK,GAAI,MAAyB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;gBAE3D,MAAM,aAAa,GAAG,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,OAAO,CAAC;AACrC,gBAAA,MAAM,YAAY,GAAG,CAAC,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC;AACnD,gBAAA,MAAM,WAAW,GAAG,YAAY,IAAI,MAAM,CAAC,kBAAkB,IAAI,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC;gBAEzG,IAAI,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,UAAU,EAAE;oBAC3B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAuB,CAAC;AAC7F,oBAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,KAAK,EAAE,CAAC;iBACtB;gBAED,OAAO;aACR;YACD,KAAK,QAAQ,EAAE;gBACb,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBAExB,MAAM,mBAAmB,GAAG,CAAC,EAAA,GAAA,MAAM,CAAC,sBAAyC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc,CAAC;gBAC9F,MAAM,SAAS,GAAG,mBAAmB,GAAG,mBAAmB,CAAC,CAAA,mBAAmB,KAAA,IAAA,IAAnB,mBAAmB,KAAnB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,mBAAmB,CAAE,MAAM,IAAG,CAAC,CAAC,GAAG,IAAI,CAAC;gBACpG,MAAM,aAAa,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,OAAO,CAAC;AAEzC,gBAAA,MAAM,YAAY,GAAG,CAAC,aAAa,GAAG,SAAS,GAAG,IAAI,CAAC;gBACvD,MAAM,WAAW,GAAG,YAAY,IAAI,MAAM,CAAC,sBAAsB,IAAI,MAAM,CAAC,aAAa,CAAC;gBAE1F,IAAI,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,UAAU,EAAE;oBAC3B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAuB,CAAC;AAC7F,oBAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,KAAK,EAAE,CAAC;iBACtB;gBACD,OAAO;aACR;YACD,KAAK,UAAU,EAAE;gBACf,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAExB,gBAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,IAAI,EAAE;;oBAErC,IAAI,IAAI,CAAC,WAAW;wBAAE,IAAI,CAAC,YAAY,EAAE,CAAC;iBAC3C;qBAAM;;AAEL,oBAAA,MAAM,UAAU,GAAI,MAAyB,CAAC,WAAW,CAAC;AAC1D,oBAAA,IAAI,UAAU,IAAI,CAAC,KAAI,CAAA,EAAA,GAAA,IAAI,CAAC,mBAAmB,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAU,CAAA,EAAE;AAC3D,wBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAuB,CAAC;AAC1G,wBAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,KAAK,EAAE,CAAC;qBACtB;iBACF;gBAED,OAAO;aACR;YACD,KAAK,WAAW,EAAE;gBAChB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAExB,gBAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,IAAI,EAAE;AACrC,oBAAA,IAAI,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,EAAE;AAC7B,wBAAA,IAAI,IAAI,CAAC,WAAW,EAAE;4BACpB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;4BACxC,IAAI,UAAU,aAAV,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,UAAU,CAAE,UAAU,EAAE;gCAC1B,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAuB,CAAC;AAC5F,gCAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,KAAK,EAAE,CAAC;6BACtB;yBACF;6BAAM;4BACL,IAAI,CAAC,YAAY,EAAE,CAAC;yBACrB;qBACF;iBACF;qBAAM;AACL,oBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;;wBAE5D,IAAI,CAAC,YAAY,EAAE,CAAC;qBACrB;iBACF;gBAED,OAAO;aACR;SACF;KACF;AAED;;;;;;AAMG;IACK,aAAa,GAAA;AACnB,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;QACpC,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,OAAO,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,oBAAoB,EAAE;YAChE,KAAK,IAAI,CAAC,CAAC;AACX,YAAA,UAAU,GAAG,UAAU,CAAC,aAAa,CAAC;SACvC;QAED,MAAM,UAAU,GAAG,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AAC3E,QAAA,IAAI,CAAC,WAAW,GAAG,UAAU,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC;KACnD;;AAzOM,cAAA,CAAA,MAAM,GAAGC,+BAAe,CAAC,MAAM,CAAC;AASIC,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAY,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAUXD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAW,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKrDD,gBAAA,CAAA;IAFCE,eAAO,CAAC,EAAE,OAAO,EAAEC,+BAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACvD,IAAAC,mBAAK,EAAE;AACkB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK1BJ,gBAAA,CAAA;IAFCE,eAAO,CAAC,EAAE,OAAO,EAAEG,gCAAiB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACxD,IAAAD,mBAAK,EAAE;AACyC,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKjDJ,gBAAA,CAAA;IAFCE,eAAO,CAAC,EAAE,OAAO,EAAEI,iCAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACzD,IAAAF,mBAAK,EAAE;AAC0C,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKlDJ,gBAAA,CAAA;IAFCE,eAAO,CAAC,EAAE,OAAO,EAAEK,iCAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACzD,IAAAH,mBAAK,EAAE;AACqC,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK7CJ,gBAAA,CAAA;IAFCE,eAAO,CAAC,EAAE,OAAO,EAAEM,gCAAiB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACxD,IAAAJ,mBAAK,EAAE;AACY,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGXJ,gBAAA,CAAA;AAAR,IAAAI,mBAAK,EAAE;AAAiB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMhBJ,gBAAA,CAAA;AAAR,IAAAI,mBAAK,EAAE;AAAmB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMlBJ,gBAAA,CAAA;AAAR,IAAAI,mBAAK,EAAE;AAAiB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAOzBJ,gBAAA,CAAA;AADC,IAAAI,mBAAK,EAAE;AAC8B,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG7BJ,gBAAA,CAAA;AAAR,IAAAI,mBAAK,EAAE;AAAsB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAItBJ,gBAAA,CAAA;AADP,IAAAS,mCAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACA,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/react/components/Sidebar/sidebar-element.js

@@ -1,281 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { property, state, queryAssignedElements } from 'lit/decorators.js';
-import { DropdownElement } from '../../base/dropdown-element.js';
-import SgdsElement from '../../base/sgds-element.js';
-import { consume } from '@lit/context';
-import { SidebarCollapsed, SidebarActiveItem, SidebarActiveGroup, SidebarDrawerItems, SidebarDrawerOpen } from './sidebar-context.js';
-
-const ARROW_DOWN = "ArrowDown";
-const ARROW_UP = "ArrowUp";
-const ARROW_LEFT = "ArrowLeft";
-const ARROW_RIGHT = "ArrowRight";
-const ENTER = "Enter";
-/**
- * @summary Base class for sidebar navigation components.
- * Provides core functionality for sidebar items and groups including keyboard navigation,
- * selection state management, and nesting support. This class manages hierarchical navigation,
- * active state tracking, and drawer overlay coordination through context providers.
- *
- * Features:
- * - Multi-level keyboard navigation (Arrow keys, Enter)
- * - Active state management via Lit context subscription
- * - Support for nested hierarchies up to 3 levels deep
- * - Focus management and full ARIA attribute support
- * - Event emission for sidebar coordination (i-sgds-click)
- * - Automatic child element tracking and nesting level detection
- *
- * Keyboard Navigation:
- * - Arrow Up/Down: Navigate between siblings in the same level
- * - Arrow Left/Right: Navigate hierarchically (collapse/expand or move in drawer)
- * - Enter: Activate focused item or toggle group
- *
- * Context Management:
- * - Consumes: SidebarCollapsed, SidebarActiveItem, SidebarActiveGroup, SidebarDrawerItems
- * - Updates state based on context changes for responsive UI updates
- *
- * @internal
- */
-class SidebarElement extends SgdsElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The display title/label for the sidebar element.
-         * Shown in the UI and used for accessibility labels (aria-label).
-         * @attribute title
-         * @type {string}
-         * @default ""
-         */
-        this.title = "";
-        /**
-         * The unique name identifier for the sidebar element.
-         * Used to identify selections in sgds-select events and manage active states.
-         * Should be unique among siblings in the same navigation level.
-         * @attribute name
-         * @type {string}
-         * @default ""
-         */
-        this.name = "";
-        /** @internal */
-        this._sidebarCollapsed = false;
-        /** @internal */
-        this._sidebarActiveItem = null;
-        /** @internal */
-        this._sidebarActiveGroup = null;
-        /** @internal */
-        this._drawerItems = null;
-        /** @internal Tracks whether a drawer overlay is currently open */
-        this._showDrawer = false;
-        /** @internal */
-        this._childLevel = 1;
-        /**
-         * Indicates whether this element is currently selected/active.
-         * @internal
-         */
-        this._selected = false;
-        /**
-         * Indicates whether this element should be hidden based on nesting context.
-         * @internal
-         */
-        this._hidden = false;
-        /**
-         * List of child elements assigned to this component.
-         * @internal
-         */
-        this._childElements = [];
-        /** @internal */
-        this._childActive = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.getChildLevel();
-        this.setAttribute("role", "navigation");
-        this.addEventListener("keydown", this._handleKeyDown);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener("keydown", this._handleKeyDown);
-    }
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        this.getChildLevel();
-    }
-    updated() {
-        if (this._childLevel === 2) {
-            this._hidden = !this.closest(".sidebar-nested-overlay");
-        }
-    }
-    /**
-     * Handles slot change events and updates child elements list.
-     * @internal
-     * @returns {void}
-     */
-    _handleSlotChange() {
-        this._childElements = this._defaultNodes;
-    }
-    /**
-     * Handles click/activation events on the sidebar element.
-     * Emits internal click event for parent sidebar to handle selection.
-     * @internal
-     * @param {SidebarElement} [element] - Optional element parameter (for keyboard compatibility)
-     * @returns {void}
-     */
-    _handleClick() {
-        this.emit("i-sgds-click", { detail: { element: this, level: this._childLevel } });
-    }
-    /**
-     * Handles keyboard navigation events for sidebar elements.
-     * Supports Arrow Up/Down for navigation and Arrow Left/Right for drawer management.
-     * @internal
-     * @param {KeyboardEvent} event - The keyboard event object
-     * @returns {void}
-     */
-    _handleKeyDown(event) {
-        var _a, _b, _c;
-        const target = event.target;
-        switch (event.key) {
-            case ENTER: {
-                event.preventDefault();
-                event.stopPropagation();
-                if (event.target === this)
-                    this._handleClick();
-                return;
-            }
-            case ARROW_DOWN: {
-                event.preventDefault();
-                event.stopPropagation();
-                const child = target._childElements[0];
-                const isChildHidden = child === null || child === void 0 ? void 0 : child._hidden;
-                const childElement = !isChildHidden ? child : null;
-                const nextElement = childElement || target.nextElementSibling || target.parentElement.nextElementSibling;
-                if (nextElement === null || nextElement === void 0 ? void 0 : nextElement.shadowRoot) {
-                    const focusTarget = nextElement.shadowRoot.querySelector("[tabindex]");
-                    focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
-                }
-                return;
-            }
-            case ARROW_UP: {
-                event.preventDefault();
-                event.stopPropagation();
-                const prevSiblingChildren = (_a = target.previousElementSibling) === null || _a === void 0 ? void 0 : _a._childElements;
-                const lastChild = prevSiblingChildren ? prevSiblingChildren[(prevSiblingChildren === null || prevSiblingChildren === void 0 ? void 0 : prevSiblingChildren.length) - 1] : null;
-                const isChildHidden = lastChild === null || lastChild === void 0 ? void 0 : lastChild._hidden;
-                const childElement = !isChildHidden ? lastChild : null;
-                const prevElement = childElement || target.previousElementSibling || target.parentElement;
-                if (prevElement === null || prevElement === void 0 ? void 0 : prevElement.shadowRoot) {
-                    const focusTarget = prevElement.shadowRoot.querySelector("[tabindex]");
-                    focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
-                }
-                return;
-            }
-            case ARROW_LEFT: {
-                event.preventDefault();
-                event.stopPropagation();
-                if (this._sidebarActiveGroup === this) {
-                    // when drawer is open, close it
-                    if (this._showDrawer)
-                        this._handleClick();
-                }
-                else {
-                    // check if we are on the drawer, if so move back to parent
-                    const childLevel = target._childLevel;
-                    if (childLevel >= 2 && ((_b = this._sidebarActiveGroup) === null || _b === void 0 ? void 0 : _b.shadowRoot)) {
-                        const focusTarget = this._sidebarActiveGroup.shadowRoot.querySelector("[tabindex]");
-                        focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
-                    }
-                }
-                return;
-            }
-            case ARROW_RIGHT: {
-                event.preventDefault();
-                event.stopPropagation();
-                if (this._sidebarActiveGroup === this) {
-                    if ((_c = this._drawerItems) === null || _c === void 0 ? void 0 : _c.length) {
-                        if (this._showDrawer) {
-                            const drawerItem = this._drawerItems[0];
-                            if (drawerItem === null || drawerItem === void 0 ? void 0 : drawerItem.shadowRoot) {
-                                const focusTarget = drawerItem.shadowRoot.querySelector("[tabindex]");
-                                focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
-                            }
-                        }
-                        else {
-                            this._handleClick();
-                        }
-                    }
-                }
-                else {
-                    if (this._childLevel === 1 && this._childElements.length > 0) {
-                        // when there is nested, we trigger click to show drawer
-                        this._handleClick();
-                    }
-                }
-                return;
-            }
-        }
-    }
-    /**
-     * Calculates the nesting level by counting parent sgds-sidebar-group ancestors.
-     * Level 1 = top-level element, Level 2+ = nested within another group.
-     * Updates the _childLevel state property.
-     * @internal
-     * @returns {void}
-     */
-    getChildLevel() {
-        let currentEle = this.parentElement;
-        let level = 1;
-        while (currentEle.tagName.toLowerCase() === "sgds-sidebar-group") {
-            level += 1;
-            currentEle = currentEle.parentElement;
-        }
-        const isInDrawer = currentEle.classList.contains("sidebar-nested-overlay");
-        this._childLevel = isInDrawer ? level + 1 : level;
-    }
-}
-SidebarElement.styles = DropdownElement.styles;
-__decorate([
-    property({ type: String, reflect: true })
-], SidebarElement.prototype, "title", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SidebarElement.prototype, "name", void 0);
-__decorate([
-    consume({ context: SidebarCollapsed, subscribe: true }),
-    state()
-], SidebarElement.prototype, "_sidebarCollapsed", void 0);
-__decorate([
-    consume({ context: SidebarActiveItem, subscribe: true }),
-    state()
-], SidebarElement.prototype, "_sidebarActiveItem", void 0);
-__decorate([
-    consume({ context: SidebarActiveGroup, subscribe: true }),
-    state()
-], SidebarElement.prototype, "_sidebarActiveGroup", void 0);
-__decorate([
-    consume({ context: SidebarDrawerItems, subscribe: true }),
-    state()
-], SidebarElement.prototype, "_drawerItems", void 0);
-__decorate([
-    consume({ context: SidebarDrawerOpen, subscribe: true }),
-    state()
-], SidebarElement.prototype, "_showDrawer", void 0);
-__decorate([
-    state()
-], SidebarElement.prototype, "_childLevel", void 0);
-__decorate([
-    state()
-], SidebarElement.prototype, "_selected", void 0);
-__decorate([
-    state()
-], SidebarElement.prototype, "_hidden", void 0);
-__decorate([
-    state()
-], SidebarElement.prototype, "_childElements", void 0);
-__decorate([
-    state()
-], SidebarElement.prototype, "_childActive", void 0);
-__decorate([
-    queryAssignedElements({ flatten: true })
-], SidebarElement.prototype, "_defaultNodes", void 0);
-
-export { SidebarElement };
-//# sourceMappingURL=sidebar-element.js.map

package/react/components/Sidebar/sidebar-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-element.js","sources":["../../../../src/components/Sidebar/sidebar-element.ts"],"sourcesContent":["import { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { DropdownElement } from \"../../base/dropdown-element\";\nimport { PropertyValueMap } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { consume } from \"@lit/context\";\nimport {\n  SidebarActiveGroup,\n  SidebarActiveItem,\n  SidebarCollapsed,\n  SidebarDrawerItems,\n  SidebarDrawerOpen\n} from \"./sidebar-context\";\n\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nconst ARROW_LEFT = \"ArrowLeft\";\nconst ARROW_RIGHT = \"ArrowRight\";\nconst ENTER = \"Enter\";\n\n/**\n * @summary Base class for sidebar navigation components.\n * Provides core functionality for sidebar items and groups including keyboard navigation,\n * selection state management, and nesting support. This class manages hierarchical navigation,\n * active state tracking, and drawer overlay coordination through context providers.\n *\n * Features:\n * - Multi-level keyboard navigation (Arrow keys, Enter)\n * - Active state management via Lit context subscription\n * - Support for nested hierarchies up to 3 levels deep\n * - Focus management and full ARIA attribute support\n * - Event emission for sidebar coordination (i-sgds-click)\n * - Automatic child element tracking and nesting level detection\n *\n * Keyboard Navigation:\n * - Arrow Up/Down: Navigate between siblings in the same level\n * - Arrow Left/Right: Navigate hierarchically (collapse/expand or move in drawer)\n * - Enter: Activate focused item or toggle group\n *\n * Context Management:\n * - Consumes: SidebarCollapsed, SidebarActiveItem, SidebarActiveGroup, SidebarDrawerItems\n * - Updates state based on context changes for responsive UI updates\n *\n * @internal\n */\nexport class SidebarElement extends SgdsElement {\n  static styles = DropdownElement.styles;\n\n  /**\n   * The display title/label for the sidebar element.\n   * Shown in the UI and used for accessibility labels (aria-label).\n   * @attribute title\n   * @type {string}\n   * @default \"\"\n   */\n  @property({ type: String, reflect: true }) title = \"\";\n\n  /**\n   * The unique name identifier for the sidebar element.\n   * Used to identify selections in sgds-select events and manage active states.\n   * Should be unique among siblings in the same navigation level.\n   * @attribute name\n   * @type {string}\n   * @default \"\"\n   */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** @internal */\n  @consume({ context: SidebarCollapsed, subscribe: true })\n  @state()\n  _sidebarCollapsed = false;\n\n  /** @internal */\n  @consume({ context: SidebarActiveItem, subscribe: true })\n  @state()\n  _sidebarActiveItem: SidebarElement | null = null;\n\n  /** @internal */\n  @consume({ context: SidebarActiveGroup, subscribe: true })\n  @state()\n  _sidebarActiveGroup: SidebarElement | null = null;\n\n  /** @internal */\n  @consume({ context: SidebarDrawerItems, subscribe: true })\n  @state()\n  _drawerItems: SidebarElement[] | null = null;\n\n  /** @internal Tracks whether a drawer overlay is currently open */\n  @consume({ context: SidebarDrawerOpen, subscribe: true })\n  @state()\n  _showDrawer = false;\n\n  /** @internal */\n  @state() _childLevel = 1;\n\n  /**\n   * Indicates whether this element is currently selected/active.\n   * @internal\n   */\n  @state() _selected = false;\n\n  /**\n   * Indicates whether this element should be hidden based on nesting context.\n   * @internal\n   */\n  @state() _hidden = false;\n\n  /**\n   * List of child elements assigned to this component.\n   * @internal\n   */\n  @state()\n  _childElements: SidebarElement[] = [];\n\n  /** @internal */\n  @state() _childActive = false;\n\n  /** @internal */\n  @queryAssignedElements({ flatten: true })\n  private _defaultNodes!: SidebarElement[];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.getChildLevel();\n    this.setAttribute(\"role\", \"navigation\");\n    this.addEventListener(\"keydown\", this._handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"keydown\", this._handleKeyDown);\n  }\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    this.getChildLevel();\n  }\n\n  updated() {\n    if (this._childLevel === 2) {\n      this._hidden = !this.closest(\".sidebar-nested-overlay\");\n    }\n  }\n\n  /**\n   * Handles slot change events and updates child elements list.\n   * @internal\n   * @returns {void}\n   */\n  _handleSlotChange() {\n    this._childElements = this._defaultNodes;\n  }\n\n  /**\n   * Handles click/activation events on the sidebar element.\n   * Emits internal click event for parent sidebar to handle selection.\n   * @internal\n   * @param {SidebarElement} [element] - Optional element parameter (for keyboard compatibility)\n   * @returns {void}\n   */\n  protected _handleClick() {\n    this.emit(\"i-sgds-click\", { detail: { element: this, level: this._childLevel } });\n  }\n\n  /**\n   * Handles keyboard navigation events for sidebar elements.\n   * Supports Arrow Up/Down for navigation and Arrow Left/Right for drawer management.\n   * @internal\n   * @param {KeyboardEvent} event - The keyboard event object\n   * @returns {void}\n   */\n  private _handleKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLElement;\n\n    switch (event.key) {\n      case ENTER: {\n        event.preventDefault();\n        event.stopPropagation();\n        if (event.target === this) this._handleClick();\n        return;\n      }\n      case ARROW_DOWN: {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const child = (target as SidebarElement)._childElements[0];\n\n        const isChildHidden = child?._hidden;\n        const childElement = !isChildHidden ? child : null;\n        const nextElement = childElement || target.nextElementSibling || target.parentElement.nextElementSibling;\n\n        if (nextElement?.shadowRoot) {\n          const focusTarget = nextElement.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement | null;\n          focusTarget?.focus();\n        }\n\n        return;\n      }\n      case ARROW_UP: {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const prevSiblingChildren = (target.previousElementSibling as SidebarElement)?._childElements;\n        const lastChild = prevSiblingChildren ? prevSiblingChildren[prevSiblingChildren?.length - 1] : null;\n        const isChildHidden = lastChild?._hidden;\n\n        const childElement = !isChildHidden ? lastChild : null;\n        const prevElement = childElement || target.previousElementSibling || target.parentElement;\n\n        if (prevElement?.shadowRoot) {\n          const focusTarget = prevElement.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement | null;\n          focusTarget?.focus();\n        }\n        return;\n      }\n      case ARROW_LEFT: {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this._sidebarActiveGroup === this) {\n          // when drawer is open, close it\n          if (this._showDrawer) this._handleClick();\n        } else {\n          // check if we are on the drawer, if so move back to parent\n          const childLevel = (target as SidebarElement)._childLevel;\n          if (childLevel >= 2 && this._sidebarActiveGroup?.shadowRoot) {\n            const focusTarget = this._sidebarActiveGroup.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement | null;\n            focusTarget?.focus();\n          }\n        }\n\n        return;\n      }\n      case ARROW_RIGHT: {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this._sidebarActiveGroup === this) {\n          if (this._drawerItems?.length) {\n            if (this._showDrawer) {\n              const drawerItem = this._drawerItems[0];\n              if (drawerItem?.shadowRoot) {\n                const focusTarget = drawerItem.shadowRoot.querySelector(\"[tabindex]\") as HTMLElement | null;\n                focusTarget?.focus();\n              }\n            } else {\n              this._handleClick();\n            }\n          }\n        } else {\n          if (this._childLevel === 1 && this._childElements.length > 0) {\n            // when there is nested, we trigger click to show drawer\n            this._handleClick();\n          }\n        }\n\n        return;\n      }\n    }\n  }\n\n  /**\n   * Calculates the nesting level by counting parent sgds-sidebar-group ancestors.\n   * Level 1 = top-level element, Level 2+ = nested within another group.\n   * Updates the _childLevel state property.\n   * @internal\n   * @returns {void}\n   */\n  private getChildLevel() {\n    let currentEle = this.parentElement;\n    let level = 1;\n\n    while (currentEle.tagName.toLowerCase() === \"sgds-sidebar-group\") {\n      level += 1;\n      currentEle = currentEle.parentElement;\n    }\n\n    const isInDrawer = currentEle.classList.contains(\"sidebar-nested-overlay\");\n    this._childLevel = isInDrawer ? level + 1 : level;\n  }\n}\n"],"names":[],"mappings":"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"}

package/react/components/Sidebar/sidebar-item.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`.sidebar-item{border-radius:var(--sgds-border-radius-md);cursor:pointer;padding:var(--sgds-padding-xs);transition:background-color .15s ease-in-out,color .15s ease-in-out}.sidebar-item.active,.sidebar-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidebar-item:focus,.sidebar-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-item-label-wrapper,.sidebar-item-label-wrapper>div{align-items:center;display:flex;gap:var(--sgds-gap-xs)}.sidebar-item-label-wrapper{justify-content:space-between}.sidebar-item-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;display:-webkit-box;font-size:var(--sgds-font-size-1);line-height:var(--sgds-line-height-20);max-height:calc(var(--sgds-line-height-20, 20px)*2);overflow:hidden}.sidebar-item-label.offset{margin-left:var(--sgds-margin-2-xl)}.sidebar-item-label-wrapper .sidebar-item.active{background-color:var(--sgds-surface-raised);color:var(--sgds-primary-color-default)}.sidebar-item-label-wrapper .sidebar-item-trailingIcon{align-items:center;display:flex;gap:var(--sgds-gap-2-xs)}.sidebar-item--collapsed .sidebar-item-label,.sidebar-item--collapsed .sidebar-item-trailingIcon{display:none}.sidebar-item--collapsed .sidebar-item-label-wrapper{justify-content:center}.sidebar-submenu{overflow:hidden}.sidebar-submenu>div{margin-top:-100%;opacity:0;pointer-events:none;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.sidebar-submenu.show>div{margin-top:0;opacity:1;pointer-events:auto}.sidebar-submenu--collapsed{display:none}`;
-
-exports["default"] = css_248z;
-//# sourceMappingURL=sidebar-item.cjs.js.map

package/react/components/Sidebar/sidebar-item.cjs.js.map

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