@thinkersteps_labs/3d-viewer-angular 0.0.0-stage → 1.0.1

package/dist/viewer.component.d.ts

@@ -0,0 +1,136 @@
+import { EventEmitter, OnChanges, AfterViewInit, OnDestroy, SimpleChanges } from '@angular/core';
+import { type Viewer, type ViewerSourceInput, type MetalColorProp, type StoneColorProp, type ViewerOptions, type ViewerState, type PartInfo, type PartType, type MaterialSlotInfo } from '@thinkersteps_labs/3d-viewer-core';
+import * as i0 from "@angular/core";
+/**
+ * Angular wrapper for @3d-viewer/core.
+ *
+ * Usage (standalone):
+ *   import { ViewerComponent } from '@thinkersteps_labs/3d-viewer-angular'
+ *
+ * Usage (NgModule):
+ *   import { ViewerModule } from '@thinkersteps_labs/3d-viewer-angular'
+ *
+ * @example
+ * ```html
+ * <td-viewer
+ *   [src]="'/models/ring.glb'"
+ *   [metalColor]="'yellow-gold-18k'"
+ *   [stoneColor]="'diamond-d'"
+ *   (loaded)="onLoaded($event)"
+ *   (error)="onError($event)"
+ * ></td-viewer>
+ * ```
+ */
+export declare class ViewerComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /** Direct 3D model URL string. Resolves and normalizes format automatically. */
+    src?: string;
+    /** The 3D model to load. Supports URL string, ModelSource payload, or null to unload. */
+    source: ViewerSourceInput;
+    /** Metal preset ID or hex color string. Reactive post-init. */
+    metalColor?: MetalColorProp;
+    /** Stone preset ID or hex color string. Reactive post-init. */
+    stoneColor?: StoneColorProp;
+    /** Bulk material name or pinpoint slot ID color overrides. Reactive. */
+    materialColors?: Record<string, string>;
+    /** Part color overrides keyed by partId or partId:slotIndex. Reactive. */
+    partColors?: Record<string, string>;
+    /** Optional explicit container height (e.g. 520 or '520px'). Prevents 0px collapse. */
+    height?: number | string;
+    /** Optional explicit container min-height. */
+    minHeight?: number | string;
+    get hostHeight(): string | undefined;
+    get hostMinHeight(): string | undefined;
+    /** Background color as hex string or number. */
+    background?: string | number;
+    /** Metal HDR environment URL or buffer. */
+    metalEnvUrl?: string | ArrayBuffer;
+    /** Gemstone HDR environment URL or buffer. */
+    gemEnvUrl?: string | ArrayBuffer;
+    /** Camera field of view. */
+    fov?: number;
+    /** Enable shadow rendering. */
+    shadows?: boolean;
+    /**
+     * Init-time viewer options (background, fov, shadows, etc.).
+     * Changes after mount are ignored — use dedicated reactive inputs instead.
+     */
+    options?: ViewerOptions;
+    /**
+     * Reactive auto-rotation toggle. Calls startRotation() / stopRotation() on change.
+     * Overrides the autoRotate flag in `options` after initialization.
+     */
+    autoRotate?: boolean;
+    /**
+     * Reactive render quality. Calls setQuality() on change.
+     * Overrides the quality flag in `options` after initialization.
+     */
+    quality?: 'low' | 'medium' | 'high';
+    /**
+     * Full viewer state object. When changed, calls viewer.setState() — a COMPLETE
+     * replace of metalColor, stoneColor, camera, and part overrides. Not a merge.
+     * Takes precedence over individual metalColor / stoneColor inputs.
+     */
+    state?: ViewerState;
+    /** Emits classified part list (with attached .materials) when model finishes loading. */
+    loaded: EventEmitter<PartInfo[] & {
+        parts: PartInfo[];
+        materials: MaterialSlotInfo[];
+    }>;
+    /** Emits { parts, materials } when model finishes loading. */
+    modelLoaded: EventEmitter<{
+        parts: PartInfo[];
+        materials: MaterialSlotInfo[];
+    }>;
+    /** Emits loading progress 0-1. $event = number */
+    progress: EventEmitter<number>;
+    /** Emits clicked part info and slot metadata. */
+    partSelected: EventEmitter<{
+        meshId: string;
+        partId?: string;
+        type: PartType;
+        slotIndex?: number;
+        slotId?: string;
+        materialName?: string;
+    }>;
+    /** Emits Error when model loading fails. */
+    error: EventEmitter<Error>;
+    /**
+     * Emits full ViewerState on every metal/stone/camera change.
+     * Use for persistence, undo history, or sharing a viewer URL.
+     * Note: OrbitControls dragging emits state updates continuously.
+     */
+    change: EventEmitter<ViewerState>;
+    private containerRef;
+    private viewer;
+    private abortCtrl;
+    private initRafId;
+    /**
+     * Source received before viewer is initialized. Applied in ngAfterViewInit.
+     * Needed because ngOnChanges fires before ngAfterViewInit on first render.
+     */
+    private pendingSource;
+    /** Direct access to underlying @3d-viewer/core instance (null before mount/after destroy). */
+    getViewer(): Viewer | null;
+    /** Apply bulk or pinpoint material slot color override. */
+    setMaterialColor(slotIdOrName: string, colorOrPresetId: string): void;
+    /** Apply part color override. */
+    setPartColor(partIdOrMeshId: string, colorOrPresetId: string, slotIndex?: number): void;
+    /** Clear override for a material slot. */
+    clearMaterialColor(slotIdOrName: string): void;
+    /** Clear override for a part. */
+    clearPartColor(partIdOrMeshId: string, slotIndex?: number): void;
+    /** Reset all material and part color overrides back to global defaults. */
+    clearOverrides(): void;
+    /** Get detected material slots from loaded model. */
+    getMaterials(): MaterialSlotInfo[];
+    /** Get detected parts from loaded model. */
+    getParts(): PartInfo[];
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private _loadSource;
+    private _isSameSource;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewerComponent, "td-viewer", never, { "src": { "alias": "src"; "required": false; }; "source": { "alias": "source"; "required": false; }; "metalColor": { "alias": "metalColor"; "required": false; }; "stoneColor": { "alias": "stoneColor"; "required": false; }; "materialColors": { "alias": "materialColors"; "required": false; }; "partColors": { "alias": "partColors"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "background": { "alias": "background"; "required": false; }; "metalEnvUrl": { "alias": "metalEnvUrl"; "required": false; }; "gemEnvUrl": { "alias": "gemEnvUrl"; "required": false; }; "fov": { "alias": "fov"; "required": false; }; "shadows": { "alias": "shadows"; "required": false; }; "options": { "alias": "options"; "required": false; }; "autoRotate": { "alias": "autoRotate"; "required": false; }; "quality": { "alias": "quality"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "loaded": "loaded"; "modelLoaded": "modelLoaded"; "progress": "progress"; "partSelected": "partSelected"; "error": "error"; "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=viewer.component.d.ts.map

package/dist/viewer.component.d.ts.map

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

package/dist/viewer.component.js

@@ -0,0 +1,339 @@
+import { Component, Input, Output, EventEmitter, ViewChild, ChangeDetectionStrategy, HostBinding, } from '@angular/core';
+import { createViewer, normalizeModelSource, } from '@thinkersteps_labs/3d-viewer-core';
+import * as i0 from "@angular/core";
+/**
+ * Angular wrapper for @3d-viewer/core.
+ *
+ * Usage (standalone):
+ *   import { ViewerComponent } from '@thinkersteps_labs/3d-viewer-angular'
+ *
+ * Usage (NgModule):
+ *   import { ViewerModule } from '@thinkersteps_labs/3d-viewer-angular'
+ *
+ * @example
+ * ```html
+ * <td-viewer
+ *   [src]="'/models/ring.glb'"
+ *   [metalColor]="'yellow-gold-18k'"
+ *   [stoneColor]="'diamond-d'"
+ *   (loaded)="onLoaded($event)"
+ *   (error)="onError($event)"
+ * ></td-viewer>
+ * ```
+ */
+export class ViewerComponent {
+    constructor() {
+        /** The 3D model to load. Supports URL string, ModelSource payload, or null to unload. */
+        this.source = null;
+        // ── Outputs ───────────────────────────────────────────────────────────────
+        /** Emits classified part list (with attached .materials) when model finishes loading. */
+        this.loaded = new EventEmitter();
+        /** Emits { parts, materials } when model finishes loading. */
+        this.modelLoaded = new EventEmitter();
+        /** Emits loading progress 0-1. $event = number */
+        this.progress = new EventEmitter();
+        /** Emits clicked part info and slot metadata. */
+        this.partSelected = new EventEmitter();
+        /** Emits Error when model loading fails. */
+        this.error = new EventEmitter();
+        /**
+         * Emits full ViewerState on every metal/stone/camera change.
+         * Use for persistence, undo history, or sharing a viewer URL.
+         * Note: OrbitControls dragging emits state updates continuously.
+         */
+        this.change = new EventEmitter();
+        this.viewer = null;
+        this.abortCtrl = null;
+        this.initRafId = null;
+        /**
+         * Source received before viewer is initialized. Applied in ngAfterViewInit.
+         * Needed because ngOnChanges fires before ngAfterViewInit on first render.
+         */
+        this.pendingSource = null;
+    }
+    get hostHeight() {
+        if (this.height === undefined)
+            return undefined;
+        return typeof this.height === 'number' ? `${this.height}px` : this.height;
+    }
+    get hostMinHeight() {
+        if (this.minHeight === undefined)
+            return undefined;
+        return typeof this.minHeight === 'number' ? `${this.minHeight}px` : this.minHeight;
+    }
+    // ── Public Access ─────────────────────────────────────────────────────────
+    /** Direct access to underlying @3d-viewer/core instance (null before mount/after destroy). */
+    getViewer() {
+        return this.viewer;
+    }
+    /** Apply bulk or pinpoint material slot color override. */
+    setMaterialColor(slotIdOrName, colorOrPresetId) {
+        this.viewer?.setMaterialColor(slotIdOrName, colorOrPresetId);
+    }
+    /** Apply part color override. */
+    setPartColor(partIdOrMeshId, colorOrPresetId, slotIndex) {
+        this.viewer?.setPartColor(partIdOrMeshId, colorOrPresetId, slotIndex);
+    }
+    /** Clear override for a material slot. */
+    clearMaterialColor(slotIdOrName) {
+        this.viewer?.clearMaterialColor(slotIdOrName);
+    }
+    /** Clear override for a part. */
+    clearPartColor(partIdOrMeshId, slotIndex) {
+        this.viewer?.clearPartColor(partIdOrMeshId, slotIndex);
+    }
+    /** Reset all material and part color overrides back to global defaults. */
+    clearOverrides() {
+        this.viewer?.clearOverrides();
+    }
+    /** Get detected material slots from loaded model. */
+    getMaterials() {
+        return this.viewer?.getMaterials() ?? [];
+    }
+    /** Get detected parts from loaded model. */
+    getParts() {
+        return this.viewer?.getParts() ?? [];
+    }
+    // ── Lifecycle ─────────────────────────────────────────────────────────────
+    ngAfterViewInit() {
+        // requestAnimationFrame ensures the container has real layout dimensions
+        // before createViewer initializes the WebGLRenderer (matches AngularJMS pattern).
+        this.initRafId = requestAnimationFrame(() => {
+            this.initRafId = null;
+            const viewerOptions = {
+                ...this.options,
+                ...(this.background !== undefined && { background: this.background }),
+                ...(this.fov !== undefined && { fov: this.fov }),
+                ...(this.shadows !== undefined && { shadows: this.shadows }),
+                ...(this.autoRotate !== undefined && { autoRotate: this.autoRotate }),
+                ...(this.quality !== undefined && { quality: this.quality }),
+                ...(this.metalEnvUrl !== undefined && { metalEnvUrl: this.metalEnvUrl }),
+                ...(this.gemEnvUrl !== undefined && { gemEnvUrl: this.gemEnvUrl }),
+            };
+            this.viewer = createViewer(this.containerRef.nativeElement, viewerOptions);
+            this.viewer.on('loaded', ({ parts, materials }) => {
+                const payload = Object.assign([...parts], { parts, materials });
+                this.loaded.emit(payload);
+                this.modelLoaded.emit({ parts, materials });
+            });
+            this.viewer.on('loading', ({ progress }) => this.progress.emit(progress));
+            this.viewer.on('error', (err) => this.error.emit(err));
+            this.viewer.on('partSelected', (info) => this.partSelected.emit(info));
+            this.viewer.on('change', (state) => this.change.emit(state));
+            // Apply initial model source if one was queued.
+            const initial = this.src ?? this.source ?? this.pendingSource;
+            if (initial) {
+                this._loadSource(initial);
+                this.pendingSource = null;
+            }
+            // Precedence: full state snapshot overrides individual color inputs
+            if (this.state) {
+                this.viewer.setState(this.state);
+            }
+            else {
+                if (this.metalColor)
+                    this.viewer.setMetalColor(this.metalColor);
+                if (this.stoneColor)
+                    this.viewer.setStoneColor(this.stoneColor);
+                if (this.materialColors) {
+                    for (const [key, color] of Object.entries(this.materialColors)) {
+                        this.viewer.setMaterialColor(key, color);
+                    }
+                }
+                if (this.partColors) {
+                    for (const [key, color] of Object.entries(this.partColors)) {
+                        if (key.includes(':')) {
+                            const [partId, slotIdxStr] = key.split(':');
+                            const slotIndex = parseInt(slotIdxStr ?? '', 10);
+                            this.viewer.setPartColor(partId ?? '', color, isNaN(slotIndex) ? undefined : slotIndex);
+                        }
+                        else {
+                            this.viewer.setPartColor(key, color);
+                        }
+                    }
+                }
+            }
+            if (this.autoRotate !== undefined) {
+                if (this.autoRotate)
+                    this.viewer.startRotation();
+                else
+                    this.viewer.stopRotation();
+            }
+            if (this.quality)
+                this.viewer.setQuality(this.quality);
+        });
+    }
+    ngOnChanges(changes) {
+        // Guard: viewer is null until ngAfterViewInit + rAF fires.
+        if (!this.viewer) {
+            if (changes['src'] || changes['source']) {
+                this.pendingSource = this.src ?? this.source;
+            }
+            return;
+        }
+        if (changes['src'] || changes['source']) {
+            const currentInput = this.src ?? this.source;
+            this._loadSource(currentInput);
+        }
+        // Precedence: if 'state' changed in this cycle, setState handles everything.
+        // Individual color inputs in the same cycle are ignored.
+        if (changes['state'] && this.state) {
+            this.viewer.setState(this.state);
+        }
+        else {
+            if (changes['metalColor'] && this.metalColor)
+                this.viewer.setMetalColor(this.metalColor);
+            if (changes['stoneColor'] && this.stoneColor)
+                this.viewer.setStoneColor(this.stoneColor);
+            if (changes['materialColors'] && this.viewer) {
+                const prev = changes['materialColors'].previousValue ?? {};
+                const current = this.materialColors ?? {};
+                for (const key of Object.keys(prev)) {
+                    if (!(key in current)) {
+                        this.viewer.clearMaterialColor(key);
+                    }
+                }
+                for (const [key, color] of Object.entries(current)) {
+                    if (prev[key] !== color) {
+                        this.viewer.setMaterialColor(key, color);
+                    }
+                }
+            }
+            if (changes['partColors'] && this.viewer) {
+                const prev = changes['partColors'].previousValue ?? {};
+                const current = this.partColors ?? {};
+                for (const key of Object.keys(prev)) {
+                    if (!(key in current)) {
+                        if (key.includes(':')) {
+                            const [partId, slotIdxStr] = key.split(':');
+                            const slotIndex = parseInt(slotIdxStr ?? '', 10);
+                            this.viewer.clearPartColor(partId ?? '', isNaN(slotIndex) ? undefined : slotIndex);
+                        }
+                        else {
+                            this.viewer.clearPartColor(key);
+                        }
+                    }
+                }
+                for (const [key, color] of Object.entries(current)) {
+                    if (prev[key] !== color) {
+                        if (key.includes(':')) {
+                            const [partId, slotIdxStr] = key.split(':');
+                            const slotIndex = parseInt(slotIdxStr ?? '', 10);
+                            this.viewer.setPartColor(partId ?? '', color, isNaN(slotIndex) ? undefined : slotIndex);
+                        }
+                        else {
+                            this.viewer.setPartColor(key, color);
+                        }
+                    }
+                }
+            }
+        }
+        if (changes['autoRotate'] && this.autoRotate !== undefined) {
+            if (this.autoRotate)
+                this.viewer.startRotation();
+            else
+                this.viewer.stopRotation();
+        }
+        if (changes['quality'] && this.quality)
+            this.viewer.setQuality(this.quality);
+    }
+    ngOnDestroy() {
+        if (this.initRafId !== null) {
+            cancelAnimationFrame(this.initRafId);
+            this.initRafId = null;
+        }
+        this.abortCtrl?.abort();
+        this.viewer?.dispose();
+        this.viewer = null;
+    }
+    // ── Helpers ───────────────────────────────────────────────────────────────
+    _loadSource(source) {
+        this.abortCtrl?.abort();
+        if (!this.viewer)
+            return;
+        const normalized = normalizeModelSource(source);
+        if (!normalized) {
+            this.viewer.unload();
+            return;
+        }
+        this.abortCtrl = new AbortController();
+        this.viewer.load(normalized, { signal: this.abortCtrl.signal }).catch(() => {
+            // Error is emitted via the viewer's 'error' event — no duplicate handling needed.
+        });
+    }
+    _isSameSource(a, b) {
+        if (a === b)
+            return true;
+        if (!a || !b)
+            return false;
+        if ('url' in a && 'url' in b) {
+            return a.url === b.url && a.format === b.format && a.mtlUrl === b.mtlUrl;
+        }
+        if ('data' in a && 'data' in b) {
+            return a.data === b.data && a.format === b.format;
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ViewerComponent, isStandalone: true, selector: "td-viewer", inputs: { src: "src", source: "source", metalColor: "metalColor", stoneColor: "stoneColor", materialColors: "materialColors", partColors: "partColors", height: "height", minHeight: "minHeight", background: "background", metalEnvUrl: "metalEnvUrl", gemEnvUrl: "gemEnvUrl", fov: "fov", shadows: "shadows", options: "options", autoRotate: "autoRotate", quality: "quality", state: "state" }, outputs: { loaded: "loaded", modelLoaded: "modelLoaded", progress: "progress", partSelected: "partSelected", error: "error", change: "change" }, host: { properties: { "style.height": "this.hostHeight", "style.minHeight": "this.hostMinHeight" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<div #container style="width:100%;height:100%;display:block;"></div>`, isInline: true, styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n      position: relative;\n    }\n  "], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-viewer', standalone: true, template: `<div #container style="width:100%;height:100%;display:block;"></div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n      position: relative;\n    }\n  "] }]
+        }], propDecorators: { src: [{
+                type: Input
+            }], source: [{
+                type: Input
+            }], metalColor: [{
+                type: Input
+            }], stoneColor: [{
+                type: Input
+            }], materialColors: [{
+                type: Input
+            }], partColors: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], hostHeight: [{
+                type: HostBinding,
+                args: ['style.height']
+            }], hostMinHeight: [{
+                type: HostBinding,
+                args: ['style.minHeight']
+            }], background: [{
+                type: Input
+            }], metalEnvUrl: [{
+                type: Input
+            }], gemEnvUrl: [{
+                type: Input
+            }], fov: [{
+                type: Input
+            }], shadows: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], autoRotate: [{
+                type: Input
+            }], quality: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], loaded: [{
+                type: Output
+            }], modelLoaded: [{
+                type: Output
+            }], progress: [{
+                type: Output
+            }], partSelected: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }], containerRef: [{
+                type: ViewChild,
+                args: ['container']
+            }] } });
+//# sourceMappingURL=viewer.component.js.map

package/dist/viewer.component.js.map

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

package/dist/viewer.module.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./viewer.component";
+import * as i2 from "./swatches/metal-swatches.component";
+import * as i3 from "./swatches/stone-swatches.component";
+import * as i4 from "./swatches/jewelry-customizer.component";
+/**
+ * Import this module in NgModule-based Angular apps (Angular 18 style, like AngularJMS).
+ *
+ * @example
+ * ```typescript
+ * import { ViewerModule } from '@thinkersteps_labs/3d-viewer-angular'
+ *
+ * @NgModule({ imports: [ViewerModule] })
+ * export class YourFeatureModule {}
+ * ```
+ */
+export declare class ViewerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ViewerModule, never, [typeof i1.ViewerComponent, typeof i2.MetalSwatchesComponent, typeof i2.MetalSelectComponent, typeof i3.StoneSwatchesComponent, typeof i3.StoneSelectComponent, typeof i4.JewelryCustomizerComponent], [typeof i1.ViewerComponent, typeof i2.MetalSwatchesComponent, typeof i2.MetalSelectComponent, typeof i3.StoneSwatchesComponent, typeof i3.StoneSelectComponent, typeof i4.JewelryCustomizerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ViewerModule>;
+}
+//# sourceMappingURL=viewer.module.d.ts.map

package/dist/viewer.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.module.d.ts","sourceRoot":"","sources":["../src/viewer.module.ts"],"names":[],"mappings":";;;;;AAeA;;;;;;;;;;GAUG;AACH,qBAIa,YAAY;yCAAZ,YAAY;0CAAZ,YAAY;0CAAZ,YAAY;CAAI"}

package/dist/viewer.module.js

@@ -0,0 +1,52 @@
+import { NgModule } from '@angular/core';
+import { ViewerComponent } from './viewer.component';
+import { MetalSwatchesComponent, MetalSelectComponent } from './swatches/metal-swatches.component';
+import { StoneSwatchesComponent, StoneSelectComponent } from './swatches/stone-swatches.component';
+import { JewelryCustomizerComponent } from './swatches/jewelry-customizer.component';
+import * as i0 from "@angular/core";
+const COMPONENTS = [
+    ViewerComponent,
+    MetalSwatchesComponent,
+    MetalSelectComponent,
+    StoneSwatchesComponent,
+    StoneSelectComponent,
+    JewelryCustomizerComponent,
+];
+/**
+ * Import this module in NgModule-based Angular apps (Angular 18 style, like AngularJMS).
+ *
+ * @example
+ * ```typescript
+ * import { ViewerModule } from '@thinkersteps_labs/3d-viewer-angular'
+ *
+ * @NgModule({ imports: [ViewerModule] })
+ * export class YourFeatureModule {}
+ * ```
+ */
+export class ViewerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ViewerModule, imports: [ViewerComponent,
+            MetalSwatchesComponent,
+            MetalSelectComponent,
+            StoneSwatchesComponent,
+            StoneSelectComponent,
+            JewelryCustomizerComponent], exports: [ViewerComponent,
+            MetalSwatchesComponent,
+            MetalSelectComponent,
+            StoneSwatchesComponent,
+            StoneSelectComponent,
+            JewelryCustomizerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewerModule, imports: [MetalSwatchesComponent,
+            MetalSelectComponent,
+            StoneSwatchesComponent,
+            StoneSelectComponent,
+            JewelryCustomizerComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...COMPONENTS],
+                    exports: [...COMPONENTS],
+                }]
+        }] });
+//# sourceMappingURL=viewer.module.js.map

package/dist/viewer.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.module.js","sourceRoot":"","sources":["../src/viewer.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAClG,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAClG,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;;AAEpF,MAAM,UAAU,GAAG;IACjB,eAAe;IACf,sBAAsB;IACtB,oBAAoB;IACpB,sBAAsB;IACtB,oBAAoB;IACpB,0BAA0B;CAC3B,CAAA;AAED;;;;;;;;;;GAUG;AAKH,MAAM,OAAO,YAAY;+GAAZ,YAAY;gHAAZ,YAAY,YAvBvB,eAAe;YACf,sBAAsB;YACtB,oBAAoB;YACpB,sBAAsB;YACtB,oBAAoB;YACpB,0BAA0B,aAL1B,eAAe;YACf,sBAAsB;YACtB,oBAAoB;YACpB,sBAAsB;YACtB,oBAAoB;YACpB,0BAA0B;gHAkBf,YAAY,YAtBvB,sBAAsB;YACtB,oBAAoB;YACpB,sBAAsB;YACtB,oBAAoB;YACpB,0BAA0B;;4FAkBf,YAAY;kBAJxB,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;oBACxB,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;iBACzB"}

package/package.json

@@ -1,6 +1,50 @@
 {
   "name": "@thinkersteps_labs/3d-viewer-angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.0.1",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lalitthinker/3d-jewelry-viewer.git",
+    "directory": "packages/angular"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0",
+    "three": ">=0.150.0",
+    "@thinkersteps_labs/3d-viewer-core": "1.0.1"
+  },
+  "devDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/compiler": "^18.2.0",
+    "@angular/compiler-cli": "^18.2.0",
+    "@angular/core": "^18.2.0",
+    "@angular/platform-browser": "^18.2.0",
+    "@types/node": "^20.11.0",
+    "rxjs": "^7.8.0",
+    "three": "^0.160.0",
+    "typescript": "~5.5.4",
+    "zone.js": "^0.14.0",
+    "@thinkersteps_labs/3d-viewer-core": "1.0.1"
+  },
+  "scripts": {
+    "build": "ngc -p tsconfig.json",
+    "typecheck": "tsc --noEmit"
+  }
 }