npm - tango-app-ui-store-builder - Versions diffs - 1.2.22 → 1.2.23 - Mend

tango-app-ui-store-builder 1.2.22 → 1.2.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/fesm2022/{tango-app-ui-store-builder-dxf-source-viewer.component-KfK9D7DB.mjs → tango-app-ui-store-builder-dxf-source-viewer.component-BplzhK87.mjs} RENAMED Viewed

@@ -5,7 +5,7 @@ import { CommonModule } from '@angular/common';
 import * as FileSaver from 'file-saver';
 import { firstValueFrom } from 'rxjs';
 import * as i1 from '@ng-bootstrap/ng-bootstrap';
-import { S as StoreBuilderService } from './tango-app-ui-store-builder-tango-app-ui-store-builder-D1UC-7Qi.mjs';
+import { S as StoreBuilderService } from './tango-app-ui-store-builder-tango-app-ui-store-builder-CXw6OsFW.mjs';
 import * as i4 from 'tango-app-ui-shared';
 import '@angular/router';
 import 'tango-app-ui-global';
@@ -233,4 +233,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 export { DxfSourceViewerComponent };
-//# sourceMappingURL=tango-app-ui-store-builder-dxf-source-viewer.component-KfK9D7DB.mjs.map
+//# sourceMappingURL=tango-app-ui-store-builder-dxf-source-viewer.component-BplzhK87.mjs.map

package/fesm2022/{tango-app-ui-store-builder-dxf-source-viewer.component-KfK9D7DB.mjs.map → tango-app-ui-store-builder-dxf-source-viewer.component-BplzhK87.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tango-app-ui-store-builder-dxf-source-viewer.component-KfK9D7DB.mjs","sources":["../../../projects/tango-store-builder/src/lib/components/dxf-source-viewer/dxf-source-viewer.component.ts","../../../projects/tango-store-builder/src/lib/components/dxf-source-viewer/dxf-source-viewer.component.html"],"sourcesContent":["import {\n AfterViewInit,\n Component,\n ElementRef,\n Input,\n OnDestroy,\n OnInit,\n ViewChild,\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\nimport * as FileSaver from \"file-saver\";\nimport { firstValueFrom } from \"rxjs\";\nimport { ToastService } from \"tango-app-ui-shared\";\nimport { StoreBuilderService } from \"../../services/store-builder.service\";\n\n/*\n Read-only viewer for a floor's SOURCE CAD/DXF files.\n \n Renders the floor's `cadFiles` (stored on the storelayout doc) as a timeline —\n * oldest first, latest last/highlighted — and shows the selected drawing in a 2D\n * `dxf-viewer` (WebGL, built-in pan/zoom + layer toggle). Each entry also has a\n * download button.\n \n `dxf-viewer` (and its heavy `three` peer) are dynamically imported here, and this\n * component itself is opened via a dynamic import (see CadSourceService), so the\n * whole thing lands in a lazy chunk and stays out of the main bundle.\n \n NOTE ON TEXT: dxf-viewer needs a font file to render TEXT/MTEXT entities. Drop a\n * .ttf into assets and list it in FONT_URLS to enable labels; with no font, geometry\n * renders but text is blank (no crash).\n /\n\n// Add a hosted TTF here (e.g. \"assets/fonts/Roboto-Regular.ttf\") to render DXF text.\nconst FONT_URLS: string[] = [];\n\ninterface CadFileEntry {\n key: string;\n fileName?: string;\n uploadedAt?: string \| Date;\n inferred?: boolean;\n // resolved at runtime from listCadFiles:\n url?: string;\n size?: number;\n available?: boolean;\n}\n\n@Component({\n selector: \"lib-dxf-source-viewer\",\n standalone: true,\n imports: [CommonModule],\n templateUrl: \"./dxf-source-viewer.component.html\",\n styleUrl: \"./dxf-source-viewer.component.scss\",\n})\nexport class DxfSourceViewerComponent\n implements OnInit, AfterViewInit, OnDestroy\n{\n @Input() storeName = \"\";\n /* The floor's stored cadFiles array (oldest -> newest). /\n @Input() cadFiles: CadFileEntry[] = [];\n\n @ViewChild(\"viewerHost\") viewerHost!: ElementRef<HTMLDivElement>;\n\n entries: CadFileEntry[] = [];\n selected: CadFileEntry \| null = null;\n\n isResolving = false;\n isRendering = false;\n loadError = \"\";\n\n layers: { name: string; displayName: string; visible: boolean }[] = [];\n\n private viewer: any;\n private viewReady = false;\n\n constructor(\n public activeModal: NgbActiveModal,\n private storeBuilderService: StoreBuilderService,\n private toastService: ToastService,\n ) {}\n\n async ngOnInit(): Promise<void> {\n await this.resolveUrls();\n }\n\n ngAfterViewInit(): void {\n this.viewReady = true;\n // If URLs resolved before the view was ready, render the default selection now.\n if (this.selected?.available) this.render(this.selected);\n }\n\n ngOnDestroy(): void {\n this.destroyViewer();\n }\n\n /* Match each stored cadFiles entry to a presigned URL from listCadFiles(storeName). /\n private async resolveUrls(): Promise<void> {\n this.isResolving = true;\n this.loadError = \"\";\n try {\n const res: any = await firstValueFrom(\n this.storeBuilderService.getCadFiles(this.storeName),\n );\n const s3Files: any[] = res?.data?.files ?? [];\n const byKey = new Map<string, any>(s3Files.map((f) => [f.key, f]));\n\n // Preserve stored order (oldest -> newest); render newest at top of timeline.\n this.entries = (this.cadFiles ?? []).map((c) => {\n const match = byKey.get(c.key);\n return {\n ...c,\n fileName: c.fileName ?? c.key?.split(\"/\").pop(),\n url: match?.url,\n size: match?.size,\n available: !!match?.url,\n };\n });\n\n // Default selection: latest available entry (last in stored order).\n const latestAvailable = [...this.entries]\n .reverse()\n .find((e) => e.available);\n if (latestAvailable) {\n this.select(latestAvailable);\n } else if (this.entries.length) {\n this.loadError =\n \"The source file(s) could not be found in storage. They may have been removed.\";\n }\n } catch (e: any) {\n this.loadError =\n e?.error?.error?.errMsg ??\n e?.error?.message ??\n \"Failed to load source CAD files.\";\n } finally {\n this.isResolving = false;\n }\n }\n\n /* Timeline shows newest first for scannability. /\n get timeline(): CadFileEntry[] {\n return [...this.entries].reverse();\n }\n\n isLatest(entry: CadFileEntry): boolean {\n return this.entries.length > 0 && entry === this.entries[this.entries.length - 1];\n }\n\n select(entry: CadFileEntry): void {\n if (!entry?.available \|\| this.selected === entry) return;\n this.selected = entry;\n if (this.viewReady) this.render(entry);\n }\n\n private async render(entry: CadFileEntry): Promise<void> {\n if (!entry?.url) return;\n this.isRendering = true;\n this.loadError = \"\";\n this.layers = [];\n try {\n const { DxfViewer } = await import(\"dxf-viewer\");\n // three ships no type declarations; it's a runtime dep of dxf-viewer.\n // We only need Color here, so import it untyped rather than pulling @types/three.\n // @ts-ignore\n const THREE = await import(\"three\");\n\n if (!this.viewer) {\n this.viewer = new DxfViewer(this.viewerHost.nativeElement, {\n autoResize: true,\n // Correct entity colors for contrast against the (white) background so\n // light-coloured layers/text stay visible.\n colorCorrection: true,\n clearColor: new THREE.Color(0xffffff),\n clearAlpha: 1,\n });\n } else {\n this.viewer.Clear();\n }\n\n await this.viewer.Load({ url: entry.url, fonts: FONT_URLS });\n\n // Build the layer-toggle list.\n const layers = this.viewer.GetLayers?.() ?? [];\n this.layers = [...layers].map((l: any) => ({\n name: l.name,\n displayName: l.displayName ?? l.name,\n visible: true,\n }));\n } catch (e) {\n console.error(\"@@ ~ dxf render [ERR]:\", e);\n this.loadError = \"Failed to render this DXF drawing.\";\n } finally {\n this.isRendering = false;\n }\n }\n\n toggleLayer(layer: { name: string; visible: boolean }): void {\n layer.visible = !layer.visible;\n this.viewer?.ShowLayer?.(layer.name, layer.visible);\n }\n\n get allLayersVisible(): boolean {\n return this.layers.length > 0 && this.layers.every((l) => l.visible);\n }\n\n toggleAllLayers(event: Event): void {\n const checked = (event.target as HTMLInputElement).checked;\n for (const layer of this.layers) {\n layer.visible = checked;\n this.viewer?.ShowLayer?.(layer.name, checked);\n }\n }\n\n async download(entry: CadFileEntry, event: MouseEvent): Promise<void> {\n event.stopPropagation();\n if (!entry?.url) {\n this.toastService.getErrorToast(\"Download URL is not available.\");\n return;\n }\n try {\n const response = await fetch(entry.url);\n if (!response.ok) throw new Error(`HTTP ${response.status}`);\n const blob = await response.blob();\n FileSaver.saveAs(blob, entry.fileName ?? \"drawing.dxf\");\n } catch {\n this.toastService.getErrorToast(\n `Failed to download ${entry.fileName ?? \"file\"}.`,\n );\n }\n }\n\n private destroyViewer(): void {\n try {\n this.viewer?.Destroy?.();\n } catch {}\n this.viewer = null;\n }\n\n close(): void {\n this.activeModal.dismiss();\n }\n}\n","<div class=\"dxf-modal\">\n <div class=\"dxf-modal__header\">\n <div>\n <h3 class=\"dxf-modal__title\">Source CAD drawing</h3>\n <p class=\"dxf-modal__subtitle\">{{ storeName }}</p>\n </div>\n <button type=\"button\" class=\"dxf-icon-btn\" aria-label=\"Close\" (click)=\"close()\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 4L4 12M4 4l8 8\" stroke=\"#475467\" stroke-width=\"1.6\" stroke-linecap=\"round\" />\n </svg>\n </button>\n </div>\n\n <div class=\"dxf-modal__body\">\n <!-- Timeline of source files -->\n <aside class=\"dxf-timeline\">\n <div class=\"dxf-timeline__head\">File history</div>\n\n <div ngIf=\"isResolving\" class=\"dxf-muted\">Loading files…</div>\n\n <div ngIf=\"!isResolving && !entries.length\" class=\"dxf-muted\">\n No source CAD files for this floor.\n </div>\n\n <ul class=\"dxf-timeline__list\" ngIf=\"!isResolving && entries.length\">\n <li\n ngFor=\"let entry of timeline\"\n class=\"dxf-timeline__item\"\n [class.is-selected]=\"entry === selected\"\n [class.is-disabled]=\"!entry.available\"\n (click)=\"select(entry)\"\n >\n <div class=\"dxf-timeline__dot\"></div>\n <div class=\"dxf-timeline__content\">\n <div class=\"dxf-timeline__name\" [title]=\"entry.fileName\">\n {{ entry.fileName }}\n <span ngIf=\"isLatest(entry)\" class=\"dxf-badge dxf-badge--latest\">Latest</span>\n <span ngIf=\"entry.inferred\" class=\"dxf-badge dxf-badge--inferred\" title=\"Matched from storage, not recorded at generation time\">Inferred</span>\n </div>\n <div class=\"dxf-timeline__meta\">\n <span ngIf=\"entry.uploadedAt\">{{ entry.uploadedAt \| date: \"medium\" }}</span>\n <span ngIf=\"!entry.available\" class=\"dxf-unavailable\">Unavailable</span>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"dxf-icon-btn dxf-icon-btn--sm\"\n [disabled]=\"!entry.available\"\n aria-label=\"Download\"\n (click)=\"download(entry, $event)\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 2v8m0 0L5 7m3 3l3-3M3 13h10\" stroke=\"#475467\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n </button>\n </li>\n </ul>\n </aside>\n\n <!-- Viewer -->\n <section class=\"dxf-viewer\">\n <div class=\"dxf-viewer__toolbar\" ngIf=\"layers.length\">\n <div class=\"dxf-layers\">\n <span class=\"dxf-layers__label\">Layers</span>\n <label class=\"dxf-layers__item dxf-layers__item--all\">\n <input type=\"checkbox\" [checked]=\"allLayersVisible\" (change)=\"toggleAllLayers($event)\" />\n All\n </label>\n <label class=\"dxf-layers__item\" ngFor=\"let layer of layers\">\n <input type=\"checkbox\" [checked]=\"layer.visible\" (change)=\"toggleLayer(layer)\" />\n {{ layer.displayName }}\n </label>\n </div>\n </div>\n\n <div class=\"dxf-viewer__stage\">\n <div #viewerHost class=\"dxf-viewer__host\"></div>\n\n <div ngIf=\"isRendering\" class=\"dxf-overlay\">\n <svg class=\"dxf-spinner\" viewBox=\"0 0 50 50\">\n <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"4\"></circle>\n </svg>\n <span>Rendering drawing…</span>\n </div>\n\n <div ngIf=\"loadError && !isRendering\" class=\"dxf-overlay dxf-overlay--error\">\n {{ loadError }}\n </div>\n\n <div ngIf=\"!selected && !isResolving && !loadError\" class=\"dxf-overlay dxf-muted\">\n Select a file to view.\n </div>\n </div>\n\n <p class=\"dxf-viewer__hint\">Scroll to zoom · drag to pan</p>\n </section>\n </div>\n</div>\n"],"names":["i2.StoreBuilderService","i3","i4"],"mappings":"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"}
1	+ {"version":3,"file":"tango-app-ui-store-builder-dxf-source-viewer.component-BplzhK87.mjs","sources":["../../../projects/tango-store-builder/src/lib/components/dxf-source-viewer/dxf-source-viewer.component.ts","../../../projects/tango-store-builder/src/lib/components/dxf-source-viewer/dxf-source-viewer.component.html"],"sourcesContent":["import {\n AfterViewInit,\n Component,\n ElementRef,\n Input,\n OnDestroy,\n OnInit,\n ViewChild,\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\nimport * as FileSaver from \"file-saver\";\nimport { firstValueFrom } from \"rxjs\";\nimport { ToastService } from \"tango-app-ui-shared\";\nimport { StoreBuilderService } from \"../../services/store-builder.service\";\n\n/*\n Read-only viewer for a floor's SOURCE CAD/DXF files.\n \n Renders the floor's `cadFiles` (stored on the storelayout doc) as a timeline —\n * oldest first, latest last/highlighted — and shows the selected drawing in a 2D\n * `dxf-viewer` (WebGL, built-in pan/zoom + layer toggle). Each entry also has a\n * download button.\n \n `dxf-viewer` (and its heavy `three` peer) are dynamically imported here, and this\n * component itself is opened via a dynamic import (see CadSourceService), so the\n * whole thing lands in a lazy chunk and stays out of the main bundle.\n \n NOTE ON TEXT: dxf-viewer needs a font file to render TEXT/MTEXT entities. Drop a\n * .ttf into assets and list it in FONT_URLS to enable labels; with no font, geometry\n * renders but text is blank (no crash).\n /\n\n// Add a hosted TTF here (e.g. \"assets/fonts/Roboto-Regular.ttf\") to render DXF text.\nconst FONT_URLS: string[] = [];\n\ninterface CadFileEntry {\n key: string;\n fileName?: string;\n uploadedAt?: string \| Date;\n inferred?: boolean;\n // resolved at runtime from listCadFiles:\n url?: string;\n size?: number;\n available?: boolean;\n}\n\n@Component({\n selector: \"lib-dxf-source-viewer\",\n standalone: true,\n imports: [CommonModule],\n templateUrl: \"./dxf-source-viewer.component.html\",\n styleUrl: \"./dxf-source-viewer.component.scss\",\n})\nexport class DxfSourceViewerComponent\n implements OnInit, AfterViewInit, OnDestroy\n{\n @Input() storeName = \"\";\n /* The floor's stored cadFiles array (oldest -> newest). /\n @Input() cadFiles: CadFileEntry[] = [];\n\n @ViewChild(\"viewerHost\") viewerHost!: ElementRef<HTMLDivElement>;\n\n entries: CadFileEntry[] = [];\n selected: CadFileEntry \| null = null;\n\n isResolving = false;\n isRendering = false;\n loadError = \"\";\n\n layers: { name: string; displayName: string; visible: boolean }[] = [];\n\n private viewer: any;\n private viewReady = false;\n\n constructor(\n public activeModal: NgbActiveModal,\n private storeBuilderService: StoreBuilderService,\n private toastService: ToastService,\n ) {}\n\n async ngOnInit(): Promise<void> {\n await this.resolveUrls();\n }\n\n ngAfterViewInit(): void {\n this.viewReady = true;\n // If URLs resolved before the view was ready, render the default selection now.\n if (this.selected?.available) this.render(this.selected);\n }\n\n ngOnDestroy(): void {\n this.destroyViewer();\n }\n\n /* Match each stored cadFiles entry to a presigned URL from listCadFiles(storeName). /\n private async resolveUrls(): Promise<void> {\n this.isResolving = true;\n this.loadError = \"\";\n try {\n const res: any = await firstValueFrom(\n this.storeBuilderService.getCadFiles(this.storeName),\n );\n const s3Files: any[] = res?.data?.files ?? [];\n const byKey = new Map<string, any>(s3Files.map((f) => [f.key, f]));\n\n // Preserve stored order (oldest -> newest); render newest at top of timeline.\n this.entries = (this.cadFiles ?? []).map((c) => {\n const match = byKey.get(c.key);\n return {\n ...c,\n fileName: c.fileName ?? c.key?.split(\"/\").pop(),\n url: match?.url,\n size: match?.size,\n available: !!match?.url,\n };\n });\n\n // Default selection: latest available entry (last in stored order).\n const latestAvailable = [...this.entries]\n .reverse()\n .find((e) => e.available);\n if (latestAvailable) {\n this.select(latestAvailable);\n } else if (this.entries.length) {\n this.loadError =\n \"The source file(s) could not be found in storage. They may have been removed.\";\n }\n } catch (e: any) {\n this.loadError =\n e?.error?.error?.errMsg ??\n e?.error?.message ??\n \"Failed to load source CAD files.\";\n } finally {\n this.isResolving = false;\n }\n }\n\n /* Timeline shows newest first for scannability. /\n get timeline(): CadFileEntry[] {\n return [...this.entries].reverse();\n }\n\n isLatest(entry: CadFileEntry): boolean {\n return this.entries.length > 0 && entry === this.entries[this.entries.length - 1];\n }\n\n select(entry: CadFileEntry): void {\n if (!entry?.available \|\| this.selected === entry) return;\n this.selected = entry;\n if (this.viewReady) this.render(entry);\n }\n\n private async render(entry: CadFileEntry): Promise<void> {\n if (!entry?.url) return;\n this.isRendering = true;\n this.loadError = \"\";\n this.layers = [];\n try {\n const { DxfViewer } = await import(\"dxf-viewer\");\n // three ships no type declarations; it's a runtime dep of dxf-viewer.\n // We only need Color here, so import it untyped rather than pulling @types/three.\n // @ts-ignore\n const THREE = await import(\"three\");\n\n if (!this.viewer) {\n this.viewer = new DxfViewer(this.viewerHost.nativeElement, {\n autoResize: true,\n // Correct entity colors for contrast against the (white) background so\n // light-coloured layers/text stay visible.\n colorCorrection: true,\n clearColor: new THREE.Color(0xffffff),\n clearAlpha: 1,\n });\n } else {\n this.viewer.Clear();\n }\n\n await this.viewer.Load({ url: entry.url, fonts: FONT_URLS });\n\n // Build the layer-toggle list.\n const layers = this.viewer.GetLayers?.() ?? [];\n this.layers = [...layers].map((l: any) => ({\n name: l.name,\n displayName: l.displayName ?? l.name,\n visible: true,\n }));\n } catch (e) {\n console.error(\"@@ ~ dxf render [ERR]:\", e);\n this.loadError = \"Failed to render this DXF drawing.\";\n } finally {\n this.isRendering = false;\n }\n }\n\n toggleLayer(layer: { name: string; visible: boolean }): void {\n layer.visible = !layer.visible;\n this.viewer?.ShowLayer?.(layer.name, layer.visible);\n }\n\n get allLayersVisible(): boolean {\n return this.layers.length > 0 && this.layers.every((l) => l.visible);\n }\n\n toggleAllLayers(event: Event): void {\n const checked = (event.target as HTMLInputElement).checked;\n for (const layer of this.layers) {\n layer.visible = checked;\n this.viewer?.ShowLayer?.(layer.name, checked);\n }\n }\n\n async download(entry: CadFileEntry, event: MouseEvent): Promise<void> {\n event.stopPropagation();\n if (!entry?.url) {\n this.toastService.getErrorToast(\"Download URL is not available.\");\n return;\n }\n try {\n const response = await fetch(entry.url);\n if (!response.ok) throw new Error(`HTTP ${response.status}`);\n const blob = await response.blob();\n FileSaver.saveAs(blob, entry.fileName ?? \"drawing.dxf\");\n } catch {\n this.toastService.getErrorToast(\n `Failed to download ${entry.fileName ?? \"file\"}.`,\n );\n }\n }\n\n private destroyViewer(): void {\n try {\n this.viewer?.Destroy?.();\n } catch {}\n this.viewer = null;\n }\n\n close(): void {\n this.activeModal.dismiss();\n }\n}\n","<div class=\"dxf-modal\">\n <div class=\"dxf-modal__header\">\n <div>\n <h3 class=\"dxf-modal__title\">Source CAD drawing</h3>\n <p class=\"dxf-modal__subtitle\">{{ storeName }}</p>\n </div>\n <button type=\"button\" class=\"dxf-icon-btn\" aria-label=\"Close\" (click)=\"close()\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 4L4 12M4 4l8 8\" stroke=\"#475467\" stroke-width=\"1.6\" stroke-linecap=\"round\" />\n </svg>\n </button>\n </div>\n\n <div class=\"dxf-modal__body\">\n <!-- Timeline of source files -->\n <aside class=\"dxf-timeline\">\n <div class=\"dxf-timeline__head\">File history</div>\n\n <div ngIf=\"isResolving\" class=\"dxf-muted\">Loading files…</div>\n\n <div ngIf=\"!isResolving && !entries.length\" class=\"dxf-muted\">\n No source CAD files for this floor.\n </div>\n\n <ul class=\"dxf-timeline__list\" ngIf=\"!isResolving && entries.length\">\n <li\n ngFor=\"let entry of timeline\"\n class=\"dxf-timeline__item\"\n [class.is-selected]=\"entry === selected\"\n [class.is-disabled]=\"!entry.available\"\n (click)=\"select(entry)\"\n >\n <div class=\"dxf-timeline__dot\"></div>\n <div class=\"dxf-timeline__content\">\n <div class=\"dxf-timeline__name\" [title]=\"entry.fileName\">\n {{ entry.fileName }}\n <span ngIf=\"isLatest(entry)\" class=\"dxf-badge dxf-badge--latest\">Latest</span>\n <span ngIf=\"entry.inferred\" class=\"dxf-badge dxf-badge--inferred\" title=\"Matched from storage, not recorded at generation time\">Inferred</span>\n </div>\n <div class=\"dxf-timeline__meta\">\n <span ngIf=\"entry.uploadedAt\">{{ entry.uploadedAt \| date: \"medium\" }}</span>\n <span ngIf=\"!entry.available\" class=\"dxf-unavailable\">Unavailable</span>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"dxf-icon-btn dxf-icon-btn--sm\"\n [disabled]=\"!entry.available\"\n aria-label=\"Download\"\n (click)=\"download(entry, $event)\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 2v8m0 0L5 7m3 3l3-3M3 13h10\" stroke=\"#475467\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n </button>\n </li>\n </ul>\n </aside>\n\n <!-- Viewer -->\n <section class=\"dxf-viewer\">\n <div class=\"dxf-viewer__toolbar\" ngIf=\"layers.length\">\n <div class=\"dxf-layers\">\n <span class=\"dxf-layers__label\">Layers</span>\n <label class=\"dxf-layers__item dxf-layers__item--all\">\n <input type=\"checkbox\" [checked]=\"allLayersVisible\" (change)=\"toggleAllLayers($event)\" />\n All\n </label>\n <label class=\"dxf-layers__item\" ngFor=\"let layer of layers\">\n <input type=\"checkbox\" [checked]=\"layer.visible\" (change)=\"toggleLayer(layer)\" />\n {{ layer.displayName }}\n </label>\n </div>\n </div>\n\n <div class=\"dxf-viewer__stage\">\n <div #viewerHost class=\"dxf-viewer__host\"></div>\n\n <div ngIf=\"isRendering\" class=\"dxf-overlay\">\n <svg class=\"dxf-spinner\" viewBox=\"0 0 50 50\">\n <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"4\"></circle>\n </svg>\n <span>Rendering drawing…</span>\n </div>\n\n <div ngIf=\"loadError && !isRendering\" class=\"dxf-overlay dxf-overlay--error\">\n {{ loadError }}\n </div>\n\n <div ngIf=\"!selected && !isResolving && !loadError\" class=\"dxf-overlay dxf-muted\">\n Select a file to view.\n </div>\n </div>\n\n <p class=\"dxf-viewer__hint\">Scroll to zoom · drag to pan</p>\n </section>\n </div>\n</div>\n"],"names":["i2.StoreBuilderService","i3","i4"],"mappings":"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"}

package/fesm2022/{tango-app-ui-store-builder-tango-app-ui-store-builder-D1UC-7Qi.mjs → tango-app-ui-store-builder-tango-app-ui-store-builder-CXw6OsFW.mjs} RENAMED Viewed

@@ -7624,7 +7624,7 @@ class CadSourceService {
     async open(storeName, cadFiles) {
         if (!this.hasSource(cadFiles))
             return;
-        const { DxfSourceViewerComponent } = await import('./tango-app-ui-store-builder-dxf-source-viewer.component-KfK9D7DB.mjs');
+        const { DxfSourceViewerComponent } = await import('./tango-app-ui-store-builder-dxf-source-viewer.component-BplzhK87.mjs');
         const ref = this.ngbModal.open(DxfSourceViewerComponent, {
             size: "xl",
             centered: true,
@@ -62369,31 +62369,88 @@ class OnboardStorePlanoComponent {
             height: maxY - minY,
         };
     }
-    // Bounding box of just the wall + entrance objects — the store perimeter.
-    // Used as the fit target so stray fixtures placed outside the layout (common
-    // on CAD imports, where a fixture's relativePosition can be unset/garbage)
-    // can't inflate the frame. Returns zero-size when there is no wall/entrance
-    // on the canvas so callers can fall back to full bounds.
-    getWallPerimeterBounds() {
-        const objects = this.canvas
+    // Shared median helper for the robust (outlier-tolerant) bounds below.
+    median(values) {
+        if (!values.length)
+            return 0;
+        const sorted = [...values].sort((a, b) => a - b);
+        const mid = Math.floor(sorted.length / 2);
+        return sorted.length % 2
+            ? sorted[mid]
+            : (sorted[mid - 1] + sorted[mid]) / 2;
+    }
+    // Union bounds of the canvas objects with gross positional outliers removed.
+    // A single element carrying a bad far coordinate — a CAD orphan wall stranded
+    // at the origin, an unplaced fixture — would otherwise inflate the frame and
+    // collapse the fit zoom to an invisible speck. We drop objects whose center
+    // lies far outside the cluster (median center + a generous multiple of the
+    // spread) and fit to what remains, so no single stray of ANY type (wall,
+    // entrance, fixture, other) can hide the whole layout. Falls back to the full
+    // union when there are too few objects to reason about statistically.
+    getRobustLayoutBounds() {
+        const entries = this.canvas
             .getObjects()
-            .filter((o) => o?.objType === "wall" || o?.objType === "entrance");
-        if (!objects.length)
+            .map((o) => ({ o, r: o.getBoundingRect() }))
+            .filter(({ r }) => Number.isFinite(r.left) &&
+            Number.isFinite(r.top) &&
+            Number.isFinite(r.width) &&
+            Number.isFinite(r.height));
+        if (!entries.length)
             return { left: 0, top: 0, width: 0, height: 0 };
-        let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-        for (const obj of objects) {
-            const rect = obj.getBoundingRect();
-            minX = Math.min(minX, rect.left);
-            minY = Math.min(minY, rect.top);
-            maxX = Math.max(maxX, rect.left + rect.width);
-            maxY = Math.max(maxY, rect.top + rect.height);
-        }
-        return {
-            left: minX,
-            top: minY,
-            width: maxX - minX,
-            height: maxY - minY,
+        const union = (list) => {
+            let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+            for (const { r } of list) {
+                minX = Math.min(minX, r.left);
+                minY = Math.min(minY, r.top);
+                maxX = Math.max(maxX, r.left + r.width);
+                maxY = Math.max(maxY, r.top + r.height);
+            }
+            return { left: minX, top: minY, width: maxX - minX, height: maxY - minY };
         };
+        if (entries.length < 4)
+            return union(entries);
+        const cxs = entries.map(({ r }) => r.left + r.width / 2);
+        const cys = entries.map(({ r }) => r.top + r.height / 2);
+        const medX = this.median(cxs);
+        const medY = this.median(cys);
+        const dists = entries.map((_, i) => Math.hypot(cxs[i] - medX, cys[i] - medY));
+        const medDist = this.median(dists);
+        const mad = this.median(dists.map((d) => Math.abs(d - medDist)));
+        const spread = mad > 1 ? mad : medDist > 1 ? medDist : 1;
+        const threshold = medDist + 6 * spread;
+        const kept = entries.filter((_, i) => dists[i] <= threshold);
+        const dropped = entries.filter((_, i) => dists[i] > threshold);
+        if (dropped.length) {
+            console.warn(`[fit] ignoring ${dropped.length} out-of-cluster object(s) while fitting`, dropped.map(({ o, r }) => ({
+                type: o?.objType,
+                id: o?.fixtureId ?? o?.data?._id ?? o?.data?.elementNumber,
+                bounds: r,
+            })));
+        }
+        return kept.length ? union(kept) : union(entries);
+    }
+    // Wall start-points (px) with gross outliers removed. A CAD orphan wall far
+    // from the store must not define the perimeter that reclaim places elements
+    // into, so strip it the same way the fit does before building the polygon.
+    getRobustWallPolygon() {
+        const pts = (this.floorData?.layoutPolygon ?? [])
+            .filter((w) => w?.elementType === "wall")
+            .map((w) => ({
+            x: this.toPixels(w.relativePosition?.x ?? 0, w.relativePosition?.unit || "ft"),
+            y: this.toPixels(w.relativePosition?.y ?? 0, w.relativePosition?.unit || "ft"),
+        }))
+            .filter((p) => Number.isFinite(p.x) && Number.isFinite(p.y));
+        if (pts.length < 4)
+            return pts;
+        const medX = this.median(pts.map((p) => p.x));
+        const medY = this.median(pts.map((p) => p.y));
+        const dists = pts.map((p) => Math.hypot(p.x - medX, p.y - medY));
+        const medDist = this.median(dists);
+        const mad = this.median(dists.map((d) => Math.abs(d - medDist)));
+        const spread = mad > 1 ? mad : medDist > 1 ? medDist : 1;
+        const threshold = medDist + 6 * spread;
+        const kept = pts.filter((_, i) => dists[i] <= threshold);
+        return kept.length >= 3 ? kept : pts;
     }
     // Reclaims elements whose stored position renders them outside the wall
     // perimeter — the bad-coordinate artifacts a CAD import can leave behind.
@@ -62406,7 +62463,10 @@ class OnboardStorePlanoComponent {
         const floor = this.floorData;
         if (!floor?.layoutPolygon?.length)
             return 0;
-        const wallPolygon = this.buildLayoutPolygonFromWalls();
+        // Robust wall polygon so an orphan wall (bad coordinate) can't define the
+        // perimeter — otherwise fixtures/other elements would all look "inside" the
+        // inflated frame and never get reclaimed.
+        const wallPolygon = this.getRobustWallPolygon();
         if (wallPolygon.length < 3)
             return 0;
         const bounds = this.polygonBounds(wallPolygon);
@@ -62627,15 +62687,12 @@ class OnboardStorePlanoComponent {
             return;
         if (this.layoutForm.enabled)
             return;
-        // Fit to the wall/entrance perimeter (the true store extent) rather than the
-        // union of every object. On CAD-imported stores a few fixtures can land far
-        // outside the layout, and using the full bounds would blow up the frame and
-        // collapse the zoom to near-zero, leaving the layout invisibly small. Fall
-        // back to full bounds only when there is no wall/entrance to anchor on.
-        const perimeter = this.getWallPerimeterBounds();
-        const bounds = perimeter.width && perimeter.height
-            ? perimeter
-            : this.getFullLayoutBounds();
+        // Fit to the cluster of objects with gross outliers removed, rather than the
+        // union of everything. A single element with a bad far coordinate — e.g. a
+        // CAD orphan wall stranded at the origin while the real store sits thousands
+        // of feet away — would otherwise blow up the frame and collapse the zoom to
+        // an invisible speck. getRobustLayoutBounds() drops such strays of any type.
+        const bounds = this.getRobustLayoutBounds();
         if (!bounds.width || !bounds.height)
             return;
         const canvasW = this.canvas.getWidth();
@@ -80273,4 +80330,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  */
 export { StoreBuilderService as S, TangoStoreBuilderModule as T, TangoStorePlanoModule as a };
-//# sourceMappingURL=tango-app-ui-store-builder-tango-app-ui-store-builder-D1UC-7Qi.mjs.map
+//# sourceMappingURL=tango-app-ui-store-builder-tango-app-ui-store-builder-CXw6OsFW.mjs.map