@origostudio/origo-design 0.0.33 → 0.0.35

package/CHANGELOG.md

@@ -1,11 +1,8 @@
-## 0.0.33 (2026-09-21)
+## 0.0.35 (2026-09-22)
 
 ### 🚀 Features
 
-- implement batch 1 form layout primitives in angular-renderer ([ac33ad6](https://github.com/OrigoStudio/origo-design/commit/ac33ad6))
-- add batch 1 form and layout primitive components and accessibility tests ([fb7cffb](https://github.com/OrigoStudio/origo-design/commit/fb7cffb))
-- add central test-registry.yaml for test case tracking ([5904077](https://github.com/OrigoStudio/origo-design/commit/5904077))
-- **angular-renderer:** implement form layout primitive components and tokens ([576e23d](https://github.com/OrigoStudio/origo-design/commit/576e23d))
+- add breadcrumbs, sidebar, and tabs primitive components with accessibility tests to angular-renderer ([a801763](https://github.com/OrigoStudio/origo-design/commit/a801763))
 
 ### ❤️ Thank You
 

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

@@ -1,3 +1,23 @@
+## 0.0.35 (2026-09-22)
+
+### 🚀 Features
+
+- add breadcrumbs, sidebar, and tabs primitive components with accessibility tests to angular-renderer ([a801763](https://github.com/OrigoStudio/origo-design/commit/a801763))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.34 (2026-09-22)
+
+### 🚀 Features
+
+- implement DataGrid, List, and Card data presentation primitives ([b057d31](https://github.com/OrigoStudio/origo-design/commit/b057d31))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.33 (2026-09-21)
 
 ### 🚀 Features

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

@@ -1,13 +1,13 @@
 {
   "name": "angular-renderer",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "private": true,
   "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@origo/core": "0.0.33",
-    "@origo/design-tokens": "0.0.33",
+    "@origo/core": "0.0.35",
+    "@origo/design-tokens": "0.0.35",
     "tslib": "^2.3.0",
     "@axe-core/playwright": "^4.13.0",
     "@playwright/test": "^1.36.0"

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

@@ -0,0 +1,27 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface BreadcrumbItem {
+    label: string;
+    outcomeRef?: string;
+}
+export interface BreadcrumbsProps {
+    items?: Array<BreadcrumbItem>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class BreadcrumbsComponent implements OrigoAdapter<BreadcrumbsProps> {
+    static readonly contractSchema: {
+        items: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<BreadcrumbsProps>>;
+    private experienceAdapter;
+    private sanitizer;
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    computedItems: import("@angular/core").Signal<{
+        label: string;
+        outcomeRef: string | undefined;
+    }[]>;
+    onItemClick(event: Event, item: BreadcrumbItem, isLast: boolean): void;
+}

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbsComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const platform_browser_1 = require("@angular/platform-browser");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+let BreadcrumbsComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-breadcrumbs',
+            standalone: true,
+            templateUrl: './breadcrumbs.component.html',
+            styleUrls: ['./breadcrumbs.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-breadcrumbs]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[attr.aria-label]': 'computedAriaLabel()',
+                '[attr.aria-describedby]': 'computedAriaDescribedBy()',
+                role: 'navigation',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var BreadcrumbsComponent = 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);
+            BreadcrumbsComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            items: 'array',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : 'Breadcrumbs';
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.contract().props?.['aria-describedby'];
+            return desc !== undefined && desc !== null ? String(desc) : undefined;
+        });
+        computedItems = (0, core_1.computed)(() => {
+            const items = this.contract().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,
+                };
+            });
+        });
+        onItemClick(event, item, isLast) {
+            if (isLast || !item.outcomeRef) {
+                event.preventDefault();
+                return;
+            }
+            this.experienceAdapter.updateState(this.contract().id, 'activeOutcome', item.outcomeRef);
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return BreadcrumbsComponent = _classThis;
+})();
+exports.BreadcrumbsComponent = BreadcrumbsComponent;
+//# sourceMappingURL=breadcrumbs.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;AACvB,gEAAyD;AAGzD,iGAA+F;IA4BlF,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,qLA2CC;;;;QA1CC,MAAM,CAAU,cAAc,GAAG;YAC/B,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;;YA1CU,+DAAoB;;;;;AAApB,oDAAoB"}

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

@@ -0,0 +1,27 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface CardProps {
+    title?: string;
+    subtitle?: string;
+    imageUrl?: string;
+    imageAlt?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class CardComponent implements OrigoAdapter<CardProps> {
+    static readonly contractSchema: {
+        title: string;
+        subtitle: string;
+        imageUrl: string;
+        imageAlt: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<CardProps>>;
+    private sanitizer;
+    computedTitle: import("@angular/core").Signal<string | undefined>;
+    computedSubtitle: import("@angular/core").Signal<string | undefined>;
+    computedImageUrl: import("@angular/core").Signal<string | undefined>;
+    computedImageAlt: import("@angular/core").Signal<string>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+}

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const platform_browser_1 = require("@angular/platform-browser");
+let CardComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-card',
+            standalone: true,
+            templateUrl: './card.component.html',
+            styleUrls: ['./card.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-card]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[attr.aria-label]': 'computedAriaLabel()',
+                '[attr.aria-describedby]': 'computedAriaDescribedBy()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var CardComponent = 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);
+            CardComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            title: 'string',
+            subtitle: 'string',
+            imageUrl: 'string',
+            imageAlt: 'string',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
+        computedTitle = (0, core_1.computed)(() => {
+            const title = this.contract().props?.title;
+            return title !== undefined && title !== null ? String(title) : undefined;
+        });
+        computedSubtitle = (0, core_1.computed)(() => {
+            const subtitle = this.contract().props?.subtitle;
+            return subtitle !== undefined && subtitle !== null ? String(subtitle) : undefined;
+        });
+        computedImageUrl = (0, core_1.computed)(() => {
+            const url = this.contract().props?.imageUrl;
+            if (url === undefined || url === null || url === '')
+                return undefined;
+            // Sanitize URL for image source
+            const sanitizedUrl = this.sanitizer.sanitize(core_1.SecurityContext.URL, String(url));
+            return sanitizedUrl || undefined;
+        });
+        computedImageAlt = (0, core_1.computed)(() => {
+            const alt = this.contract().props?.imageAlt;
+            return alt !== undefined && alt !== null ? String(alt) : '';
+        });
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : undefined;
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.contract().props?.['aria-describedby'];
+            return desc !== undefined && desc !== null ? String(desc) : undefined;
+        });
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return CardComponent = _classThis;
+})();
+exports.CardComponent = CardComponent;
+//# sourceMappingURL=card.component.js.map

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

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

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

@@ -0,0 +1,48 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface DataGridProps {
+    columns?: Array<{
+        key: string;
+        label: string;
+        sortable?: boolean;
+    }>;
+    rows?: Array<Record<string, unknown>>;
+    pageSize?: number;
+    currentPage?: number;
+    totalRows?: number;
+    disabled?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class DataGridComponent implements OrigoAdapter<DataGridProps> {
+    static readonly contractSchema: {
+        columns: string;
+        rows: string;
+        pageSize: string;
+        currentPage: string;
+        totalRows: string;
+        disabled: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<DataGridProps>>;
+    private experienceAdapter;
+    private sanitizer;
+    sortDir: import("@angular/core").WritableSignal<"desc" | "asc">;
+    currentSortKey: import("@angular/core").WritableSignal<string | null>;
+    computedColumns: import("@angular/core").Signal<{
+        key: string;
+        label: string;
+        sortable?: boolean;
+    }[]>;
+    computedRows: import("@angular/core").Signal<Record<string, unknown>[]>;
+    computedTotalRows: import("@angular/core").Signal<number>;
+    computedCurrentPage: import("@angular/core").Signal<number>;
+    computedTotalPages: import("@angular/core").Signal<number>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    onSort(key: string): void;
+    onPageChange(page: number): void;
+    onRowSelect(rowId: unknown): void;
+    isObject(val: unknown): boolean;
+}

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

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const common_1 = require("@angular/common");
+const platform_browser_1 = require("@angular/platform-browser");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+let DataGridComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-data-grid',
+            standalone: true,
+            imports: [common_1.JsonPipe],
+            templateUrl: './data-grid.component.html',
+            styleUrls: ['./data-grid.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-data-grid]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[attr.aria-label]': 'computedAriaLabel()',
+                '[attr.aria-describedby]': 'computedAriaDescribedBy()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var DataGridComponent = 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);
+            DataGridComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            columns: 'array',
+            rows: 'array',
+            pageSize: 'number',
+            currentPage: 'number',
+            totalRows: 'number',
+            disabled: 'boolean',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
+        // Track sort direction locally for toggling
+        sortDir = (0, core_1.signal)('asc');
+        currentSortKey = (0, core_1.signal)(null);
+        computedColumns = (0, core_1.computed)(() => {
+            const cols = this.contract().props?.columns;
+            return Array.isArray(cols)
+                ? cols.filter(c => c != null && c.key != null && c.label != null)
+                : [];
+        });
+        computedRows = (0, core_1.computed)(() => {
+            const rows = this.contract().props?.rows;
+            if (!Array.isArray(rows))
+                return [];
+            const validRows = rows.filter(r => r != null);
+            const pageSize = this.contract().props?.pageSize;
+            let currentPage = this.contract().props?.currentPage;
+            if (typeof pageSize !== 'number' || pageSize <= 0) {
+                return validRows.slice(0, 100); // no pagination cap if pageSize is invalid, but cap at 100 to prevent huge rendering
+            }
+            if (typeof currentPage !== 'number' || currentPage < 1) {
+                currentPage = 1;
+            }
+            const startIndex = (currentPage - 1) * pageSize;
+            return validRows.slice(startIndex, startIndex + pageSize);
+        });
+        computedTotalRows = (0, core_1.computed)(() => {
+            const totalRows = this.contract().props?.totalRows;
+            if (typeof totalRows === 'number' && totalRows >= 0)
+                return totalRows;
+            const rows = this.contract().props?.rows;
+            return Array.isArray(rows) ? rows.length : 0;
+        });
+        computedCurrentPage = (0, core_1.computed)(() => {
+            const cp = this.contract().props?.currentPage;
+            return typeof cp === 'number' && cp >= 1 ? cp : 1;
+        });
+        computedTotalPages = (0, core_1.computed)(() => {
+            const pageSize = this.contract().props?.pageSize;
+            if (typeof pageSize !== 'number' || pageSize <= 0)
+                return 1;
+            return Math.max(1, Math.ceil(this.computedTotalRows() / pageSize));
+        });
+        computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : undefined;
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.contract().props?.['aria-describedby'];
+            return desc !== undefined && desc !== null ? String(desc) : undefined;
+        });
+        onSort(key) {
+            if (this.computedDisabled())
+                return;
+            if (this.currentSortKey() === key) {
+                this.sortDir.update(d => (d === 'asc' ? 'desc' : 'asc'));
+            }
+            else {
+                this.currentSortKey.set(key);
+                this.sortDir.set('desc');
+            }
+            this.experienceAdapter.updateState(this.contract().id, 'sortKey', key);
+            this.experienceAdapter.updateState(this.contract().id, 'sortDir', this.sortDir());
+        }
+        onPageChange(page) {
+            if (this.computedDisabled() || !Number.isInteger(page) || page < 1)
+                return;
+            this.experienceAdapter.updateState(this.contract().id, 'currentPage', page);
+        }
+        onRowSelect(rowId) {
+            if (this.computedDisabled() || rowId == null)
+                return;
+            const rawValue = String(rowId);
+            const sanitized = this.sanitizer.sanitize(core_1.SecurityContext.HTML, rawValue);
+            const sanitizedValue = sanitized != null && sanitized !== '' ? sanitized : rawValue.replace(/[<>]/g, '');
+            this.experienceAdapter.updateState(this.contract().id, 'selectedRow', sanitizedValue);
+        }
+        isObject(val) {
+            return typeof val === 'object' && val !== null;
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DataGridComponent = _classThis;
+})();
+exports.DataGridComponent = DataGridComponent;
+//# sourceMappingURL=data-grid.component.js.map

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

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

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

@@ -0,0 +1,25 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface ListProps {
+    items?: Array<Record<string, unknown>>;
+    maxItems?: number;
+    disabled?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class ListComponent implements OrigoAdapter<ListProps> {
+    static readonly contractSchema: {
+        items: string;
+        maxItems: string;
+        disabled: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<ListProps>>;
+    private experienceAdapter;
+    private sanitizer;
+    computedItems: import("@angular/core").Signal<Record<string, unknown>[]>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    onItemSelect(itemId: unknown): void;
+}

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

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const platform_browser_1 = require("@angular/platform-browser");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+let ListComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-list',
+            standalone: true,
+            templateUrl: './list.component.html',
+            styleUrls: ['./list.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-list]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[attr.role]': '"list"',
+                '[attr.aria-label]': 'computedAriaLabel()',
+                '[attr.aria-describedby]': 'computedAriaDescribedBy()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var ListComponent = 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);
+            ListComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            items: 'array',
+            maxItems: 'number',
+            disabled: 'boolean',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
+        computedItems = (0, core_1.computed)(() => {
+            const items = this.contract().props?.items;
+            if (!Array.isArray(items))
+                return [];
+            const validItems = items.filter(i => i != null);
+            let max = this.contract().props?.maxItems;
+            if (typeof max !== 'number' || isNaN(max) || max <= 0) {
+                max = 100;
+            }
+            return validItems.slice(0, max);
+        });
+        computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : undefined;
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.contract().props?.['aria-describedby'];
+            return desc !== undefined && desc !== null ? String(desc) : undefined;
+        });
+        onItemSelect(itemId) {
+            if (this.computedDisabled() || itemId == null)
+                return;
+            const rawValue = String(itemId);
+            const sanitized = this.sanitizer.sanitize(core_1.SecurityContext.HTML, rawValue);
+            const sanitizedValue = sanitized != null && sanitized !== '' ? sanitized : rawValue.replace(/[<>]/g, '');
+            this.experienceAdapter.updateState(this.contract().id, 'selectedItem', sanitizedValue);
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return ListComponent = _classThis;
+})();
+exports.ListComponent = ListComponent;
+//# sourceMappingURL=list.component.js.map

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

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

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

@@ -0,0 +1,37 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface SidebarItem {
+    key: string;
+    label: string;
+    icon?: string;
+    outcomeRef: string;
+}
+export interface SidebarProps {
+    items?: Array<SidebarItem>;
+    activeOutcome?: string;
+    collapsed?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class SidebarComponent implements OrigoAdapter<SidebarProps> {
+    static readonly contractSchema: {
+        items: string;
+        collapsed: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<SidebarProps>>;
+    private experienceAdapter;
+    private sanitizer;
+    computedCollapsed: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    computedItems: import("@angular/core").Signal<{
+        key: string;
+        label: string;
+        icon: string | undefined;
+        outcomeRef: string;
+    }[]>;
+    computedActiveOutcome: import("@angular/core").Signal<string | undefined>;
+    onItemClick(item: SidebarItem): void;
+    onKeyDown(event: KeyboardEvent, item: SidebarItem, index: number): void;
+}