@origostudio/origo-design 0.0.53 → 0.0.55

package/CHANGELOG.md

@@ -1,9 +1,10 @@
-## 0.0.53 (2026-10-09)
+## 0.0.55 (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 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))
 
 ### ❤️ Thank You
 

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

@@ -1,3 +1,25 @@
+## 0.0.55 (2026-10-13)
+
+### 🚀 Features
+
+- implement navigation primitives including breadcrumbs, pagination, tabs, and stepper components ([7591e16](https://github.com/OrigoStudio/origo-design/commit/7591e16))
+- add stepper, pagination, tabs, and breadcrumbs primitive components to angular-renderer ([915495f](https://github.com/OrigoStudio/origo-design/commit/915495f))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 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.55",
   "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.55",
+    "@origostudio/design-tokens": "0.0.55",
     "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/components/primitives/breadcrumbs/breadcrumbs.component.d.ts

@@ -1,33 +1,37 @@
+import { ViewContainerRef } from '@angular/core';
 import { InteractionContract } from '@origostudio/core';
-import { OrigoAdapter } from '../../../adapters/web/adapter';
+import { OrigoAdapter, ContainerComponent as IContainerComponent } from '../../../adapters/web/adapter';
 export interface BreadcrumbItem {
     label: string;
+    icon?: string;
     outcomeRef?: string;
+    url?: string;
+    disabled?: boolean;
 }
 export interface BreadcrumbsProps {
     permissions?: Record<string, string>;
     rules?: Record<string, unknown>;
     metadata?: Record<string, unknown>;
     items?: Array<BreadcrumbItem>;
+    home?: BreadcrumbItem;
+    separator?: string;
+    routerMode?: 'angular' | 'native' | 'state';
     'aria-label'?: string;
     'aria-describedby'?: string;
 }
-export declare class BreadcrumbsComponent implements OrigoAdapter<BreadcrumbsProps> {
-    static readonly contractSchema: {
-        permissions: string;
-        rules: string;
-        metadata: string;
-        items: string;
-    };
+export declare const BreadcrumbsContractSchema: Record<keyof BreadcrumbsProps, 'string' | 'number' | 'boolean' | 'array' | 'object'>;
+export declare class BreadcrumbsComponent implements OrigoAdapter<BreadcrumbsProps>, IContainerComponent {
+    static readonly contractSchema: Record<keyof BreadcrumbsProps, "string" | "number" | "boolean" | "object" | "array">;
     static readonly strictContract = false;
     contract: import("@angular/core").InputSignal<InteractionContract<BreadcrumbsProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef>;
+    itemClick: import("@angular/core").OutputEmitterRef<BreadcrumbItem>;
     private experienceAdapter;
-    private sanitizer;
+    protected props: import("@angular/core").Signal<BreadcrumbsProps>;
     computedAriaLabel: import("@angular/core").Signal<string>;
     computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
-    computedItems: import("@angular/core").Signal<{
-        label: string;
-        outcomeRef: string | undefined;
-    }[]>;
+    computedSeparator: import("@angular/core").Signal<string>;
+    computedHome: import("@angular/core").Signal<BreadcrumbItem | undefined>;
+    computedItems: import("@angular/core").Signal<BreadcrumbItem[]>;
     onItemClick(event: Event, item: BreadcrumbItem, isLast: boolean): void;
 }

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

@@ -1,10 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreadcrumbsComponent = void 0;
+exports.BreadcrumbsComponent = exports.BreadcrumbsContractSchema = void 0;
 const tslib_1 = require("tslib");
 const core_1 = require("@angular/core");
-const platform_browser_1 = require("@angular/platform-browser");
+const adapter_1 = require("../../../adapters/web/adapter");
 const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+exports.BreadcrumbsContractSchema = {
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    items: 'array',
+    home: 'object',
+    separator: 'string',
+    routerMode: 'string',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+};
 let BreadcrumbsComponent = (() => {
     let _classDecorators = [(0, core_1.Component)({
             selector: 'origo-breadcrumbs',
@@ -32,43 +43,67 @@ let BreadcrumbsComponent = (() => {
             BreadcrumbsComponent = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static contractSchema = {
-            permissions: 'object',
-            rules: 'object',
-            metadata: 'object',
-            items: 'array',
-        };
+        static contractSchema = exports.BreadcrumbsContractSchema;
         static strictContract = false;
         contract = core_1.input.required();
+        vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
+        itemClick = (0, core_1.output)();
         experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
-        sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
+        props = (0, core_1.computed)(() => (0, adapter_1.coerceContractProps)(this.contract().props, exports.BreadcrumbsContractSchema));
         computedAriaLabel = (0, core_1.computed)(() => {
-            const label = this.contract().props?.['aria-label'];
+            const label = this.props()['aria-label'];
             return label !== undefined && label !== null ? String(label) : 'Breadcrumbs';
         });
         computedAriaDescribedBy = (0, core_1.computed)(() => {
-            const desc = this.contract().props?.['aria-describedby'];
+            const desc = this.props()['aria-describedby'];
             return desc !== undefined && desc !== null ? String(desc) : undefined;
         });
+        computedSeparator = (0, core_1.computed)(() => {
+            const sep = this.props().separator;
+            return typeof sep === 'string' && sep.trim().length > 0 ? sep : '/';
+        });
+        computedHome = (0, core_1.computed)(() => {
+            const home = this.props().home;
+            if (!home || home.label == null)
+                return undefined;
+            return {
+                label: String(home.label),
+                icon: home.icon ? String(home.icon) : undefined,
+                outcomeRef: home.outcomeRef ? String(home.outcomeRef) : undefined,
+                url: home.url ? String(home.url) : undefined,
+                disabled: !!home.disabled,
+            };
+        });
         computedItems = (0, core_1.computed)(() => {
-            const items = this.contract().props?.items;
+            const items = this.props().items;
             if (!Array.isArray(items))
                 return [];
             return items
                 .filter(item => item != null && item.label != null)
-                .map(item => {
-                return {
-                    label: String(item.label),
-                    outcomeRef: item.outcomeRef ? String(item.outcomeRef) : undefined,
-                };
-            });
+                .map(item => ({
+                label: String(item.label),
+                icon: item.icon ? String(item.icon) : undefined,
+                outcomeRef: item.outcomeRef ? String(item.outcomeRef) : undefined,
+                url: item.url ? String(item.url) : undefined,
+                disabled: !!item.disabled,
+            }));
         });
         onItemClick(event, item, isLast) {
-            if (isLast || !item.outcomeRef) {
+            if (isLast || item.disabled) {
                 event.preventDefault();
                 return;
             }
-            this.experienceAdapter.updateState(this.contract().id, 'activeOutcome', item.outcomeRef);
+            if (!item.url) {
+                event.preventDefault();
+            }
+            if (item.outcomeRef) {
+                this.experienceAdapter.updateState(this.contract().id, 'activeOutcome', item.outcomeRef);
+            }
+            const contractId = this.contract().id;
+            if (contractId) {
+                this.experienceAdapter.dispatchCapability(contractId, 'itemClick', item);
+            }
+            this.itemClick.emit(item);
         }
         static {
             tslib_1.__runInitializers(_classThis, _classExtraInitializers);

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.ts"],"names":[],"mappings":";;;;AAAA,wCAOuB;AACvB,gEAAyD;AAGzD,iGAA+F;IA+BlF,oBAAoB;4BAfhC,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,mBAAmB;YAC7B,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,8BAA8B;YAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;YAC3C,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,2BAA2B,EAAE,MAAM;gBACnC,oBAAoB,EAAE,eAAe;gBACrC,mBAAmB,EAAE,qBAAqB;gBAC1C,yBAAyB,EAAE,2BAA2B;gBACtD,IAAI,EAAE,YAAY;aACnB;SACF,CAAC;;;;;;;;YACF,qLA8CC;;;;QA7CC,MAAM,CAAU,cAAc,GAAG;YAC/B,WAAW,EAAE,QAAQ;YACrB,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;SACf,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAyC,CAAC;QAE3D,iBAAiB,GAAG,IAAA,aAAM,EAAC,wDAA2B,CAAC,CAAC;QACxD,SAAS,GAAG,IAAA,aAAM,EAAC,+BAAY,CAAC,CAAC;QAEzC,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC;YACpD,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QAC/E,CAAC,CAAC,CAAC;QAEH,uBAAuB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,kBAAkB,CAAC,CAAC;YACzD,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,aAAa,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBAAE,OAAO,EAAE,CAAC;YAErC,OAAO,KAAK;iBACT,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC;iBAClD,GAAG,CAAC,IAAI,CAAC,EAAE;gBACV,OAAO;oBACL,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;oBACzB,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS;iBAClE,CAAC;YACJ,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,WAAW,CAAC,KAAY,EAAE,IAAoB,EAAE,MAAe;YAC7D,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAC3F,CAAC;;YA7CU,+DAAoB;;;;;AAApB,oDAAoB"}
+{"version":3,"file":"breadcrumbs.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,64 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent as IContainerComponent } from '../../../adapters/web/adapter';
+export interface PageChangeEvent {
+    page: number;
+    first: number;
+    rows: number;
+    pageCount: number;
+}
+export interface RowsChangeEvent {
+    rows: number;
+    first: number;
+}
+export interface PaginationProps {
+    first?: number;
+    rows?: number;
+    totalRecords?: number;
+    pageLinkSize?: number;
+    rowsPerPageOptions?: number[];
+    showFirstLastIcon?: boolean;
+    showPageLinks?: boolean;
+    template?: string;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    variant?: string;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare const PaginationContractSchema: Record<keyof PaginationProps, 'string' | 'number' | 'boolean' | 'array' | 'object'>;
+export declare class PaginationComponent implements OrigoAdapter<PaginationProps>, IContainerComponent {
+    static readonly contractSchema: Record<keyof PaginationProps, "string" | "number" | "boolean" | "object" | "array">;
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<PaginationProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef>;
+    pageChange: import("@angular/core").OutputEmitterRef<PageChangeEvent>;
+    rowsChange: import("@angular/core").OutputEmitterRef<RowsChangeEvent>;
+    private experienceAdapter;
+    protected props: import("@angular/core").Signal<PaginationProps>;
+    computedFirst: import("@angular/core").Signal<number>;
+    computedRows: import("@angular/core").Signal<number>;
+    computedTotalRecords: import("@angular/core").Signal<number>;
+    computedPageLinkSize: import("@angular/core").Signal<number>;
+    computedRowsPerPageOptions: import("@angular/core").Signal<number[]>;
+    computedShowFirstLastIcon: import("@angular/core").Signal<boolean>;
+    computedShowPageLinks: import("@angular/core").Signal<boolean>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    pageCount: import("@angular/core").Signal<number>;
+    pageIndex: import("@angular/core").Signal<number>;
+    isFirstPage: import("@angular/core").Signal<boolean>;
+    isLastPage: import("@angular/core").Signal<boolean>;
+    visiblePageLinks: import("@angular/core").Signal<number[]>;
+    changePage(targetIndex: number): void;
+    onFirst(): void;
+    onPrevious(): void;
+    onNext(): void;
+    onLast(): void;
+    onPageSelect(pageIndex: number): void;
+    onRowsSelect(event: Event): void;
+}

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

@@ -0,0 +1,208 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaginationComponent = exports.PaginationContractSchema = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const adapter_1 = require("../../../adapters/web/adapter");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+exports.PaginationContractSchema = {
+    first: 'number',
+    rows: 'number',
+    totalRecords: 'number',
+    pageLinkSize: 'number',
+    rowsPerPageOptions: 'array',
+    showFirstLastIcon: 'boolean',
+    showPageLinks: 'boolean',
+    template: 'string',
+    disabled: 'boolean',
+    size: 'string',
+    variant: 'string',
+    permissions: 'object',
+    rules: 'object',
+    metadata: 'object',
+    'aria-label': 'string',
+    'aria-describedby': 'string',
+};
+let PaginationComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-pagination',
+            standalone: true,
+            templateUrl: './pagination.component.html',
+            styleUrls: ['./pagination.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-pagination]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var PaginationComponent = 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);
+            PaginationComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = exports.PaginationContractSchema;
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
+        pageChange = (0, core_1.output)();
+        rowsChange = (0, core_1.output)();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        props = (0, core_1.computed)(() => (0, adapter_1.coerceContractProps)(this.contract().props, exports.PaginationContractSchema));
+        computedFirst = (0, core_1.computed)(() => {
+            const f = Number(this.props().first ?? 0);
+            return isNaN(f) || f < 0 ? 0 : f;
+        });
+        computedRows = (0, core_1.computed)(() => {
+            const r = Number(this.props().rows ?? 10);
+            return isNaN(r) || r <= 0 ? 10 : r;
+        });
+        computedTotalRecords = (0, core_1.computed)(() => {
+            const t = Number(this.props().totalRecords ?? 0);
+            return isNaN(t) || t < 0 ? 0 : t;
+        });
+        computedPageLinkSize = (0, core_1.computed)(() => {
+            const s = Number(this.props().pageLinkSize ?? 5);
+            return isNaN(s) || s <= 0 ? 5 : s;
+        });
+        computedRowsPerPageOptions = (0, core_1.computed)(() => {
+            const opts = this.props().rowsPerPageOptions;
+            if (!Array.isArray(opts))
+                return [];
+            return opts.map(item => Number(item)).filter(n => !isNaN(n) && n > 0);
+        });
+        computedShowFirstLastIcon = (0, core_1.computed)(() => {
+            return this.props().showFirstLastIcon !== false;
+        });
+        computedShowPageLinks = (0, core_1.computed)(() => {
+            return this.props().showPageLinks !== false;
+        });
+        computedDisabled = (0, core_1.computed)(() => {
+            return !!this.props().disabled;
+        });
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.props()['aria-label'];
+            return label !== undefined && label !== null ? String(label) : 'Pagination';
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.props()['aria-describedby'];
+            return desc !== undefined && desc !== null ? String(desc) : undefined;
+        });
+        pageCount = (0, core_1.computed)(() => {
+            const rows = this.computedRows();
+            const total = this.computedTotalRecords();
+            return rows > 0 ? Math.ceil(total / rows) : 0;
+        });
+        pageIndex = (0, core_1.computed)(() => {
+            const rows = this.computedRows();
+            const first = this.computedFirst();
+            return rows > 0 ? Math.floor(first / rows) : 0;
+        });
+        isFirstPage = (0, core_1.computed)(() => {
+            return this.pageIndex() <= 0;
+        });
+        isLastPage = (0, core_1.computed)(() => {
+            const count = this.pageCount();
+            return count === 0 || this.pageIndex() >= count - 1;
+        });
+        visiblePageLinks = (0, core_1.computed)(() => {
+            const totalPages = this.pageCount();
+            const linkSize = this.computedPageLinkSize();
+            if (totalPages <= 0)
+                return [];
+            if (totalPages <= linkSize) {
+                return Array.from({ length: totalPages }, (_, i) => i);
+            }
+            const current = this.pageIndex();
+            const half = Math.floor(linkSize / 2);
+            let start = Math.max(0, current - half);
+            let end = start + linkSize - 1;
+            if (end >= totalPages) {
+                end = totalPages - 1;
+                start = Math.max(0, end - linkSize + 1);
+            }
+            const pages = [];
+            for (let i = start; i <= end; i++) {
+                pages.push(i);
+            }
+            return pages;
+        });
+        changePage(targetIndex) {
+            if (this.computedDisabled())
+                return;
+            const count = this.pageCount();
+            const clampedIndex = Math.max(0, Math.min(targetIndex, Math.max(0, count - 1)));
+            if (clampedIndex === this.pageIndex())
+                return;
+            const rows = this.computedRows();
+            const first = clampedIndex * rows;
+            this.experienceAdapter.updateState(this.contract().id, 'first', first);
+            const event = {
+                page: clampedIndex,
+                first,
+                rows,
+                pageCount: count,
+            };
+            const contractId = this.contract().id;
+            if (contractId) {
+                this.experienceAdapter.dispatchCapability(contractId, 'pageChange', event);
+            }
+            this.pageChange.emit(event);
+        }
+        onFirst() {
+            this.changePage(0);
+        }
+        onPrevious() {
+            this.changePage(this.pageIndex() - 1);
+        }
+        onNext() {
+            this.changePage(this.pageIndex() + 1);
+        }
+        onLast() {
+            this.changePage(this.pageCount() - 1);
+        }
+        onPageSelect(pageIndex) {
+            this.changePage(pageIndex);
+        }
+        onRowsSelect(event) {
+            if (this.computedDisabled())
+                return;
+            const target = event.target;
+            const newRows = Number(target.value);
+            if (isNaN(newRows) || newRows <= 0)
+                return;
+            this.experienceAdapter.updateState(this.contract().id, 'rows', newRows);
+            this.experienceAdapter.updateState(this.contract().id, 'first', 0);
+            const rowsEvent = {
+                rows: newRows,
+                first: 0,
+            };
+            const pageCount = newRows > 0 ? Math.ceil(this.computedTotalRecords() / newRows) : 0;
+            const pageEvent = {
+                page: 0,
+                first: 0,
+                rows: newRows,
+                pageCount,
+            };
+            const contractId = this.contract().id;
+            if (contractId) {
+                this.experienceAdapter.dispatchCapability(contractId, 'rowsChange', rowsEvent);
+                this.experienceAdapter.dispatchCapability(contractId, 'pageChange', pageEvent);
+            }
+            this.rowsChange.emit(rowsEvent);
+            this.pageChange.emit(pageEvent);
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return PaginationComponent = _classThis;
+})();
+exports.PaginationComponent = PaginationComponent;
+//# sourceMappingURL=pagination.component.js.map

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

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

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

@@ -0,0 +1,65 @@
+import { ElementRef, ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent as IContainerComponent } from '../../../adapters/web/adapter';
+export interface StepItem {
+    key: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    optional?: boolean;
+    disabled?: boolean;
+    completed?: boolean;
+}
+export interface StepChangeEvent {
+    activeStep: string;
+    previousStep?: string;
+    index: number;
+}
+export interface StepperProps {
+    steps?: Array<StepItem>;
+    value?: string;
+    linear?: boolean;
+    readonly?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    completedSteps?: Array<string>;
+    disabled?: boolean;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare const StepperContractSchema: Record<keyof StepperProps, 'string' | 'number' | 'boolean' | 'array' | 'object'>;
+export declare class StepperComponent implements OrigoAdapter<StepperProps>, IContainerComponent {
+    static readonly contractSchema: Record<keyof StepperProps, "string" | "number" | "boolean" | "object" | "array">;
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<StepperProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef>;
+    stepButtons: import("@angular/core").Signal<readonly ElementRef<HTMLButtonElement>[]>;
+    valueChange: import("@angular/core").OutputEmitterRef<string>;
+    stepChange: import("@angular/core").OutputEmitterRef<StepChangeEvent>;
+    next: import("@angular/core").OutputEmitterRef<string>;
+    previous: import("@angular/core").OutputEmitterRef<string>;
+    complete: import("@angular/core").OutputEmitterRef<void>;
+    stepClick: import("@angular/core").OutputEmitterRef<StepItem>;
+    private experienceAdapter;
+    private platformId;
+    protected props: import("@angular/core").Signal<StepperProps>;
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    orientation: import("@angular/core").Signal<"horizontal" | "vertical">;
+    linear: import("@angular/core").Signal<boolean>;
+    readonly: import("@angular/core").Signal<boolean>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedSteps: import("@angular/core").Signal<StepItem[]>;
+    activeStepKey: import("@angular/core").Signal<string>;
+    activeStepIndex: import("@angular/core").Signal<number>;
+    completedStepKeys: import("@angular/core").Signal<Set<string>>;
+    isStepCompleted(step: StepItem): boolean;
+    isStepActive(index: number): boolean;
+    isStepDisabled(step: StepItem, index: number): boolean;
+    onStepClick(step: StepItem, index: number): void;
+    goNext(): void;
+    goPrevious(): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+}