@origostudio/origo-design 0.0.32 → 0.0.33

package/CHANGELOG.md

@@ -1,10 +1,11 @@
-## 0.0.32 (2026-09-19)
+## 0.0.33 (2026-09-21)
 
 ### 🚀 Features
 
-- implement strict test isolation guards, structured cloning, and update test setup configurations and registry artifacts ([a5e79e2](https://github.com/OrigoStudio/origo-design/commit/a5e79e2))
-- add devtools bridge to angular renderer package ([26a2a2d](https://github.com/OrigoStudio/origo-design/commit/26a2a2d))
-- add devtools and playground packages with retro-8 versioning artifacts ([ff1aedc](https://github.com/OrigoStudio/origo-design/commit/ff1aedc))
+- 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))
 
 ### ❤️ Thank You
 

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

@@ -1,3 +1,15 @@
+## 0.0.33 (2026-09-21)
+
+### 🚀 Features
+
+- **angular-renderer:** implement form layout primitive components and tokens ([576e23d](https://github.com/OrigoStudio/origo-design/commit/576e23d))
+- add batch 1 form and layout primitive components and accessibility tests ([fb7cffb](https://github.com/OrigoStudio/origo-design/commit/fb7cffb))
+- implement batch 1 form layout primitives in angular-renderer ([ac33ad6](https://github.com/OrigoStudio/origo-design/commit/ac33ad6))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.32 (2026-09-19)
 
 ### 🚀 Features

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

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

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

@@ -0,0 +1,27 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface CheckboxProps {
+    checked?: boolean;
+    label?: string;
+    disabled?: boolean;
+    'aria-label'?: string;
+    required?: boolean;
+}
+export declare class CheckboxComponent implements OrigoAdapter<CheckboxProps> {
+    static readonly contractSchema: {
+        checked: string;
+        label: string;
+        disabled: string;
+        required: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<CheckboxProps>>;
+    checked: import("@angular/core").ModelSignal<boolean>;
+    computedLabel: import("@angular/core").Signal<string>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedRequired: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    private experienceAdapter;
+    constructor();
+    onChange(event: Event): void;
+}

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+let CheckboxComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-checkbox',
+            standalone: true,
+            templateUrl: './checkbox.component.html',
+            styleUrls: ['./checkbox.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-checkbox]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var CheckboxComponent = 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);
+            CheckboxComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            checked: 'boolean',
+            label: 'string',
+            disabled: 'boolean',
+            required: 'boolean',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        checked = (0, core_1.model)(false);
+        computedLabel = (0, core_1.computed)(() => this.contract().props?.label ?? '');
+        computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
+        computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : undefined;
+        });
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        constructor() {
+            (0, core_1.effect)(() => {
+                const contractVal = !!this.contract().props?.checked;
+                (0, core_1.untracked)(() => {
+                    if (contractVal === this.checked())
+                        return;
+                    this.checked.set(contractVal);
+                });
+            });
+        }
+        onChange(event) {
+            const target = event.target;
+            if (!target || this.computedDisabled())
+                return;
+            const isChecked = target.checked;
+            this.checked.set(isChecked);
+            this.experienceAdapter.updateState(this.contract().id, 'checked', isChecked);
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return CheckboxComponent = _classThis;
+})();
+exports.CheckboxComponent = CheckboxComponent;
+//# sourceMappingURL=checkbox.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.ts"],"names":[],"mappings":";;;;AAAA,wCAUuB;AAGvB,iGAA+F;IAsBlF,iBAAiB;4BAZ7B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,2BAA2B;YACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;YACxC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,wBAAwB,EAAE,MAAM;gBAChC,oBAAoB,EAAE,eAAe;aACtC;SACF,CAAC;;;;;;;;YACF,qLAwCC;;;;QAvCC,MAAM,CAAU,cAAc,GAAG;YAC/B,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,SAAS;SACpB,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAsC,CAAC;QAChE,OAAO,GAAG,IAAA,YAAK,EAAU,KAAK,CAAC,CAAC;QAEhC,aAAa,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;QACnE,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrE,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrE,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,SAAS,CAAC;QAC3E,CAAC,CAAC,CAAC;QAEK,iBAAiB,GAAG,IAAA,aAAM,EAAC,wDAA2B,CAAC,CAAC;QAEhE;YACE,IAAA,aAAM,EAAC,GAAG,EAAE;gBACV,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;gBACrD,IAAA,gBAAS,EAAC,GAAG,EAAE;oBACb,IAAI,WAAW,KAAK,IAAI,CAAC,OAAO,EAAE;wBAAE,OAAO;oBAC3C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;gBAChC,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC;QAED,QAAQ,CAAC,KAAY;YACnB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiC,CAAC;YACvD,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBAAE,OAAO;YAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;YACjC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAC5B,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC/E,CAAC;;YAvCU,+DAAiB;;;;;AAAjB,8CAAiB"}

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

@@ -0,0 +1,26 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+import { LabelProps } from '../label/label.component';
+export interface FormFieldProps {
+    label?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+}
+export declare class FormFieldComponent implements OrigoAdapter<FormFieldProps>, ContainerComponent {
+    static readonly contractSchema: {
+        label: string;
+        error: string;
+        hint: string;
+        required: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<FormFieldProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef>;
+    computedLabel: import("@angular/core").Signal<string | undefined>;
+    computedError: import("@angular/core").Signal<string | undefined>;
+    computedHint: import("@angular/core").Signal<string | undefined>;
+    computedRequired: import("@angular/core").Signal<boolean>;
+    labelContract: import("@angular/core").Signal<InteractionContract<LabelProps>>;
+}

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormFieldComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const label_component_1 = require("../label/label.component");
+let FormFieldComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-form-field',
+            standalone: true,
+            imports: [label_component_1.LabelComponent],
+            templateUrl: './form-field.component.html',
+            styleUrls: ['./form-field.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-form-field]': 'true',
+                '[class.has-error]': '!!computedError()',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var FormFieldComponent = 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);
+            FormFieldComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            label: 'string',
+            error: 'string',
+            hint: 'string',
+            required: 'boolean',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
+        computedLabel = (0, core_1.computed)(() => this.contract().props?.label);
+        computedError = (0, core_1.computed)(() => this.contract().props?.error);
+        computedHint = (0, core_1.computed)(() => this.contract().props?.hint);
+        computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
+        labelContract = (0, core_1.computed)(() => {
+            const parentId = this.contract().id;
+            const childId = this.contract().children?.[0]?.id;
+            return {
+                id: `${parentId}-label`,
+                type: 'Label',
+                props: {
+                    text: this.computedLabel(),
+                    required: this.computedRequired(),
+                    for: childId,
+                },
+            };
+        });
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return FormFieldComponent = _classThis;
+})();
+exports.FormFieldComponent = FormFieldComponent;
+//# sourceMappingURL=form-field.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/form-field/form-field.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;AAGvB,8DAAsE;IAuBzD,kBAAkB;4BAd9B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,kBAAkB;YAC5B,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,gCAAc,CAAC;YACzB,WAAW,EAAE,6BAA6B;YAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;YAC1C,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,0BAA0B,EAAE,MAAM;gBAClC,mBAAmB,EAAE,mBAAmB;gBACxC,oBAAoB,EAAE,eAAe;aACtC;SACF,CAAC;;;;;;;;YACF,qLA+BC;;;;QA9BC,MAAM,CAAU,cAAc,GAAG;YAC/B,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;SACpB,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAuC,CAAC;QAEjE,EAAE,GAAG,gBAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,uBAAgB,EAAE,CAAC,CAAC;QAE1D,aAAa,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7D,aAAa,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7D,YAAY,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC3D,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAErE,aAAa,GAAG,IAAA,eAAQ,EAAkC,GAAG,EAAE;YAC7D,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAClD,OAAO;gBACL,EAAE,EAAE,GAAG,QAAQ,QAAQ;gBACvB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACL,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE;oBAC1B,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE;oBACjC,GAAG,EAAE,OAAO;iBACb;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;;YA9BQ,+DAAkB;;;;;AAAlB,gDAAkB"}

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

@@ -0,0 +1,21 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+export interface HBoxProps {
+    gap?: number | string;
+    alignment?: 'start' | 'center' | 'end' | 'stretch';
+    padding?: number | string;
+}
+export declare class HBoxComponent implements OrigoAdapter<HBoxProps>, ContainerComponent {
+    static readonly contractSchema: {
+        gap: string;
+        alignment: string;
+        padding: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<HBoxProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef>;
+    computedGap: import("@angular/core").Signal<string | undefined>;
+    computedAlignment: import("@angular/core").Signal<"center" | "stretch" | "flex-start" | "flex-end">;
+    computedPadding: import("@angular/core").Signal<string | undefined>;
+}

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

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HBoxComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+let HBoxComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-hbox',
+            standalone: true,
+            templateUrl: './hbox.component.html',
+            styleUrls: ['./hbox.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-hbox]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[style.gap]': 'computedGap()',
+                '[style.align-items]': 'computedAlignment()',
+                '[style.padding-inline]': 'computedPadding()',
+                '[style.padding-block]': 'computedPadding()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var HBoxComponent = 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);
+            HBoxComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            gap: 'string',
+            alignment: 'string',
+            padding: 'string',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
+        computedGap = (0, core_1.computed)(() => {
+            const gap = this.contract().props?.gap;
+            if (gap === undefined || gap === null || gap === '')
+                return undefined;
+            const num = Number(gap);
+            return !isNaN(num) ? `${num}px` : String(gap);
+        });
+        computedAlignment = (0, core_1.computed)(() => {
+            const align = this.contract().props?.alignment;
+            switch (align) {
+                case 'start':
+                    return 'flex-start';
+                case 'end':
+                    return 'flex-end';
+                case 'center':
+                    return 'center';
+                case 'stretch':
+                    return 'stretch';
+                default:
+                    return 'stretch';
+            }
+        });
+        computedPadding = (0, core_1.computed)(() => {
+            const padding = this.contract().props?.padding;
+            if (padding === undefined || padding === null || padding === '')
+                return undefined;
+            const num = Number(padding);
+            return !isNaN(num) ? `${num}px` : String(padding);
+        });
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return HBoxComponent = _classThis;
+})();
+exports.HBoxComponent = HBoxComponent;
+//# sourceMappingURL=hbox.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/hbox/hbox.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;IA0BV,aAAa;4BAhBzB,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,uBAAuB;YACpC,SAAS,EAAE,CAAC,uBAAuB,CAAC;YACpC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,oBAAoB,EAAE,MAAM;gBAC5B,oBAAoB,EAAE,eAAe;gBACrC,aAAa,EAAE,eAAe;gBAC9B,qBAAqB,EAAE,qBAAqB;gBAC5C,wBAAwB,EAAE,mBAAmB;gBAC7C,uBAAuB,EAAE,mBAAmB;aAC7C;SACF,CAAC;;;;;;;;YACF,qLAyCC;;;;QAxCC,MAAM,CAAU,cAAc,GAAG;YAC/B,GAAG,EAAE,QAAQ;YACb,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,QAAQ;SAClB,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAkC,CAAC;QAE5D,EAAE,GAAG,gBAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,uBAAgB,EAAE,CAAC,CAAC;QAE1D,WAAW,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC;YACvC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,EAAE;gBAAE,OAAO,SAAS,CAAC;YACtE,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YACxB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEH,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;YAC/C,QAAQ,KAAK,EAAE,CAAC;gBACd,KAAK,OAAO;oBACV,OAAO,YAAY,CAAC;gBACtB,KAAK,KAAK;oBACR,OAAO,UAAU,CAAC;gBACpB,KAAK,QAAQ;oBACX,OAAO,QAAQ,CAAC;gBAClB,KAAK,SAAS;oBACZ,OAAO,SAAS,CAAC;gBACnB;oBACE,OAAO,SAAS,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,eAAe,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YAC/C,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,EAAE;gBAAE,OAAO,SAAS,CAAC;YAClF,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;YAC5B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;;YAxCQ,+DAAa;;;;;AAAb,sCAAa"}

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

@@ -0,0 +1,21 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface LabelProps {
+    text?: string;
+    for?: string;
+    required?: boolean;
+    'aria-label'?: string;
+}
+export declare class LabelComponent implements OrigoAdapter<LabelProps> {
+    static readonly contractSchema: {
+        text: string;
+        for: string;
+        required: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<LabelProps>>;
+    computedText: import("@angular/core").Signal<string>;
+    computedFor: import("@angular/core").Signal<string | undefined>;
+    computedRequired: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+}

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+let LabelComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-label',
+            standalone: true,
+            templateUrl: './label.component.html',
+            styleUrls: ['./label.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-label]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var LabelComponent = 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);
+            LabelComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            text: 'string',
+            for: 'string',
+            required: 'boolean',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        computedText = (0, core_1.computed)(() => this.contract().props?.text ?? '');
+        computedFor = (0, core_1.computed)(() => {
+            const f = this.contract().props?.for;
+            return f !== undefined && f !== null ? String(f) : undefined;
+        });
+        computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : undefined;
+        });
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return LabelComponent = _classThis;
+})();
+exports.LabelComponent = LabelComponent;
+//# sourceMappingURL=label.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/label/label.component.ts"],"names":[],"mappings":";;;;AAAA,wCAMuB;IAuBV,cAAc;4BAZ1B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,aAAa;YACvB,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,wBAAwB;YACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;YACrC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,qBAAqB,EAAE,MAAM;gBAC7B,oBAAoB,EAAE,eAAe;aACtC;SACF,CAAC;;;;;;;;YACF,qLAoBC;;;;QAnBC,MAAM,CAAU,cAAc,GAAG;YAC/B,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,QAAQ;YACb,QAAQ,EAAE,SAAS;SACpB,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAmC,CAAC;QAE7D,YAAY,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;QACjE,WAAW,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC1B,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC;YACrC,OAAO,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/D,CAAC,CAAC,CAAC;QACH,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrE,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,SAAS,CAAC;QAC3E,CAAC,CAAC,CAAC;;YAnBQ,+DAAc;;;;;AAAd,wCAAc"}

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

@@ -0,0 +1,34 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface RadioGroupProps {
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    value?: string;
+    disabled?: boolean;
+    'aria-label'?: string;
+    required?: boolean;
+}
+export declare class RadioGroupComponent implements OrigoAdapter<RadioGroupProps> {
+    static readonly contractSchema: {
+        options: string;
+        value: string;
+        disabled: string;
+        required: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<RadioGroupProps>>;
+    value: import("@angular/core").ModelSignal<string>;
+    computedOptions: import("@angular/core").Signal<{
+        value: string;
+        label: string;
+    }[]>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedRequired: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    private experienceAdapter;
+    private sanitizer;
+    constructor();
+    onChange(event: Event): void;
+}

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupComponent = 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 RadioGroupComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-radio-group',
+            standalone: true,
+            templateUrl: './radio-group.component.html',
+            styleUrls: ['./radio-group.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-radio-group]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var RadioGroupComponent = 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);
+            RadioGroupComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            options: 'array',
+            value: 'string',
+            disabled: 'boolean',
+            required: 'boolean',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        value = (0, core_1.model)('');
+        computedOptions = (0, core_1.computed)(() => {
+            const opts = this.contract().props?.options;
+            return Array.isArray(opts) ? opts : [];
+        });
+        computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
+        computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : undefined;
+        });
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
+        constructor() {
+            (0, core_1.effect)(() => {
+                const contractVal = this.contract().props?.value;
+                const parsedVal = contractVal !== undefined && contractVal !== null ? String(contractVal) : '';
+                (0, core_1.untracked)(() => {
+                    if (parsedVal === this.value())
+                        return;
+                    this.value.set(parsedVal);
+                });
+            });
+        }
+        onChange(event) {
+            const target = event.target;
+            if (!target || !target.checked || this.computedDisabled())
+                return;
+            const rawValue = target.value;
+            const sanitizedValue = this.sanitizer.sanitize(core_1.SecurityContext.HTML, rawValue) || rawValue || '';
+            this.value.set(sanitizedValue);
+            this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return RadioGroupComponent = _classThis;
+})();
+exports.RadioGroupComponent = RadioGroupComponent;
+//# sourceMappingURL=radio-group.component.js.map

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

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

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

@@ -0,0 +1,39 @@
+import { InteractionContract } from '@origo/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface SelectProps {
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    value?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    required?: boolean;
+}
+export declare class SelectComponent implements OrigoAdapter<SelectProps> {
+    static readonly contractSchema: {
+        options: string;
+        value: string;
+        disabled: string;
+        placeholder: string;
+        required: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<SelectProps>>;
+    value: import("@angular/core").ModelSignal<string>;
+    computedOptions: import("@angular/core").Signal<{
+        value: string;
+        label: string;
+    }[]>;
+    computedPlaceholder: import("@angular/core").Signal<string>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedRequired: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    private experienceAdapter;
+    private sanitizer;
+    constructor();
+    onChange(event: Event): void;
+}