@origostudio/origo-design 0.0.55 → 0.0.57

package/CHANGELOG.md

@@ -1,10 +1,9 @@
-## 0.0.55 (2026-10-13)
+## 0.0.57 (2026-10-15)
 
 ### 🚀 Features
 
-- add sprint status tracking and story for navigation components ([e4088b9](https://github.com/OrigoStudio/origo-design/commit/e4088b9))
-- add stepper, pagination, tabs, and breadcrumbs primitive components to angular-renderer ([915495f](https://github.com/OrigoStudio/origo-design/commit/915495f))
-- implement navigation primitives including breadcrumbs, pagination, tabs, and stepper components ([7591e16](https://github.com/OrigoStudio/origo-design/commit/7591e16))
+- add angular primitive components including overlays, dialogs, and notifications ([9c962b8](https://github.com/OrigoStudio/origo-design/commit/9c962b8))
+- implement messaging and notification primitive components in angular-renderer ([84687eb](https://github.com/OrigoStudio/origo-design/commit/84687eb))
 
 ### ❤️ Thank You
 

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

@@ -1,3 +1,25 @@
+## 0.0.57 (2026-10-15)
+
+### 🚀 Features
+
+- implement messaging and notification primitive components in angular-renderer ([84687eb](https://github.com/OrigoStudio/origo-design/commit/84687eb))
+- add angular primitive components including overlays, dialogs, and notifications ([9c962b8](https://github.com/OrigoStudio/origo-design/commit/9c962b8))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.56 (2026-10-13)
+
+### 🚀 Features
+
+- implement modal and overlay primitives including dialog, drawer, popover, and tooltip components ([ca3030d](https://github.com/OrigoStudio/origo-design/commit/ca3030d))
+- implement modal and overlay primitives with shadow DOM support and focus trapping ([0c8b1b8](https://github.com/OrigoStudio/origo-design/commit/0c8b1b8))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.55 (2026-10-13)
 
 ### 🚀 Features

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

@@ -1,13 +1,13 @@
 {
   "name": "@origostudio/angular-renderer",
-  "version": "0.0.55",
+  "version": "0.0.57",
   "private": false,
   "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@origostudio/core": "0.0.55",
-    "@origostudio/design-tokens": "0.0.55",
+    "@origostudio/core": "0.0.57",
+    "@origostudio/design-tokens": "0.0.57",
     "tslib": "^2.3.0",
     "@analogjs/vite-plugin-angular": "^2.7.1",
     "zone.js": "^0.16.3",

package/dist/packages/angular-renderer/src/components/primitives/alert/alert.component.d.ts

@@ -0,0 +1,92 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+export interface AlertAction {
+    label: string;
+    action: string;
+    variant?: 'primary' | 'secondary' | 'text' | string;
+}
+export interface AlertProps {
+    visible?: boolean;
+    severity?: 'info' | 'success' | 'warn' | 'warning' | 'error';
+    title?: string;
+    message?: string;
+    text?: string;
+    icon?: string;
+    closable?: boolean;
+    variant?: 'standard' | 'outlined' | 'filled';
+    actions?: AlertAction[];
+    life?: number;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare const AlertContractSchema: {
+    readonly visible: "boolean";
+    readonly severity: "string";
+    readonly title: "string";
+    readonly message: "string";
+    readonly text: "string";
+    readonly icon: "string";
+    readonly closable: "boolean";
+    readonly variant: "string";
+    readonly actions: "array";
+    readonly life: "number";
+    readonly permissions: "object";
+    readonly rules: "object";
+    readonly metadata: "object";
+    readonly 'aria-label': "string";
+    readonly 'aria-describedby': "string";
+};
+export declare class AlertComponent implements OrigoAdapter<AlertProps>, ContainerComponent {
+    static readonly contractSchema: {
+        readonly visible: "boolean";
+        readonly severity: "string";
+        readonly title: "string";
+        readonly message: "string";
+        readonly text: "string";
+        readonly icon: "string";
+        readonly closable: "boolean";
+        readonly variant: "string";
+        readonly actions: "array";
+        readonly life: "number";
+        readonly permissions: "object";
+        readonly rules: "object";
+        readonly metadata: "object";
+        readonly 'aria-label': "string";
+        readonly 'aria-describedby': "string";
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<AlertProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    close: import("@angular/core").OutputEmitterRef<void>;
+    action: import("@angular/core").OutputEmitterRef<{
+        action: string;
+        data?: unknown;
+    }>;
+    visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
+    private experienceAdapter;
+    private destroyRef;
+    private platformId;
+    private autoDismissTimer;
+    private readonly manuallyClosed;
+    readonly isVisible: import("@angular/core").Signal<boolean>;
+    readonly coercedProps: import("@angular/core").Signal<AlertProps>;
+    readonly normalizedSeverity: import("@angular/core").Signal<"info" | "success" | "warning" | "error">;
+    readonly computedVariant: import("@angular/core").Signal<"outlined" | "filled" | "standard">;
+    readonly computedTitle: import("@angular/core").Signal<string | undefined>;
+    readonly computedMessage: import("@angular/core").Signal<string>;
+    readonly isClosable: import("@angular/core").Signal<boolean>;
+    readonly actions: import("@angular/core").Signal<AlertAction[]>;
+    readonly customIcon: import("@angular/core").Signal<string | undefined>;
+    readonly role: import("@angular/core").Signal<"alert" | "status">;
+    readonly ariaLive: import("@angular/core").Signal<"assertive" | "polite">;
+    readonly ariaLabel: import("@angular/core").Signal<string | undefined>;
+    readonly ariaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    constructor();
+    private clearTimer;
+    onClose(): void;
+    onActionClick(act: AlertAction): void;
+}

package/dist/packages/angular-renderer/src/components/primitives/alert/alert.component.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertComponent = exports.AlertContractSchema = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const common_1 = require("@angular/common");
+const adapter_1 = require("../../../adapters/web/adapter");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+exports.AlertContractSchema = {
+    visible: 'boolean',
+    severity: 'string',
+    title: 'string',
+    message: 'string',
+    text: 'string',
+    icon: 'string',
+    closable: 'boolean',
+    variant: 'string',
+    actions: 'array',
+    life: 'number',
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+};
+let AlertComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-alert',
+            standalone: true,
+            imports: [common_1.CommonModule],
+            templateUrl: './alert.component.html',
+            styleUrls: ['./alert.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-alert-host]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[class.origo-alert--hidden]': '!isVisible()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var AlertComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            AlertComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = exports.AlertContractSchema;
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = (0, core_1.viewChild)('vc', { read: core_1.ViewContainerRef });
+        close = (0, core_1.output)();
+        action = (0, core_1.output)();
+        visibleChange = (0, core_1.output)();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        destroyRef = (0, core_1.inject)(core_1.DestroyRef);
+        platformId = (0, core_1.inject)(core_1.PLATFORM_ID);
+        autoDismissTimer = null;
+        manuallyClosed = (0, core_1.signal)(false);
+        isVisible = (0, core_1.computed)(() => {
+            if (this.manuallyClosed())
+                return false;
+            return this.coercedProps().visible !== false;
+        });
+        coercedProps = (0, core_1.computed)(() => (0, adapter_1.coerceContractProps)(this.contract()?.props, exports.AlertContractSchema));
+        normalizedSeverity = (0, core_1.computed)(() => {
+            const sev = this.coercedProps().severity?.toLowerCase();
+            if (sev === 'warn' || sev === 'warning')
+                return 'warning';
+            if (sev === 'error')
+                return 'error';
+            if (sev === 'success')
+                return 'success';
+            return 'info';
+        });
+        computedVariant = (0, core_1.computed)(() => this.coercedProps().variant || 'standard');
+        computedTitle = (0, core_1.computed)(() => this.coercedProps().title);
+        computedMessage = (0, core_1.computed)(() => this.coercedProps().message ?? this.coercedProps().text ?? '');
+        isClosable = (0, core_1.computed)(() => this.coercedProps().closable === true);
+        actions = (0, core_1.computed)(() => this.coercedProps().actions ?? []);
+        customIcon = (0, core_1.computed)(() => this.coercedProps().icon);
+        role = (0, core_1.computed)(() => {
+            const sev = this.normalizedSeverity();
+            return sev === 'error' || sev === 'warning' ? 'alert' : 'status';
+        });
+        ariaLive = (0, core_1.computed)(() => {
+            const sev = this.normalizedSeverity();
+            return sev === 'error' || sev === 'warning' ? 'assertive' : 'polite';
+        });
+        ariaLabel = (0, core_1.computed)(() => this.coercedProps()['aria-label']);
+        ariaDescribedBy = (0, core_1.computed)(() => this.coercedProps()['aria-describedby']);
+        constructor() {
+            this.destroyRef.onDestroy(() => this.clearTimer());
+            (0, core_1.effect)(() => {
+                const props = this.coercedProps();
+                const contractVisible = props.visible !== false;
+                this.clearTimer();
+                if (contractVisible && props.life && props.life > 0 && (0, common_1.isPlatformBrowser)(this.platformId)) {
+                    this.autoDismissTimer = setTimeout(() => {
+                        this.onClose();
+                    }, props.life);
+                }
+            });
+        }
+        clearTimer() {
+            if (this.autoDismissTimer) {
+                clearTimeout(this.autoDismissTimer);
+                this.autoDismissTimer = null;
+            }
+        }
+        onClose() {
+            this.clearTimer();
+            this.manuallyClosed.set(true);
+            this.visibleChange.emit(false);
+            this.close.emit();
+            if (this.contract()?.id) {
+                this.experienceAdapter.updateState(this.contract().id, 'visible', false);
+            }
+        }
+        onActionClick(act) {
+            this.action.emit({ action: act.action, data: act });
+            if (this.contract()?.id) {
+                this.experienceAdapter.dispatchCapability(this.contract().id, act.action, act);
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return AlertComponent = _classThis;
+})();
+exports.AlertComponent = AlertComponent;
+//# sourceMappingURL=alert.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/alert/alert.component.js.map

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

package/dist/packages/angular-renderer/src/components/primitives/banner/banner.component.d.ts

@@ -0,0 +1,99 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+export interface BannerAction {
+    label: string;
+    action: string;
+    variant?: 'primary' | 'secondary' | 'text' | string;
+}
+export interface BannerProps {
+    visible?: boolean;
+    severity?: 'info' | 'success' | 'warn' | 'warning' | 'error';
+    title?: string;
+    message?: string;
+    text?: string;
+    icon?: string;
+    closable?: boolean;
+    sticky?: boolean;
+    fluid?: boolean;
+    variant?: 'standard' | 'outlined' | 'filled';
+    actions?: BannerAction[];
+    life?: number;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare const BannerContractSchema: {
+    readonly visible: "boolean";
+    readonly severity: "string";
+    readonly title: "string";
+    readonly message: "string";
+    readonly text: "string";
+    readonly icon: "string";
+    readonly closable: "boolean";
+    readonly sticky: "boolean";
+    readonly fluid: "boolean";
+    readonly variant: "string";
+    readonly actions: "array";
+    readonly life: "number";
+    readonly permissions: "object";
+    readonly rules: "object";
+    readonly metadata: "object";
+    readonly 'aria-label': "string";
+    readonly 'aria-describedby': "string";
+};
+export declare class BannerComponent implements OrigoAdapter<BannerProps>, ContainerComponent {
+    static readonly contractSchema: {
+        readonly visible: "boolean";
+        readonly severity: "string";
+        readonly title: "string";
+        readonly message: "string";
+        readonly text: "string";
+        readonly icon: "string";
+        readonly closable: "boolean";
+        readonly sticky: "boolean";
+        readonly fluid: "boolean";
+        readonly variant: "string";
+        readonly actions: "array";
+        readonly life: "number";
+        readonly permissions: "object";
+        readonly rules: "object";
+        readonly metadata: "object";
+        readonly 'aria-label': "string";
+        readonly 'aria-describedby': "string";
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<BannerProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
+    close: import("@angular/core").OutputEmitterRef<void>;
+    action: import("@angular/core").OutputEmitterRef<{
+        action: string;
+        data?: unknown;
+    }>;
+    private experienceAdapter;
+    private destroyRef;
+    private platformId;
+    private autoDismissTimer;
+    private readonly manuallyClosed;
+    readonly isVisible: import("@angular/core").Signal<boolean>;
+    readonly coercedProps: import("@angular/core").Signal<BannerProps>;
+    readonly normalizedSeverity: import("@angular/core").Signal<"info" | "success" | "warning" | "error">;
+    readonly computedTitle: import("@angular/core").Signal<string | undefined>;
+    readonly computedMessage: import("@angular/core").Signal<string>;
+    readonly computedVariant: import("@angular/core").Signal<"outlined" | "filled" | "standard">;
+    readonly isClosable: import("@angular/core").Signal<boolean>;
+    readonly isSticky: import("@angular/core").Signal<boolean>;
+    readonly isFluid: import("@angular/core").Signal<boolean>;
+    readonly actions: import("@angular/core").Signal<BannerAction[]>;
+    readonly customIcon: import("@angular/core").Signal<string | undefined>;
+    readonly ariaLabel: import("@angular/core").Signal<string>;
+    readonly ariaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    readonly ariaLive: import("@angular/core").Signal<"assertive" | "polite">;
+    constructor();
+    private clearTimer;
+    onClose(): void;
+    onActionClick(act: BannerAction): void;
+}

package/dist/packages/angular-renderer/src/components/primitives/banner/banner.component.js

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerComponent = exports.BannerContractSchema = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const common_1 = require("@angular/common");
+const adapter_1 = require("../../../adapters/web/adapter");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+exports.BannerContractSchema = {
+    visible: 'boolean',
+    severity: 'string',
+    title: 'string',
+    message: 'string',
+    text: 'string',
+    icon: 'string',
+    closable: 'boolean',
+    sticky: 'boolean',
+    fluid: 'boolean',
+    variant: 'string',
+    actions: 'array',
+    life: 'number',
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+};
+let BannerComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-banner',
+            standalone: true,
+            imports: [common_1.CommonModule],
+            templateUrl: './banner.component.html',
+            styleUrls: ['./banner.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-banner-host]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[class.origo-banner--sticky]': 'isSticky()',
+                '[class.origo-banner--hidden]': '!isVisible()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var BannerComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            BannerComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = exports.BannerContractSchema;
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = (0, core_1.viewChild)('vc', { read: core_1.ViewContainerRef });
+        visibleChange = (0, core_1.output)();
+        close = (0, core_1.output)();
+        action = (0, core_1.output)();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        destroyRef = (0, core_1.inject)(core_1.DestroyRef);
+        platformId = (0, core_1.inject)(core_1.PLATFORM_ID);
+        autoDismissTimer = null;
+        manuallyClosed = (0, core_1.signal)(false);
+        isVisible = (0, core_1.computed)(() => {
+            if (this.manuallyClosed())
+                return false;
+            return this.coercedProps().visible !== false;
+        });
+        coercedProps = (0, core_1.computed)(() => (0, adapter_1.coerceContractProps)(this.contract()?.props, exports.BannerContractSchema));
+        normalizedSeverity = (0, core_1.computed)(() => {
+            const s = this.coercedProps().severity?.toLowerCase();
+            if (s === 'warn' || s === 'warning')
+                return 'warning';
+            if (s === 'error')
+                return 'error';
+            if (s === 'success')
+                return 'success';
+            return 'info';
+        });
+        computedTitle = (0, core_1.computed)(() => this.coercedProps().title);
+        computedMessage = (0, core_1.computed)(() => this.coercedProps().message ?? this.coercedProps().text ?? '');
+        computedVariant = (0, core_1.computed)(() => this.coercedProps().variant || 'standard');
+        isClosable = (0, core_1.computed)(() => this.coercedProps().closable === true);
+        isSticky = (0, core_1.computed)(() => this.coercedProps().sticky === true);
+        isFluid = (0, core_1.computed)(() => this.coercedProps().fluid !== false);
+        actions = (0, core_1.computed)(() => this.coercedProps().actions ?? []);
+        customIcon = (0, core_1.computed)(() => this.coercedProps().icon);
+        ariaLabel = (0, core_1.computed)(() => {
+            return this.coercedProps()['aria-label'] || this.computedTitle() || 'System announcement';
+        });
+        ariaDescribedBy = (0, core_1.computed)(() => this.coercedProps()['aria-describedby']);
+        ariaLive = (0, core_1.computed)(() => {
+            const s = this.normalizedSeverity();
+            return s === 'error' || s === 'warning' ? 'assertive' : 'polite';
+        });
+        constructor() {
+            this.destroyRef.onDestroy(() => this.clearTimer());
+            (0, core_1.effect)(() => {
+                const props = this.coercedProps();
+                const contractVisible = props.visible !== false;
+                this.clearTimer();
+                if (contractVisible && props.life && props.life > 0 && (0, common_1.isPlatformBrowser)(this.platformId)) {
+                    this.autoDismissTimer = setTimeout(() => {
+                        this.onClose();
+                    }, props.life);
+                }
+            });
+        }
+        clearTimer() {
+            if (this.autoDismissTimer) {
+                clearTimeout(this.autoDismissTimer);
+                this.autoDismissTimer = null;
+            }
+        }
+        onClose() {
+            this.clearTimer();
+            this.manuallyClosed.set(true);
+            this.visibleChange.emit(false);
+            this.close.emit();
+            if (this.contract()?.id) {
+                this.experienceAdapter.updateState(this.contract().id, 'visible', false);
+            }
+        }
+        onActionClick(act) {
+            this.action.emit({ action: act.action, data: act });
+            if (this.contract()?.id) {
+                this.experienceAdapter.dispatchCapability(this.contract().id, act.action, act);
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return BannerComponent = _classThis;
+})();
+exports.BannerComponent = BannerComponent;
+//# sourceMappingURL=banner.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/banner/banner.component.js.map

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