@origostudio/origo-design 0.0.0 → 0.0.24

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

@@ -0,0 +1,30 @@
+import { InteractionContract } from '@origo/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;
+    private sanitizer;
+    constructor();
+    onInput(event: Event): void;
+}

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextInputComponent = 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 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',
+            },
+        })];
+    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)(() => this.contract().props?.['aria-label']);
+        computedAriaDescribedBy = (0, core_1.computed)(() => this.contract().props?.['aria-describedby']);
+        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;
+                (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 = this.sanitizer.sanitize(core_1.SecurityContext.HTML, 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/dist/packages/angular-renderer/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/dist/packages/angular-renderer/src/components/primitives/vbox/vbox.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 VBoxProps {
+    gap?: number | string;
+    alignment?: 'start' | 'center' | 'end' | 'stretch';
+    padding?: number | 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>;
+}

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

@@ -0,0 +1,76 @@
+"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',
+                '[style.gap]': 'computedGap()',
+                '[style.align-items]': 'computedAlignment()',
+                '[style.padding]': 'computedPadding()',
+            },
+        })];
+    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);
+        });
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return VBoxComponent = _classThis;
+})();
+exports.VBoxComponent = VBoxComponent;
+//# sourceMappingURL=vbox.component.js.map

package/dist/packages/angular-renderer/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":";;;;AAAA,wCAQuB;IAwBV,aAAa;4BAdzB,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,aAAa,EAAE,eAAe;gBAC9B,qBAAqB,EAAE,qBAAqB;gBAC5C,iBAAiB,EAAE,mBAAmB;aACvC;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/index.d.ts

@@ -0,0 +1,7 @@
+export * from './lib/theme.provider';
+export * from './lib/renderer.component';
+export * from './lib/renderer.tokens';
+export * from './adapters/web/adapter';
+export * from './components/primitives/vbox/vbox.component';
+export * from './components/primitives/text-input/text-input.component';
+export * from './components/primitives/button/button.component';

package/dist/packages/angular-renderer/src/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./lib/theme.provider"), exports);
+tslib_1.__exportStar(require("./lib/renderer.component"), exports);
+tslib_1.__exportStar(require("./lib/renderer.tokens"), exports);
+tslib_1.__exportStar(require("./adapters/web/adapter"), exports);
+tslib_1.__exportStar(require("./components/primitives/vbox/vbox.component"), exports);
+tslib_1.__exportStar(require("./components/primitives/text-input/text-input.component"), exports);
+tslib_1.__exportStar(require("./components/primitives/button/button.component"), exports);
+//# sourceMappingURL=index.js.map

package/dist/packages/angular-renderer/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular-renderer/src/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,gEAAsC;AACtC,iEAAuC;AACvC,sFAA4D;AAC5D,kGAAwE;AACxE,0FAAgE"}

package/dist/packages/angular-renderer/src/lib/renderer.component.d.ts

@@ -0,0 +1,12 @@
+import { ASTNode } from '@origo/core';
+export declare class OrigoRendererComponent {
+    node: import("@angular/core").InputSignal<ASTNode>;
+    private registry;
+    private vc;
+    private destroyRef;
+    private adapter;
+    private renderId;
+    private isDestroyed;
+    constructor();
+    private renderTree;
+}

package/dist/packages/angular-renderer/src/lib/renderer.component.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrigoRendererComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const renderer_tokens_1 = require("./renderer.tokens");
+const adapter_1 = require("../adapters/web/adapter");
+let OrigoRendererComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-renderer',
+            standalone: true,
+            template: `<ng-container #vc></ng-container>`,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var OrigoRendererComponent = 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);
+            OrigoRendererComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        node = core_1.input.required();
+        registry = (0, core_1.inject)(renderer_tokens_1.RENDERER_REGISTRY, { optional: true }) ?? new Map();
+        vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
+        destroyRef = (0, core_1.inject)(core_1.DestroyRef);
+        adapter = (0, core_1.inject)(adapter_1.AdapterPipelineService);
+        renderId = 0;
+        isDestroyed = false;
+        constructor() {
+            this.destroyRef.onDestroy(() => (this.isDestroyed = true));
+            (0, core_1.effect)(() => {
+                const n = this.node();
+                const container = this.vc();
+                const currentId = ++this.renderId;
+                container.clear();
+                if (n) {
+                    this.renderTree(n, container, currentId);
+                }
+            });
+        }
+        async renderTree(rootNode, rootVc, traversalId) {
+            const queue = [{ node: rootNode, vc: rootVc }];
+            const CHUNK_SIZE = 50;
+            const visited = new Set();
+            while (queue.length > 0) {
+                if (this.isDestroyed || traversalId !== this.renderId)
+                    return;
+                let processed = 0;
+                while (queue.length > 0 && processed < CHUNK_SIZE) {
+                    const item = queue.shift();
+                    if (!item)
+                        continue;
+                    processed++;
+                    const { node, vc } = item;
+                    if (visited.has(node.id))
+                        continue;
+                    visited.add(node.id);
+                    const componentType = this.registry.get(node.type);
+                    if (!componentType) {
+                        console.warn(`No primitive found for node type: ${node.type}`);
+                        if (node.children && node.children.length > 0) {
+                            for (const child of node.children) {
+                                if (child)
+                                    queue.push({ node: child, vc });
+                            }
+                        }
+                        continue;
+                    }
+                    const componentRef = vc.createComponent(componentType);
+                    // Extract optional schema/strict mode if defined on the component class
+                    const schema = componentType['contractSchema'];
+                    const strict = componentType['strictContract'] === true;
+                    const preparedNode = this.adapter.prepareNode(node, schema, strict);
+                    if ('contract' in componentRef.instance) {
+                        componentRef.setInput('contract', preparedNode);
+                    }
+                    else {
+                        console.warn(`Component for ${node.type} does not implement OrigoAdapter (missing 'contract' input).`);
+                    }
+                    if (node.children && node.children.length > 0) {
+                        componentRef.changeDetectorRef.detectChanges();
+                        const instance = componentRef.instance;
+                        let childVc = instance.vc || instance.viewContainerRef;
+                        if (typeof childVc === 'function') {
+                            childVc = childVc();
+                        }
+                        if (childVc) {
+                            for (const child of node.children) {
+                                if (child)
+                                    queue.push({ node: child, vc: childVc });
+                            }
+                        }
+                        else {
+                            console.warn(`Component for ${node.type} has children but does not expose a ViewContainerRef as 'vc'`);
+                        }
+                    }
+                    else {
+                        componentRef.changeDetectorRef.markForCheck();
+                    }
+                }
+                if (queue.length > 0) {
+                    await new Promise(resolve => setTimeout(resolve, 0));
+                }
+            }
+        }
+    };
+    return OrigoRendererComponent = _classThis;
+})();
+exports.OrigoRendererComponent = OrigoRendererComponent;
+//# sourceMappingURL=renderer.component.js.map

package/dist/packages/angular-renderer/src/lib/renderer.component.js.map

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

package/dist/packages/angular-renderer/src/lib/renderer.tokens.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken, Type } from '@angular/core';
+export declare const RENDERER_REGISTRY: InjectionToken<Map<string, Type<unknown>>>;

package/dist/packages/angular-renderer/src/lib/renderer.tokens.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RENDERER_REGISTRY = void 0;
+const core_1 = require("@angular/core");
+exports.RENDERER_REGISTRY = new core_1.InjectionToken('RENDERER_REGISTRY', {
+    providedIn: 'root',
+    factory: () => new Map(),
+});
+//# sourceMappingURL=renderer.tokens.js.map

package/dist/packages/angular-renderer/src/lib/renderer.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.tokens.js","sourceRoot":"","sources":["../../../../../packages/angular-renderer/src/lib/renderer.tokens.ts"],"names":[],"mappings":";;;AAAA,wCAAqD;AAExC,QAAA,iBAAiB,GAAG,IAAI,qBAAc,CACjD,mBAAmB,EACnB;IACE,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE;CACzB,CACF,CAAC"}

package/dist/packages/angular-renderer/src/lib/theme.provider.d.ts

@@ -0,0 +1,13 @@
+import { Provider } from '@angular/core';
+export interface OrigoThemeOptions {
+    url?: string;
+    theme?: Record<string, unknown>;
+    targetElement?: HTMLElement | string;
+}
+export declare function themeInitializerFactory(optionsOrUrl: string | OrigoThemeOptions, platformId: object, document: Document | null): () => Promise<(() => void) | (() => void)> | Promise<void>;
+/**
+ * Provides the Origo Design theme initialization for the Angular Web Adapter.
+ *
+ * @param optionsOrUrl URL string to the theme.json file, or an options object configuring the theme.
+ */
+export declare function provideOrigoTheme(optionsOrUrl: string | OrigoThemeOptions): Provider[];

package/dist/packages/angular-renderer/src/lib/theme.provider.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeInitializerFactory = themeInitializerFactory;
+exports.provideOrigoTheme = provideOrigoTheme;
+const core_1 = require("@angular/core");
+const common_1 = require("@angular/common");
+const runtime_1 = require("@origo/design-tokens/runtime");
+function themeInitializerFactory(optionsOrUrl, platformId, document) {
+    return () => {
+        if ((0, common_1.isPlatformBrowser)(platformId)) {
+            const isString = typeof optionsOrUrl === 'string';
+            const url = isString ? optionsOrUrl : optionsOrUrl.url;
+            const theme = isString ? undefined : optionsOrUrl.theme;
+            // Resolve target element
+            let target;
+            if (!isString && typeof optionsOrUrl.targetElement === 'string') {
+                target = document?.querySelector(optionsOrUrl.targetElement);
+                if (!target) {
+                    console.warn(`[origo-design] targetElement selector '${optionsOrUrl.targetElement}' matched nothing. Falling back to documentElement.`);
+                    target = document ? document.documentElement : undefined;
+                }
+            }
+            else if (!isString && optionsOrUrl.targetElement instanceof HTMLElement) {
+                target = optionsOrUrl.targetElement;
+            }
+            else {
+                target = document ? document.documentElement : undefined;
+            }
+            if (theme && url) {
+                const staticTeardown = (0, runtime_1.injectTheme)(theme, target);
+                return (0, runtime_1.loadAndInjectTheme)(url, target)
+                    .then(fetchTeardown => {
+                    return () => {
+                        if (typeof staticTeardown === 'function')
+                            staticTeardown();
+                        fetchTeardown();
+                    };
+                })
+                    .catch(e => {
+                    console.error('[origo-design] theme init failed', e);
+                    return typeof staticTeardown === 'function' ? staticTeardown : () => undefined;
+                });
+            }
+            else if (theme) {
+                const teardown = (0, runtime_1.injectTheme)(theme, target);
+                return Promise.resolve(typeof teardown === 'function' ? teardown : () => undefined);
+            }
+            else if (url) {
+                return (0, runtime_1.loadAndInjectTheme)(url, target).catch(e => {
+                    console.error('[origo-design] theme init failed', e);
+                    return () => undefined;
+                });
+            }
+            else {
+                console.warn('[origo-design] options provided with neither theme nor url');
+                return Promise.resolve(() => undefined);
+            }
+        }
+        return Promise.resolve();
+    };
+}
+/**
+ * Provides the Origo Design theme initialization for the Angular Web Adapter.
+ *
+ * @param optionsOrUrl URL string to the theme.json file, or an options object configuring the theme.
+ */
+function provideOrigoTheme(optionsOrUrl) {
+    return [
+        {
+            provide: core_1.APP_INITIALIZER,
+            useFactory: (platformId, document) => themeInitializerFactory(optionsOrUrl, platformId, document),
+            deps: [core_1.PLATFORM_ID, [new core_1.Optional(), common_1.DOCUMENT]],
+            multi: true,
+        },
+    ];
+}
+//# sourceMappingURL=theme.provider.js.map

package/dist/packages/angular-renderer/src/lib/theme.provider.js.map

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

package/dist/packages/cli/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.24 (2026-09-07)
+
+This was a version bump only for cli to align it with other projects, there were no code changes.
+
+## 0.0.23 (2026-09-07)
+
+### 🚀 Features
+
+- add CLI package and configure automated Nx release pipeline ([6ec80c7](https://github.com/OrigoStudio/origo-design/commit/6ec80c7))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.22 (2026-09-04)
 
 ### 🚀 Features

package/dist/packages/cli/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "@origo/cli",
-  "version": "0.0.22",
-  "private": true,
+  "name": "@origostudio/cli",
+  "version": "0.0.24",
+  "private": false,
   "type": "commonjs",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",
@@ -9,7 +9,7 @@
     "origo": "./src/main.js"
   },
   "dependencies": {
-    "@origo/core": "0.0.22",
+    "@origo/core": "0.0.24",
     "commander": "^15.0.0",
     "tslib": "^2.3.0"
   }

package/dist/packages/cli/package.json.bak

@@ -1,7 +1,7 @@
 {
-  "name": "@origo/cli",
-  "version": "0.0.22",
-  "private": true,
+  "name": "@origostudio/cli",
+  "version": "0.0.24",
+  "private": false,
   "type": "commonjs",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",
@@ -9,7 +9,7 @@
     "origo": "./src/main.js"
   },
   "dependencies": {
-    "@origo/core": "0.0.22",
+    "@origo/core": "0.0.24",
     "commander": "^15.0.0",
     "tslib": "^2.3.0"
   }

package/dist/packages/core/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.0.24 (2026-09-07)
+
+This was a version bump only for core to align it with other projects, there were no code changes.
+
+## 0.0.23 (2026-09-07)
+
+This was a version bump only for core to align it with other projects, there were no code changes.
+
 ## 0.0.22 (2026-09-04)
 
 ### 🚀 Features

package/dist/packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origo/core",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "private": true,
   "type": "commonjs",
   "main": "./src/index.js",

package/dist/packages/core/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@origo/core",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "private": true,
   "type": "commonjs",
   "main": "./src/index.js",