@origostudio/angular-renderer 0.0.40

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

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsComponent = 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 TabsComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-tabs',
+            standalone: true,
+            templateUrl: './tabs.component.html',
+            styleUrls: ['./tabs.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-tabs]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _tabButtons_decorators;
+    let _tabButtons_initializers = [];
+    let _tabButtons_extraInitializers = [];
+    var TabsComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _tabButtons_decorators = [(0, core_1.ViewChildren)('tabButton')];
+            tslib_1.__esDecorate(null, null, _tabButtons_decorators, { kind: "field", name: "tabButtons", static: false, private: false, access: { has: obj => "tabButtons" in obj, get: obj => obj.tabButtons, set: (obj, value) => { obj.tabButtons = value; } }, metadata: _metadata }, _tabButtons_initializers, _tabButtons_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            TabsComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            tabs: '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);
+        tabButtons = tslib_1.__runInitializers(this, _tabButtons_initializers, void 0);
+        computedAriaLabel = (tslib_1.__runInitializers(this, _tabButtons_extraInitializers), (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;
+        });
+        computedTabs = (0, core_1.computed)(() => {
+            const tabs = this.contract().props?.tabs;
+            if (!Array.isArray(tabs))
+                return [];
+            return tabs
+                .filter(tab => tab != null && tab.key != null && tab.label != null)
+                .map(tab => {
+                return {
+                    key: String(tab.key),
+                    label: this.sanitizer.sanitize(core_1.SecurityContext.HTML, String(tab.label)) ||
+                        String(tab.label).replace(/[<>]/g, ''),
+                    disabled: !!tab.disabled,
+                };
+            });
+        });
+        computedActiveTab = (0, core_1.computed)(() => {
+            const active = this.contract().props?.activeTab;
+            if (active)
+                return active;
+            const tabs = this.computedTabs();
+            return tabs.length > 0 ? tabs[0].key : undefined;
+        });
+        onTabClick(tab) {
+            if (tab.disabled || !tab.key)
+                return;
+            this.experienceAdapter.updateState(this.contract().id, 'activeTab', tab.key);
+        }
+        onKeyDown(event, index) {
+            const tabs = this.computedTabs();
+            if (tabs.length === 0)
+                return;
+            let nextIndex = index;
+            const isRtl = typeof window !== 'undefined' && event.target instanceof Element
+                ? window.getComputedStyle(event.target).direction === 'rtl'
+                : false;
+            if (event.key === 'ArrowRight') {
+                nextIndex = isRtl ? index - 1 : index + 1;
+                event.preventDefault();
+            }
+            else if (event.key === 'ArrowLeft') {
+                nextIndex = isRtl ? index + 1 : index - 1;
+                event.preventDefault();
+            }
+            else if (event.key === 'Home') {
+                nextIndex = 0;
+                event.preventDefault();
+            }
+            else if (event.key === 'End') {
+                nextIndex = tabs.length - 1;
+                event.preventDefault();
+            }
+            if (nextIndex < 0)
+                nextIndex = tabs.length - 1;
+            if (nextIndex >= tabs.length)
+                nextIndex = 0;
+            if (nextIndex !== index) {
+                setTimeout(() => {
+                    const buttons = this.tabButtons?.toArray();
+                    if (buttons && buttons[nextIndex]) {
+                        buttons[nextIndex].nativeElement.focus();
+                    }
+                });
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return TabsComponent = _classThis;
+})();
+exports.TabsComponent = TabsComponent;
+//# sourceMappingURL=tabs.component.js.map

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

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

package/src/components/primitives/text-input/text-input.component.d.ts

@@ -0,0 +1,29 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface TextInputProps {
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class TextInputComponent implements OrigoAdapter<TextInputProps> {
+    static readonly contractSchema: {
+        value: string;
+        placeholder: string;
+        disabled: string;
+        readonly: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<TextInputProps>>;
+    value: import("@angular/core").ModelSignal<string>;
+    computedPlaceholder: import("@angular/core").Signal<string>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedReadonly: import("@angular/core").Signal<boolean>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    private experienceAdapter;
+    constructor();
+    onInput(event: Event): void;
+}

package/src/components/primitives/text-input/text-input.component.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextInputComponent = 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 TextInputComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-text-input',
+            standalone: true,
+            templateUrl: './text-input.component.html',
+            styleUrls: ['./text-input.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-text-input]': 'true',
+                '[attr.data-testid]': 'contract().id ?? ""',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var TextInputComponent = 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);
+            TextInputComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            value: 'string',
+            placeholder: 'string',
+            disabled: 'boolean',
+            readonly: 'boolean',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        value = (0, core_1.model)('');
+        computedPlaceholder = (0, core_1.computed)(() => this.contract().props?.placeholder ?? '');
+        computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
+        computedReadonly = (0, core_1.computed)(() => !!this.contract().props?.readonly);
+        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;
+                (0, core_1.untracked)(() => this.value.set(contractVal !== undefined && contractVal !== null ? String(contractVal) : ''));
+            });
+        }
+        onInput(event) {
+            const target = event.target;
+            if (!target)
+                return;
+            const rawValue = target.value;
+            const sanitizedValue = String(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 TextInputComponent = _classThis;
+})();
+exports.TextInputComponent = TextInputComponent;
+//# sourceMappingURL=text-input.component.js.map

package/src/components/primitives/text-input/text-input.component.js.map

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

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

@@ -0,0 +1,36 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface TextareaProps {
+    value?: string;
+    placeholder?: string;
+    rows?: number;
+    disabled?: boolean;
+    readonly?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    required?: boolean;
+}
+export declare class TextareaComponent implements OrigoAdapter<TextareaProps> {
+    static readonly contractSchema: {
+        value: string;
+        placeholder: string;
+        rows: string;
+        disabled: string;
+        readonly: string;
+        required: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<TextareaProps>>;
+    value: import("@angular/core").ModelSignal<string>;
+    computedPlaceholder: import("@angular/core").Signal<string>;
+    computedRows: import("@angular/core").Signal<number>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedReadonly: 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();
+    onInput(event: Event): void;
+}

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

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextareaComponent = 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 TextareaComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-textarea',
+            standalone: true,
+            templateUrl: './textarea.component.html',
+            styleUrls: ['./textarea.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-textarea]': 'true',
+                '[attr.data-testid]': 'contract().id',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var TextareaComponent = 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);
+            TextareaComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            value: 'string',
+            placeholder: 'string',
+            rows: 'number',
+            disabled: 'boolean',
+            readonly: 'boolean',
+            required: 'boolean',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        value = (0, core_1.model)('');
+        computedPlaceholder = (0, core_1.computed)(() => this.contract().props?.placeholder ?? '');
+        computedRows = (0, core_1.computed)(() => {
+            const rows = this.contract().props?.rows;
+            return typeof rows === 'number' && rows > 0 ? Math.max(1, Math.round(rows)) : 3;
+        });
+        computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
+        computedReadonly = (0, core_1.computed)(() => !!this.contract().props?.readonly);
+        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);
+                });
+            });
+        }
+        onInput(event) {
+            const target = event.target;
+            if (!target || this.computedDisabled() || this.computedReadonly())
+                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 TextareaComponent = _classThis;
+})();
+exports.TextareaComponent = TextareaComponent;
+//# sourceMappingURL=textarea.component.js.map

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

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

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

@@ -0,0 +1,25 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
+export interface VBoxProps {
+    gap?: number | string;
+    alignment?: 'start' | 'center' | 'end' | 'stretch';
+    padding?: number | string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class VBoxComponent implements OrigoAdapter<VBoxProps>, ContainerComponent {
+    static readonly contractSchema: {
+        gap: string;
+        alignment: string;
+        padding: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<VBoxProps>>;
+    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>;
+    computedAriaLabel: import("@angular/core").Signal<string | undefined>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+}

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

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VBoxComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+let VBoxComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-vbox',
+            standalone: true,
+            templateUrl: './vbox.component.html',
+            styleUrls: ['./vbox.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-vbox]': 'true',
+                '[attr.data-testid]': 'contract().id ?? ""',
+                '[style.gap]': 'computedGap()',
+                '[style.align-items]': 'computedAlignment()',
+                '[style.padding-inline]': 'computedPadding()',
+                '[style.padding-block]': 'computedPadding()',
+                '[attr.aria-label]': 'computedAriaLabel()',
+                '[attr.aria-describedby]': 'computedAriaDescribedBy()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var VBoxComponent = 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);
+            VBoxComponent = _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);
+        });
+        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;
+        });
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return VBoxComponent = _classThis;
+})();
+exports.VBoxComponent = VBoxComponent;
+//# sourceMappingURL=vbox.component.js.map

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

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

package/src/devtools/devtools-bridge.d.ts

@@ -0,0 +1,34 @@
+export interface MetadataSource {
+    file: string;
+    line: number;
+}
+export interface ResolutionChain {
+    steps: string[];
+}
+export interface RenderingPath {
+    name: string;
+    badlPath: string;
+    children?: RenderingPath[];
+}
+export interface ErrorContext {
+    message: string;
+    stack: string;
+    badlPath: string;
+}
+export interface OrigoDevToolsAPI {
+    getActiveState: () => unknown;
+    getRenderingPath: (path: string) => RenderingPath | null;
+    getMetadataSource: (path: string) => MetadataSource | null;
+    getResolutionChain: (path: string) => ResolutionChain | null;
+    getErrorTelemetry: () => ErrorContext[];
+}
+declare global {
+    interface Window {
+        __ORIGO_DEVTOOLS__?: OrigoDevToolsAPI;
+    }
+}
+export declare function _injectTestState(state: unknown): void;
+export declare function _resetTestState(): void;
+export declare function appendErrorTelemetry(error: ErrorContext): void;
+export declare function getDevToolsAPI(): OrigoDevToolsAPI | null;
+export declare function initDevToolsBridge(): void;