@origostudio/angular-renderer 0.0.40

package/src/components/primitives/radio-group/radio-group.component.d.ts

@@ -0,0 +1,35 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface RadioGroupProps {
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    value?: string;
+    disabled?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: 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>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    private experienceAdapter;
+    constructor();
+    onChange(event: Event): void;
+}

package/src/components/primitives/radio-group/radio-group.component.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupComponent = 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 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).trim() !== ''
+                ? String(label)
+                : undefined;
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.contract().props?.['aria-describedby'];
+            return desc !== undefined && desc !== null && String(desc).trim() !== ''
+                ? String(desc)
+                : undefined;
+        });
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        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 = String(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/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/src/components/primitives/select/select.component.d.ts

@@ -0,0 +1,39 @@
+import { InteractionContract } from '@origostudio/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;
+}

package/src/components/primitives/select/select.component.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectComponent = 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 SelectComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-select',
+            standalone: true,
+            templateUrl: './select.component.html',
+            styleUrls: ['./select.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-select]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var SelectComponent = 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);
+            SelectComponent = _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',
+            placeholder: 'string',
+            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.filter(o => o != null && o.value != null && o.label != null)
+                : [];
+        });
+        computedPlaceholder = (0, core_1.computed)(() => this.contract().props?.placeholder ?? '');
+        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;
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const desc = this.contract().props?.['aria-describedby'];
+            return desc !== undefined && desc !== null ? String(desc) : 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 || this.computedDisabled())
+                return;
+            const rawValue = target.value;
+            const sanitizedValue = this.sanitizer.sanitize(core_1.SecurityContext.HTML, rawValue) || rawValue || '';
+            if (target.value !== sanitizedValue) {
+                target.value = sanitizedValue;
+            }
+            this.value.set(sanitizedValue);
+            this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SelectComponent = _classThis;
+})();
+exports.SelectComponent = SelectComponent;
+//# sourceMappingURL=select.component.js.map

package/src/components/primitives/select/select.component.js.map

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

package/src/components/primitives/sidebar/sidebar.component.d.ts

@@ -0,0 +1,37 @@
+import { InteractionContract } from '@origostudio/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;
+}

package/src/components/primitives/sidebar/sidebar.component.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarComponent = 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 SidebarComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-sidebar',
+            standalone: true,
+            templateUrl: './sidebar.component.html',
+            styleUrls: ['./sidebar.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-sidebar]': 'true',
+                '[class.origo-sidebar--collapsed]': 'computedCollapsed()',
+                '[attr.data-testid]': 'contract().id',
+                '[attr.aria-label]': 'computedAriaLabel()',
+                '[attr.aria-describedby]': 'computedAriaDescribedBy()',
+                role: 'navigation',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var SidebarComponent = 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);
+            SidebarComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            items: 'array',
+            collapsed: '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);
+        computedCollapsed = (0, core_1.computed)(() => !!this.contract().props?.collapsed);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            return label !== undefined && label !== null ? String(label) : 'Sidebar';
+        });
+        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.key != null && item.label != null && item.outcomeRef != null)
+                .map(item => {
+                return {
+                    key: String(item.key),
+                    label: this.sanitizer.sanitize(core_1.SecurityContext.HTML, String(item.label)) ||
+                        String(item.label).replace(/[<>]/g, ''),
+                    icon: item.icon
+                        ? this.sanitizer.sanitize(core_1.SecurityContext.HTML, String(item.icon)) ||
+                            String(item.icon).replace(/[<>]/g, '')
+                        : undefined,
+                    outcomeRef: String(item.outcomeRef),
+                };
+            });
+        });
+        computedActiveOutcome = (0, core_1.computed)(() => this.contract().props?.activeOutcome);
+        onItemClick(item) {
+            if (!item.outcomeRef)
+                return;
+            this.experienceAdapter.updateState(this.contract().id, 'activeOutcome', item.outcomeRef);
+        }
+        onKeyDown(event, item, index) {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                this.onItemClick(item);
+                return;
+            }
+            const host = event.target;
+            const links = Array.from(host.closest('.origo-sidebar__list')?.querySelectorAll('.origo-sidebar__link') || []);
+            if (event.key === 'ArrowDown') {
+                event.preventDefault();
+                const next = links[index + 1];
+                if (next)
+                    next.focus();
+            }
+            else if (event.key === 'ArrowUp') {
+                event.preventDefault();
+                const prev = links[index - 1];
+                if (prev)
+                    prev.focus();
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SidebarComponent = _classThis;
+})();
+exports.SidebarComponent = SidebarComponent;
+//# sourceMappingURL=sidebar.component.js.map

package/src/components/primitives/sidebar/sidebar.component.js.map

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

package/src/components/primitives/switch/switch.component.d.ts

@@ -0,0 +1,22 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface SwitchProps {
+    checked?: boolean;
+    label?: string;
+    disabled?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class SwitchComponent implements OrigoAdapter<SwitchProps> {
+    static readonly contractSchema: Record<string, 'string' | 'number' | 'boolean' | 'object' | 'array'>;
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<SwitchProps>>;
+    checked: import("@angular/core").ModelSignal<boolean>;
+    computedLabel: import("@angular/core").Signal<string>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    private experienceAdapter;
+    constructor();
+    onChange(event: Event): void;
+}

package/src/components/primitives/switch/switch.component.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchComponent = 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");
+let SwitchComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-switch',
+            standalone: true,
+            templateUrl: './switch.component.html',
+            styleUrls: ['./switch.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-switch]': 'true',
+                '[attr.data-testid]': 'contract().id ?? ""',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var SwitchComponent = 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);
+            SwitchComponent = _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',
+        };
+        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);
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const v = this.contract().props?.['aria-label'];
+            return v !== undefined && v !== null && String(v).trim() !== '' ? String(v) : undefined;
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const v = this.contract().props?.['aria-describedby'];
+            return v !== undefined && v !== null && String(v).trim() !== '' ? String(v) : undefined;
+        });
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        constructor() {
+            (0, core_1.effect)(() => {
+                const props = this.contract().props;
+                const coerced = props
+                    ? (0, adapter_1.coerceContractProps)(props, SwitchComponent.contractSchema)
+                    : {};
+                const contractVal = coerced['checked'] !== undefined ? !!coerced['checked'] : this.checked();
+                (0, core_1.untracked)(() => {
+                    if (contractVal === this.checked())
+                        return;
+                    this.checked.set(contractVal);
+                });
+            });
+        }
+        onChange(event) {
+            const target = event.target;
+            if (!(target instanceof HTMLInputElement) || this.computedDisabled() || !this.contract().id)
+                return;
+            const isChecked = target.checked;
+            this.checked.set(isChecked);
+            this.experienceAdapter.updateState(this.contract().id, 'checked', isChecked);
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SwitchComponent = _classThis;
+})();
+exports.SwitchComponent = SwitchComponent;
+//# sourceMappingURL=switch.component.js.map

package/src/components/primitives/switch/switch.component.js.map

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

package/src/components/primitives/tabs/tabs.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, QueryList } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface TabItem {
+    key: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    tabs?: Array<TabItem>;
+    activeTab?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class TabsComponent implements OrigoAdapter<TabsProps> {
+    static readonly contractSchema: {
+        tabs: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<TabsProps>>;
+    private experienceAdapter;
+    private sanitizer;
+    tabButtons: QueryList<ElementRef<HTMLButtonElement>>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    computedTabs: import("@angular/core").Signal<{
+        key: string;
+        label: string;
+        disabled: boolean;
+    }[]>;
+    computedActiveTab: import("@angular/core").Signal<string | undefined>;
+    onTabClick(tab: TabItem): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+}