@govtechsg/sgds-web-component 3.11.0 → 3.12.0-rc.1

package/base/sidebar-element.d.ts

@@ -0,0 +1,112 @@
+import { PropertyValueMap } from "lit";
+import SgdsElement from "./sgds-element";
+/**
+ * @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
+ */
+export declare class SidebarElement extends SgdsElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The display title/label for the sidebar element.
+     * Shown in the UI and used for accessibility labels (aria-label).
+     * @attribute title
+     * @type {string}
+     * @default ""
+     */
+    title: string;
+    /**
+     * 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 ""
+     */
+    name: string;
+    /** @internal */
+    _sidebarCollapsed: boolean;
+    /** @internal */
+    _sidebarActiveItem: SidebarElement | null;
+    /** @internal */
+    _sidebarActiveGroup: SidebarElement | null;
+    /** @internal */
+    _drawerItems: SidebarElement[] | null;
+    /** @internal Tracks whether a drawer overlay is currently open */
+    _showDrawer: boolean;
+    /** @internal */
+    _childLevel: number;
+    /**
+     * Indicates whether this element is currently selected/active.
+     * @internal
+     */
+    _selected: boolean;
+    /**
+     * Indicates whether this element should be hidden based on nesting context.
+     * @internal
+     */
+    _hidden: boolean;
+    /**
+     * List of child elements assigned to this component.
+     * @internal
+     */
+    _childElements: SidebarElement[];
+    /** @internal */
+    _childActive: boolean;
+    /** @internal */
+    private _defaultNodes;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(changedProperties: PropertyValueMap<this>): void;
+    updated(): void;
+    /**
+     * Handles slot change events and updates child elements list.
+     * @internal
+     * @returns {void}
+     */
+    _handleSlotChange(): void;
+    /**
+     * 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(): void;
+    /**
+     * 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}
+     */
+    private _handleKeyDown;
+    /**
+     * Calculates the nesting level by counting parent sgds-sidebar-group ancestors.
+     * Level 0 = top-level element, Level 1+ = nested within another group.
+     * Updates the _childLevel state property.
+     * @internal
+     * @returns {void}
+     */
+    private getChildLevel;
+}

package/base/sidebar-element.js

@@ -0,0 +1,281 @@
+import { __decorate } from 'tslib';
+import { property, state, queryAssignedElements } from 'lit/decorators.js';
+import { DropdownElement } from './dropdown-element.js';
+import SgdsElement from './sgds-element.js';
+import { consume } from '@lit/context';
+import { SidebarCollapsed, SidebarActiveItem, SidebarActiveGroup, SidebarDrawerItems, SidebarDrawerOpen } from '../components/Sidebar/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 = 0;
+        /**
+         * 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", "option");
+        this.setAttribute("aria-label", this.title || this.name);
+        this.addEventListener("keydown", this._handleKeyDown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener("keydown", this._handleKeyDown);
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.getChildLevel();
+    }
+    updated() {
+        if (this._childLevel === 1) {
+            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 >= 1 && ((_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 === 0 && 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 0 = top-level element, Level 1+ = nested within another group.
+     * Updates the _childLevel state property.
+     * @internal
+     * @returns {void}
+     */
+    getChildLevel() {
+        let currentEle = this.parentElement;
+        let level = 0;
+        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/base/sidebar-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-element.js","sources":["../../src/base/sidebar-element.ts"],"sourcesContent":["import { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { DropdownElement } from \"./dropdown-element\";\nimport { PropertyValueMap } from \"lit\";\nimport SgdsElement from \"./sgds-element\";\nimport { consume } from \"@lit/context\";\nimport {\n  SidebarActiveGroup,\n  SidebarActiveItem,\n  SidebarCollapsed,\n  SidebarDrawerItems,\n  SidebarDrawerOpen\n} from \"../components/Sidebar/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 = 0;\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\", \"option\");\n    this.setAttribute(\"aria-label\", this.title || this.name);\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 === 1) {\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  _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 >= 1 && 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 === 0 && 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 0 = top-level element, Level 1+ = 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 = 0;\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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"}