@origostudio/origo-design 0.0.53 → 0.0.54

package/CHANGELOG.md

@@ -1,9 +1,10 @@
-## 0.0.53 (2026-10-09)
+## 0.0.54 (2026-10-13)
 
 ### 🚀 Features
 
-- add implementation artifact and sprint status for file input and rich text editor story ([c476a9f](https://github.com/OrigoStudio/origo-design/commit/c476a9f))
-- implement file-input, dropzone, and rich-text-editor angular primitives ([69cc864](https://github.com/OrigoStudio/origo-design/commit/69cc864))
+- add sprint status tracking and retrospective story for overlay portal architecture ([bddb8a6](https://github.com/OrigoStudio/origo-design/commit/bddb8a6))
+- implement Angular overlay and portal architecture with Shadow DOM support ([954c255](https://github.com/OrigoStudio/origo-design/commit/954c255))
+- implement Angular overlay and portal architecture service for angular-renderer ([fe0c96a](https://github.com/OrigoStudio/origo-design/commit/fe0c96a))
 
 ### ❤️ Thank You
 

package/dist/packages/angular-renderer/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 0.0.54 (2026-10-13)
+
+### 🚀 Features
+
+- implement Angular overlay and portal architecture service for angular-renderer ([fe0c96a](https://github.com/OrigoStudio/origo-design/commit/fe0c96a))
+- implement Angular overlay and portal architecture with Shadow DOM support ([954c255](https://github.com/OrigoStudio/origo-design/commit/954c255))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.53 (2026-10-09)
 
 ### 🚀 Features

package/dist/packages/angular-renderer/package.json

@@ -1,24 +1,29 @@
 {
   "name": "@origostudio/angular-renderer",
-  "version": "0.0.53",
+  "version": "0.0.54",
   "private": false,
   "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@origostudio/core": "0.0.53",
-    "@origostudio/design-tokens": "0.0.53",
+    "@origostudio/core": "0.0.54",
+    "@origostudio/design-tokens": "0.0.54",
     "tslib": "^2.3.0",
     "@analogjs/vite-plugin-angular": "^2.7.1",
     "zone.js": "^0.16.3",
-    "@axe-core/playwright": "^4.13.0"
+    "@axe-core/playwright": "^4.13.0",
+    "rxjs": "~7.8.0"
   },
   "peerDependencies": {
+    "@angular/cdk": ">=18.0.0",
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
     "@angular/forms": ">=18.0.0",
     "@angular/platform-browser": ">=18.0.0"
   },
+  "devDependencies": {
+    "@angular/cdk": "22.0.7"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/OrigoStudio/origo-design.git"

package/dist/packages/angular-renderer/src/index.d.ts

@@ -39,3 +39,6 @@ export * from './components/primitives/divider/divider.component';
 export * from './components/primitives/file-input/file-input.component';
 export * from './components/primitives/dropzone/dropzone.component';
 export * from './components/primitives/rich-text-editor/rich-text-editor.component';
+export * from './lib/overlay/overlay.models';
+export * from './lib/overlay/overlay-ref';
+export * from './lib/overlay/overlay.service';

package/dist/packages/angular-renderer/src/index.js

@@ -44,4 +44,7 @@ tslib_1.__exportStar(require("./components/primitives/divider/divider.component"
 tslib_1.__exportStar(require("./components/primitives/file-input/file-input.component"), exports);
 tslib_1.__exportStar(require("./components/primitives/dropzone/dropzone.component"), exports);
 tslib_1.__exportStar(require("./components/primitives/rich-text-editor/rich-text-editor.component"), exports);
+tslib_1.__exportStar(require("./lib/overlay/overlay.models"), exports);
+tslib_1.__exportStar(require("./lib/overlay/overlay-ref"), exports);
+tslib_1.__exportStar(require("./lib/overlay/overlay.service"), exports);
 //# sourceMappingURL=index.js.map

package/dist/packages/angular-renderer/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular-renderer/src/index.ts"],"names":[],"mappings":";;;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,gEAAsC;AACtC,kDAAqF;AAA5E,8GAAA,mBAAmB,OAAA;AAAE,iHAAA,sBAAsB,OAAA;AAEpD,sFAA4D;AAC5D,kGAAwE;AACxE,0FAAgE;AAChE,oGAA0E;AAC1E,sGAA4E;AAC5E,0HAAgG;AAChG,qDAA2B;AAC3B,0FAAgE;AAChE,sGAA4E;AAC5E,sGAA4E;AAC5E,8FAAoE;AACpE,8FAAoE;AACpE,oGAA0E;AAC1E,8FAAoE;AACpE,sFAA4D;AAC5D,wFAA8D;AAC9D,kGAAwE;AACxE,oEAA0C;AAC1C,gGAAsE;AACtE,sFAA4D;AAC5D,sFAA4D;AAC5D,4FAAkE;AAClE,sFAA4D;AAC5D,oGAA0E;AAC1E,oFAA0D;AAC1D,sGAA4E;AAC5E,oGAA0E;AAC1E,oGAA0E;AAC1E,gHAAsF;AACtF,gGAAsE;AACtE,sFAA4D;AAC5D,wFAA8D;AAC9D,4FAAkE;AAClE,kGAAwE;AACxE,8FAAoE;AACpE,8GAAoF"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular-renderer/src/index.ts"],"names":[],"mappings":";;;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,gEAAsC;AACtC,kDAAqF;AAA5E,8GAAA,mBAAmB,OAAA;AAAE,iHAAA,sBAAsB,OAAA;AAEpD,sFAA4D;AAC5D,kGAAwE;AACxE,0FAAgE;AAChE,oGAA0E;AAC1E,sGAA4E;AAC5E,0HAAgG;AAChG,qDAA2B;AAC3B,0FAAgE;AAChE,sGAA4E;AAC5E,sGAA4E;AAC5E,8FAAoE;AACpE,8FAAoE;AACpE,oGAA0E;AAC1E,8FAAoE;AACpE,sFAA4D;AAC5D,wFAA8D;AAC9D,kGAAwE;AACxE,oEAA0C;AAC1C,gGAAsE;AACtE,sFAA4D;AAC5D,sFAA4D;AAC5D,4FAAkE;AAClE,sFAA4D;AAC5D,oGAA0E;AAC1E,oFAA0D;AAC1D,sGAA4E;AAC5E,oGAA0E;AAC1E,oGAA0E;AAC1E,gHAAsF;AACtF,gGAAsE;AACtE,sFAA4D;AAC5D,wFAA8D;AAC9D,4FAAkE;AAClE,kGAAwE;AACxE,8FAAoE;AACpE,8GAAoF;AACpF,uEAA6C;AAC7C,oEAA0C;AAC1C,wEAA8C"}

package/dist/packages/angular-renderer/src/lib/overlay/overlay-ref.d.ts

@@ -0,0 +1,40 @@
+import { DestroyRef, ViewContainerRef } from '@angular/core';
+import { OverlayRef as CdkOverlayRef } from '@angular/cdk/overlay';
+import { OrigoOverlayConfig, OrigoOverlayContent, OrigoOverlayRef } from './overlay.models';
+export declare const ORIGO_OVERLAY_FOCUSABLE_SELECTOR = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])";
+export declare function getDeepActiveElement(doc: Document | null): Element | null;
+export declare class OrigoNoopOverlayRef<T = unknown> implements OrigoOverlayRef<T> {
+    readonly id: string;
+    readonly isOpen = false;
+    constructor(id?: string);
+    open(): void;
+    close(): void;
+    afterClosed(): Promise<T | undefined>;
+    updatePosition(): void;
+    dispose(): void;
+}
+export declare class OrigoOverlayRefImpl<T = unknown> implements OrigoOverlayRef<T> {
+    private readonly cdkOverlayRef;
+    private readonly config;
+    private readonly document;
+    readonly id: string;
+    private _isOpen;
+    private previousFocusedElement;
+    private afterClosedResolve;
+    private afterClosedPromise;
+    private documentClickListener;
+    private documentKeydownListener;
+    private backdropSub;
+    private resizeObserver;
+    private initialFocusTimeout;
+    constructor(id: string, cdkOverlayRef: CdkOverlayRef, config: OrigoOverlayConfig, document: Document | null, destroyRef?: DestroyRef);
+    get isOpen(): boolean;
+    open(content?: OrigoOverlayContent, viewContainerRef?: ViewContainerRef): void;
+    private setupListeners;
+    private cleanupListeners;
+    private syncTriggerAria;
+    close(result?: T): void;
+    afterClosed(): Promise<T | undefined>;
+    updatePosition(): void;
+    dispose(): void;
+}

package/dist/packages/angular-renderer/src/lib/overlay/overlay-ref.js

@@ -0,0 +1,248 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrigoOverlayRefImpl = exports.OrigoNoopOverlayRef = exports.ORIGO_OVERLAY_FOCUSABLE_SELECTOR = void 0;
+exports.getDeepActiveElement = getDeepActiveElement;
+const core_1 = require("@angular/core");
+const portal_1 = require("@angular/cdk/portal");
+exports.ORIGO_OVERLAY_FOCUSABLE_SELECTOR = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])';
+function getDeepActiveElement(doc) {
+    if (!doc)
+        return null;
+    let active = doc.activeElement;
+    while (active && active.shadowRoot && active.shadowRoot.activeElement) {
+        active = active.shadowRoot.activeElement;
+    }
+    return active;
+}
+class OrigoNoopOverlayRef {
+    id;
+    isOpen = false;
+    constructor(id = 'noop-overlay') {
+        this.id = id;
+    }
+    open() {
+        /* No-op in SSR */
+    }
+    close() {
+        /* No-op in SSR */
+    }
+    afterClosed() {
+        return Promise.resolve(undefined);
+    }
+    updatePosition() {
+        /* No-op in SSR */
+    }
+    dispose() {
+        /* No-op in SSR */
+    }
+}
+exports.OrigoNoopOverlayRef = OrigoNoopOverlayRef;
+class OrigoOverlayRefImpl {
+    cdkOverlayRef;
+    config;
+    document;
+    id;
+    _isOpen = false;
+    previousFocusedElement = null;
+    afterClosedResolve;
+    afterClosedPromise;
+    documentClickListener = null;
+    documentKeydownListener = null;
+    backdropSub = null;
+    resizeObserver = null;
+    initialFocusTimeout = null;
+    constructor(id, cdkOverlayRef, config, document, destroyRef) {
+        this.cdkOverlayRef = cdkOverlayRef;
+        this.config = config;
+        this.document = document;
+        this.id = id;
+        this.afterClosedPromise = new Promise(resolve => {
+            this.afterClosedResolve = resolve;
+        });
+        if (destroyRef) {
+            destroyRef.onDestroy(() => {
+                this.dispose();
+            });
+        }
+        // Auto-reposition on target resize if requested
+        if (this.config.position.type === 'connected' &&
+            this.config.position.autoRepositionOnResize !== false &&
+            typeof ResizeObserver !== 'undefined') {
+            const targetEl = this.config.position.target instanceof core_1.ElementRef
+                ? this.config.position.target.nativeElement
+                : this.config.position.target;
+            if (targetEl) {
+                this.resizeObserver = new ResizeObserver(() => {
+                    if (this._isOpen) {
+                        this.updatePosition();
+                    }
+                });
+                this.resizeObserver.observe(targetEl);
+            }
+        }
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+    open(content, viewContainerRef) {
+        if (this._isOpen)
+            return;
+        if (!content && !this.cdkOverlayRef.hasAttached()) {
+            throw new Error('[OrigoOverlayRef] Content is required to open overlay. Provide a TemplateRef or Component Type.');
+        }
+        this.previousFocusedElement = getDeepActiveElement(this.document);
+        const effectiveVcr = viewContainerRef ?? this.config.viewContainerRef;
+        if (content) {
+            if (content instanceof core_1.TemplateRef) {
+                if (!effectiveVcr) {
+                    throw new Error('[OrigoOverlayRef] Opening a TemplateRef requires a ViewContainerRef. Provide it in OrigoOverlayConfig.viewContainerRef or open(template, viewContainerRef).');
+                }
+                const portal = new portal_1.TemplatePortal(content, effectiveVcr);
+                this.cdkOverlayRef.attach(portal);
+            }
+            else {
+                const portal = new portal_1.ComponentPortal(content, effectiveVcr ?? null);
+                this.cdkOverlayRef.attach(portal);
+            }
+        }
+        this._isOpen = true;
+        this.syncTriggerAria(true);
+        this.setupListeners();
+    }
+    setupListeners() {
+        const overlayPane = this.cdkOverlayRef.overlayElement;
+        // 1. Backdrop click
+        if (this.config.hasBackdrop && this.config.closeOnBackdropClick !== false) {
+            this.backdropSub = this.cdkOverlayRef.backdropClick().subscribe(() => {
+                this.close();
+            });
+        }
+        // 2. Outside click with event.composedPath() Shadow DOM piercing
+        if (this.config.closeOnOutsideClick !== false && this.document) {
+            const triggerEl = this.config.position.type === 'connected'
+                ? this.config.position.target instanceof core_1.ElementRef
+                    ? this.config.position.target.nativeElement
+                    : this.config.position.target
+                : null;
+            this.documentClickListener = (event) => {
+                if (!this._isOpen)
+                    return;
+                // Piercing Shadow DOM boundary via composedPath()
+                const path = event.composedPath ? event.composedPath() : [];
+                const isInsideOverlay = overlayPane && (path.includes(overlayPane) || overlayPane.contains(event.target));
+                const isInsideTrigger = triggerEl && (path.includes(triggerEl) || triggerEl.contains(event.target));
+                if (!isInsideOverlay && !isInsideTrigger) {
+                    this.close();
+                }
+            };
+            this.document.addEventListener('click', this.documentClickListener, true);
+        }
+        // 3. Keydown handling (Escape & Focus Trap)
+        if (this.document) {
+            this.documentKeydownListener = (event) => {
+                if (!this._isOpen)
+                    return;
+                if (this.config.closeOnEscape !== false && event.key === 'Escape') {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this.close();
+                    return;
+                }
+                if (this.config.trapFocus && event.key === 'Tab' && overlayPane) {
+                    const focusables = overlayPane.querySelectorAll(exports.ORIGO_OVERLAY_FOCUSABLE_SELECTOR);
+                    if (focusables.length === 0)
+                        return;
+                    const first = focusables[0];
+                    const last = focusables[focusables.length - 1];
+                    const active = getDeepActiveElement(this.document);
+                    if (event.shiftKey) {
+                        if (active === first || !overlayPane.contains(active)) {
+                            event.preventDefault();
+                            last.focus();
+                        }
+                    }
+                    else {
+                        if (active === last || !overlayPane.contains(active)) {
+                            event.preventDefault();
+                            first.focus();
+                        }
+                    }
+                }
+            };
+            this.document.addEventListener('keydown', this.documentKeydownListener, true);
+        }
+        // 4. Initial Focus
+        if (this.config.trapFocus && overlayPane) {
+            this.initialFocusTimeout = setTimeout(() => {
+                if (!this._isOpen)
+                    return;
+                const firstFocusable = overlayPane.querySelector(exports.ORIGO_OVERLAY_FOCUSABLE_SELECTOR);
+                if (firstFocusable) {
+                    firstFocusable.focus();
+                }
+            }, 0);
+        }
+    }
+    cleanupListeners() {
+        if (this.initialFocusTimeout) {
+            clearTimeout(this.initialFocusTimeout);
+            this.initialFocusTimeout = null;
+        }
+        if (this.documentClickListener && this.document) {
+            this.document.removeEventListener('click', this.documentClickListener, true);
+            this.documentClickListener = null;
+        }
+        if (this.documentKeydownListener && this.document) {
+            this.document.removeEventListener('keydown', this.documentKeydownListener, true);
+            this.documentKeydownListener = null;
+        }
+        if (this.backdropSub) {
+            this.backdropSub.unsubscribe();
+            this.backdropSub = null;
+        }
+    }
+    syncTriggerAria(open) {
+        const triggerEl = this.config.position.type === 'connected'
+            ? this.config.position.target instanceof core_1.ElementRef
+                ? this.config.position.target.nativeElement
+                : this.config.position.target
+            : null;
+        if (triggerEl && typeof triggerEl.setAttribute === 'function') {
+            triggerEl.setAttribute('aria-expanded', open ? 'true' : 'false');
+            if (open && !triggerEl.hasAttribute('aria-controls')) {
+                triggerEl.setAttribute('aria-controls', this.id);
+            }
+        }
+    }
+    close(result) {
+        if (!this._isOpen)
+            return;
+        this.cleanupListeners();
+        this.syncTriggerAria(false);
+        if (this.cdkOverlayRef.hasAttached()) {
+            this.cdkOverlayRef.detach();
+        }
+        this._isOpen = false;
+        // Restore focus into originating element (pierces Shadow DOM)
+        if (this.previousFocusedElement && typeof this.previousFocusedElement.focus === 'function') {
+            this.previousFocusedElement.focus();
+        }
+        this.afterClosedResolve(result);
+    }
+    afterClosed() {
+        return this.afterClosedPromise;
+    }
+    updatePosition() {
+        this.cdkOverlayRef.updatePosition();
+    }
+    dispose() {
+        this.close();
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+        this.cdkOverlayRef.dispose();
+    }
+}
+exports.OrigoOverlayRefImpl = OrigoOverlayRefImpl;
+//# sourceMappingURL=overlay-ref.js.map

package/dist/packages/angular-renderer/src/lib/overlay/overlay-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-ref.js","sourceRoot":"","sources":["../../../../../../packages/angular-renderer/src/lib/overlay/overlay-ref.ts"],"names":[],"mappings":"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"}

package/dist/packages/angular-renderer/src/lib/overlay/overlay.models.d.ts

@@ -0,0 +1,51 @@
+import { ElementRef, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+export type OrigoOverlayOriginX = 'start' | 'end' | 'center';
+export type OrigoOverlayOriginY = 'top' | 'bottom' | 'center';
+export type OrigoGlobalPositionAlignment = 'center' | 'top' | 'bottom' | 'start' | 'end';
+export interface OrigoConnectedPositionConfig {
+    type: 'connected';
+    target: ElementRef<HTMLElement> | HTMLElement;
+    originX?: OrigoOverlayOriginX;
+    originY?: OrigoOverlayOriginY;
+    overlayX?: OrigoOverlayOriginX;
+    overlayY?: OrigoOverlayOriginY;
+    offset?: [number, number];
+    autoRepositionOnResize?: boolean;
+}
+export interface OrigoGlobalPositionConfig {
+    type: 'global';
+    position?: OrigoGlobalPositionAlignment;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minHeight?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+}
+export type OrigoOverlayPosition = OrigoConnectedPositionConfig | OrigoGlobalPositionConfig;
+export type OrigoConnectedPositionStrategy = OrigoConnectedPositionConfig;
+export type OrigoGlobalPositionStrategy = OrigoGlobalPositionConfig;
+export type OrigoOverlayPositionStrategy = OrigoOverlayPosition;
+export type OrigoOverlayContent<C = unknown> = TemplateRef<C> | Type<unknown>;
+export interface OrigoOverlayConfig {
+    position: OrigoOverlayPosition;
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    panelClass?: string | string[];
+    closeOnBackdropClick?: boolean;
+    closeOnOutsideClick?: boolean;
+    closeOnEscape?: boolean;
+    trapFocus?: boolean;
+    viewContainerRef?: ViewContainerRef;
+    direction?: 'ltr' | 'rtl';
+    themeScope?: string;
+}
+export interface OrigoOverlayRef<T = unknown> {
+    readonly id: string;
+    readonly isOpen: boolean;
+    open(content?: OrigoOverlayContent, viewContainerRef?: ViewContainerRef): void;
+    close(result?: T): void;
+    afterClosed(): Promise<T | undefined>;
+    updatePosition(): void;
+    dispose(): void;
+}

package/dist/packages/angular-renderer/src/lib/overlay/overlay.models.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=overlay.models.js.map

package/dist/packages/angular-renderer/src/lib/overlay/overlay.models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.models.js","sourceRoot":"","sources":["../../../../../../packages/angular-renderer/src/lib/overlay/overlay.models.ts"],"names":[],"mappings":""}

package/dist/packages/angular-renderer/src/lib/overlay/overlay.service.d.ts

@@ -0,0 +1,12 @@
+import { DestroyRef } from '@angular/core';
+import { OrigoOverlayConfig, OrigoOverlayRef } from './overlay.models';
+export declare class OrigoOverlayService {
+    private readonly overlay;
+    private readonly platformId;
+    private readonly document;
+    get isBrowser(): boolean;
+    create<T = unknown>(config: OrigoOverlayConfig, destroyRef?: DestroyRef): OrigoOverlayRef<T>;
+    private buildPositionStrategy;
+    private resolvePanelClasses;
+    private resolveDirection;
+}