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

package/fesm2022/{tango-app-ui-store-builder-tango-app-ui-store-builder-UJrKxjTl.mjs → tango-app-ui-store-builder-tango-app-ui-store-builder-CXw6OsFW.mjs}

@@ -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-B0ut7XVu.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();
@@ -69087,6 +69144,7 @@ class FixtureConformanceComponent {
             case 'ok': return 'Conforms';
             case 'shelf-count-mismatch': return 'Shelf count mismatch';
             case 'zone-mismatch': return 'Zone mismatch';
+            case 'type-mismatch': return 'Shelf type mismatch';
             case 'no-library': return 'No library match';
             case 'ambiguous': return 'Ambiguous library';
             case 'no-shelves': return 'No shelves';
@@ -69097,7 +69155,8 @@ class FixtureConformanceComponent {
         switch (reason) {
             case 'ok': return 'badge-ok';
             case 'shelf-count-mismatch':
-            case 'zone-mismatch': return 'badge-warn';
+            case 'zone-mismatch':
+            case 'type-mismatch': return 'badge-warn';
             case 'no-library':
             case 'ambiguous':
             case 'no-shelves': return 'badge-muted';
@@ -69114,11 +69173,11 @@ class FixtureConformanceComponent {
         this.destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FixtureConformanceComponent, deps: [{ token: StoreBuilderService }, { token: i2$1.GlobalStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FixtureConformanceComponent, selector: "lib-fixture-conformance", ngImport: i0, template: "<section class=\"fixture-conformance p-3\">\n  <lib-tool-page-header\n    title=\"Sync Fixtures to Library\"\n    description=\"Check a store's fixtures against the library, then sync shelf count and zones for the ones that don't match.\"\n  ></lib-tool-page-header>\n\n  <div class=\"card p-4\">\n    <!-- Store Select -->\n    <div class=\"mb-3\" style=\"max-width: 600px;\">\n      <label class=\"form-label\">Store</label>\n      <lib-store-select\n        [options]=\"storeOptions\"\n        [singleSelect]=\"true\"\n        (selectedChange)=\"onStoresSelected($event)\">\n      </lib-store-select>\n    </div>\n\n    <!-- Fixture List -->\n    @if (selectedStoreName) {\n      @if (isLoadingFixtures) {\n        <div class=\"text-muted\">Loading fixtures...</div>\n      } @else if (fixtures.length === 0) {\n        <div class=\"text-muted\">No fixtures found for this store.</div>\n      } @else {\n        <div class=\"d-flex align-items-center justify-content-between mb-2\">\n          <h6 class=\"section-heading mb-0\">\n            Fixtures\n            <span class=\"text-muted small\">({{ selectedFixtureIds.length }} of {{ fixtures.length }} selected)</span>\n          </h6>\n          <button\n            class=\"btn btn-primary btn-sm\"\n            (click)=\"onAudit()\"\n            [disabled]=\"selectedFixtureIds.length === 0 || isAuditing\">\n            {{ isAuditing ? 'Auditing...' : 'Audit Selected' }}\n          </button>\n        </div>\n\n        <div class=\"table-responsive mb-2\">\n          <table class=\"table table-sm align-middle fc-table\">\n            <thead>\n              <tr>\n                <th style=\"width: 42px;\">\n                  <input type=\"checkbox\"\n                    [checked]=\"allFixturesSelected\"\n                    (change)=\"toggleAllFixtures($any($event.target).checked)\">\n                </th>\n                <th style=\"width: 90px;\">Fixture #</th>\n                <th>Header</th>\n                <th>Fixture ID</th>\n                <th>Category</th>\n                <th style=\"width: 90px;\">Width</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (f of fixtures; track f._id) {\n                <tr (click)=\"f.selected = !f.selected\" class=\"selectable-row\">\n                  <td (click)=\"$event.stopPropagation()\">\n                    <input type=\"checkbox\" [(ngModel)]=\"f.selected\">\n                  </td>\n                  <td>{{ f.fixtureNumber ?? '\u2014' }}</td>\n                  <td>{{ f.headerLabel || '\u2014' }}</td>\n                  <td class=\"fixture-id\">{{ f._id }}</td>\n                  <td>{{ f.fixtureCategory || '\u2014' }}</td>\n                  <td>{{ f.width || '\u2014' }}</td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    }\n\n    <!-- Audit Results -->\n    @if (hasAudited) {\n      <hr class=\"my-4\" />\n      <div class=\"d-flex align-items-center justify-content-between mb-2\">\n        <h6 class=\"section-heading mb-0\">\n          Audit Result\n          <span class=\"text-muted small\">({{ fixableRows.length }} fixable, {{ selectedAuditIds.length }} selected)</span>\n        </h6>\n        <button\n          class=\"btn btn-success btn-sm\"\n          (click)=\"onApplyFix()\"\n          [disabled]=\"selectedAuditIds.length === 0 || isApplying\">\n          {{ isApplying ? 'Applying...' : 'Apply Fix' }}\n        </button>\n      </div>\n\n      @if (auditRows.length === 0) {\n        <div class=\"text-muted\">No results.</div>\n      } @else {\n        <div class=\"table-responsive\">\n          <table class=\"table table-sm align-middle fc-table\">\n            <thead>\n              <tr>\n                <th style=\"width: 42px;\">\n                  <input type=\"checkbox\"\n                    [checked]=\"allFixableSelected\"\n                    [disabled]=\"fixableRows.length === 0\"\n                    (change)=\"toggleAllFixable($any($event.target).checked)\">\n                </th>\n                <th style=\"width: 90px;\">Fixture #</th>\n                <th>Header</th>\n                <th>Category</th>\n                <th style=\"width: 70px;\">Width</th>\n                <th style=\"width: 110px;\">Shelves</th>\n                <th>Current Zones</th>\n                <th>Library Zones</th>\n                <th style=\"width: 160px;\">Status</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (r of auditRows; track r.fixtureId) {\n                <tr [class.row-fixable]=\"r.fixable\">\n                  <td>\n                    <input type=\"checkbox\" [(ngModel)]=\"r.selected\" [disabled]=\"!r.fixable\">\n                  </td>\n                  <td>{{ r.fixtureNumber ?? '\u2014' }}</td>\n                  <td>{{ r.header || '\u2014' }}</td>\n                  <td>{{ r.category || '\u2014' }}</td>\n                  <td>{{ r.width || '\u2014' }}</td>\n                  <td>\n                    @if (r.libShelfCount != null) {\n                      <span [class.text-danger]=\"r.curShelfCount !== r.libShelfCount\">\n                        {{ r.curShelfCount }} \u2192 {{ r.libShelfCount }}\n                      </span>\n                    } @else {\n                      {{ r.curShelfCount }}\n                    }\n                  </td>\n                  <td class=\"zones\">{{ r.currentZones || '\u2014' }}</td>\n                  <td class=\"zones\">{{ r.libZones || '\u2014' }}</td>\n                  <td>\n                    <span class=\"status-badge\" [ngClass]=\"reasonClass(r.reason)\">\n                      {{ reasonLabel(r.reason) }}\n                    </span>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    }\n\n    <!-- Apply summary per fixture -->\n    @if (applyResults.length > 0) {\n      <hr class=\"my-4\" />\n      <h6 class=\"section-heading mb-2\">Apply Summary</h6>\n      <div class=\"table-responsive\">\n        <table class=\"table table-sm align-middle fc-table\">\n          <thead>\n            <tr>\n              <th style=\"width: 90px;\">Fixture #</th>\n              <th style=\"width: 140px;\">Status</th>\n              <th>Shelves</th>\n              <th>Compliance Synced</th>\n              <th>Note</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (ar of applyResults; track ar.fixtureId) {\n              <tr>\n                <td>{{ ar.fixtureNumber ?? '\u2014' }}</td>\n                <td>\n                  <span class=\"status-badge\"\n                    [class.badge-ok]=\"ar.status === 'fixed' || ar.status === 'already-conform'\"\n                    [class.badge-warn]=\"ar.status === 'skipped'\"\n                    [class.badge-danger]=\"ar.status === 'failed'\">\n                    {{ ar.status }}\n                  </span>\n                </td>\n                <td>\n                  @if (ar.shelvesFrom != null) {\n                    {{ ar.shelvesFrom }} \u2192 {{ ar.shelvesTo }}\n                  } @else { \u2014 }\n                </td>\n                <td>{{ ar.complianceSynced ?? 0 }}</td>\n                <td class=\"text-muted small\">{{ ar.error || ar.reason || '' }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n\n    <!-- Message -->\n    @if (message) {\n      <div class=\"mt-3 alert\" [class.alert-success]=\"messageType === 'success'\"\n        [class.alert-danger]=\"messageType === 'error'\">\n        {{ message }}\n      </div>\n    }\n  </div>\n</section>\n", styles: [".fixture-conformance .section-heading{color:#344054;font-weight:600}.fixture-conformance .fc-table th{background-color:#f9fafb;font-weight:600;font-size:13px;color:#475467;white-space:nowrap}.fixture-conformance .fc-table td{font-size:13px;vertical-align:middle}.fixture-conformance .fc-table .zones{font-family:Courier New,monospace;font-size:12px;color:#475467;word-break:break-word}.fixture-conformance .fc-table .fixture-id{font-family:Courier New,monospace;font-size:12px;color:#667085}.fixture-conformance .fc-table .selectable-row{cursor:pointer}.fixture-conformance .fc-table .selectable-row:hover{background-color:#f9fafb}.fixture-conformance .fc-table .row-fixable{background-color:#fffaf0}.fixture-conformance .status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.fixture-conformance .status-badge.badge-ok{background-color:#ecfdf3;color:#027a48}.fixture-conformance .status-badge.badge-warn{background-color:#fffaeb;color:#b54708}.fixture-conformance .status-badge.badge-muted{background-color:#f2f4f7;color:#475467}.fixture-conformance .status-badge.badge-danger{background-color:#fef3f2;color:#b42318}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: StoreSelectComponent, selector: "lib-store-select", inputs: ["options", "initialSelected", "singleSelect"], outputs: ["selectedChange"] }, { kind: "component", type: ToolPageHeaderComponent, selector: "lib-tool-page-header", inputs: ["title", "description", "backLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FixtureConformanceComponent, selector: "lib-fixture-conformance", ngImport: i0, template: "<section class=\"fixture-conformance p-3\">\n  <lib-tool-page-header\n    title=\"Sync Fixtures to Library\"\n    description=\"Check a store's fixtures against the library, then sync shelf count and zones for the ones that don't match.\"\n  ></lib-tool-page-header>\n\n  <div class=\"card p-4\">\n    <!-- Store Select -->\n    <div class=\"mb-3\" style=\"max-width: 600px;\">\n      <label class=\"form-label\">Store</label>\n      <lib-store-select\n        [options]=\"storeOptions\"\n        [singleSelect]=\"true\"\n        (selectedChange)=\"onStoresSelected($event)\">\n      </lib-store-select>\n    </div>\n\n    <!-- Fixture List -->\n    @if (selectedStoreName) {\n      @if (isLoadingFixtures) {\n        <div class=\"text-muted\">Loading fixtures...</div>\n      } @else if (fixtures.length === 0) {\n        <div class=\"text-muted\">No fixtures found for this store.</div>\n      } @else {\n        <div class=\"d-flex align-items-center justify-content-between mb-2\">\n          <h6 class=\"section-heading mb-0\">\n            Fixtures\n            <span class=\"text-muted small\">({{ selectedFixtureIds.length }} of {{ fixtures.length }} selected)</span>\n          </h6>\n          <button\n            class=\"btn btn-primary btn-sm\"\n            (click)=\"onAudit()\"\n            [disabled]=\"selectedFixtureIds.length === 0 || isAuditing\">\n            {{ isAuditing ? 'Auditing...' : 'Audit Selected' }}\n          </button>\n        </div>\n\n        <div class=\"table-responsive mb-2\">\n          <table class=\"table table-sm align-middle fc-table\">\n            <thead>\n              <tr>\n                <th style=\"width: 42px;\">\n                  <input type=\"checkbox\"\n                    [checked]=\"allFixturesSelected\"\n                    (change)=\"toggleAllFixtures($any($event.target).checked)\">\n                </th>\n                <th style=\"width: 90px;\">Fixture #</th>\n                <th>Header</th>\n                <th>Fixture ID</th>\n                <th>Category</th>\n                <th style=\"width: 90px;\">Width</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (f of fixtures; track f._id) {\n                <tr (click)=\"f.selected = !f.selected\" class=\"selectable-row\">\n                  <td (click)=\"$event.stopPropagation()\">\n                    <input type=\"checkbox\" [(ngModel)]=\"f.selected\">\n                  </td>\n                  <td>{{ f.fixtureNumber ?? '\u2014' }}</td>\n                  <td>{{ f.headerLabel || '\u2014' }}</td>\n                  <td class=\"fixture-id\">{{ f._id }}</td>\n                  <td>{{ f.fixtureCategory || '\u2014' }}</td>\n                  <td>{{ f.width || '\u2014' }}</td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    }\n\n    <!-- Audit Results -->\n    @if (hasAudited) {\n      <hr class=\"my-4\" />\n      <div class=\"d-flex align-items-center justify-content-between mb-2\">\n        <h6 class=\"section-heading mb-0\">\n          Audit Result\n          <span class=\"text-muted small\">({{ fixableRows.length }} fixable, {{ selectedAuditIds.length }} selected)</span>\n        </h6>\n        <button\n          class=\"btn btn-success btn-sm\"\n          (click)=\"onApplyFix()\"\n          [disabled]=\"selectedAuditIds.length === 0 || isApplying\">\n          {{ isApplying ? 'Applying...' : 'Apply Fix' }}\n        </button>\n      </div>\n\n      @if (auditRows.length === 0) {\n        <div class=\"text-muted\">No results.</div>\n      } @else {\n        <div class=\"table-responsive\">\n          <table class=\"table table-sm align-middle fc-table\">\n            <thead>\n              <tr>\n                <th style=\"width: 42px;\">\n                  <input type=\"checkbox\"\n                    [checked]=\"allFixableSelected\"\n                    [disabled]=\"fixableRows.length === 0\"\n                    (change)=\"toggleAllFixable($any($event.target).checked)\">\n                </th>\n                <th style=\"width: 90px;\">Fixture #</th>\n                <th>Header</th>\n                <th>Category</th>\n                <th style=\"width: 70px;\">Width</th>\n                <th style=\"width: 110px;\">Shelves</th>\n                <th>Current Zones</th>\n                <th>Library Zones</th>\n                <th>Current Types</th>\n                <th>Library Types</th>\n                <th style=\"width: 160px;\">Status</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (r of auditRows; track r.fixtureId) {\n                <tr [class.row-fixable]=\"r.fixable\">\n                  <td>\n                    <input type=\"checkbox\" [(ngModel)]=\"r.selected\" [disabled]=\"!r.fixable\">\n                  </td>\n                  <td>{{ r.fixtureNumber ?? '\u2014' }}</td>\n                  <td>{{ r.header || '\u2014' }}</td>\n                  <td>{{ r.category || '\u2014' }}</td>\n                  <td>{{ r.width || '\u2014' }}</td>\n                  <td>\n                    @if (r.libShelfCount != null) {\n                      <span [class.text-danger]=\"r.curShelfCount !== r.libShelfCount\">\n                        {{ r.curShelfCount }} \u2192 {{ r.libShelfCount }}\n                      </span>\n                    } @else {\n                      {{ r.curShelfCount }}\n                    }\n                  </td>\n                  <td class=\"zones\">{{ r.currentZones || '\u2014' }}</td>\n                  <td class=\"zones\">{{ r.libZones || '\u2014' }}</td>\n                  <td class=\"zones\" [class.text-danger]=\"r.reason === 'type-mismatch'\">{{ r.currentTypes || '\u2014' }}</td>\n                  <td class=\"zones\">{{ r.libTypes || '\u2014' }}</td>\n                  <td>\n                    <span class=\"status-badge\" [ngClass]=\"reasonClass(r.reason)\">\n                      {{ reasonLabel(r.reason) }}\n                    </span>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    }\n\n    <!-- Apply summary per fixture -->\n    @if (applyResults.length > 0) {\n      <hr class=\"my-4\" />\n      <h6 class=\"section-heading mb-2\">Apply Summary</h6>\n      <div class=\"table-responsive\">\n        <table class=\"table table-sm align-middle fc-table\">\n          <thead>\n            <tr>\n              <th style=\"width: 90px;\">Fixture #</th>\n              <th style=\"width: 140px;\">Status</th>\n              <th>Shelves</th>\n              <th>Compliance Synced</th>\n              <th>Note</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (ar of applyResults; track ar.fixtureId) {\n              <tr>\n                <td>{{ ar.fixtureNumber ?? '\u2014' }}</td>\n                <td>\n                  <span class=\"status-badge\"\n                    [class.badge-ok]=\"ar.status === 'fixed' || ar.status === 'already-conform'\"\n                    [class.badge-warn]=\"ar.status === 'skipped'\"\n                    [class.badge-danger]=\"ar.status === 'failed'\">\n                    {{ ar.status }}\n                  </span>\n                </td>\n                <td>\n                  @if (ar.shelvesFrom != null) {\n                    {{ ar.shelvesFrom }} \u2192 {{ ar.shelvesTo }}\n                  } @else { \u2014 }\n                </td>\n                <td>{{ ar.complianceSynced ?? 0 }}</td>\n                <td class=\"text-muted small\">{{ ar.error || ar.reason || '' }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n\n    <!-- Message -->\n    @if (message) {\n      <div class=\"mt-3 alert\" [class.alert-success]=\"messageType === 'success'\"\n        [class.alert-danger]=\"messageType === 'error'\">\n        {{ message }}\n      </div>\n    }\n  </div>\n</section>\n", styles: [".fixture-conformance .section-heading{color:#344054;font-weight:600}.fixture-conformance .fc-table th{background-color:#f9fafb;font-weight:600;font-size:13px;color:#475467;white-space:nowrap}.fixture-conformance .fc-table td{font-size:13px;vertical-align:middle}.fixture-conformance .fc-table .zones{font-family:Courier New,monospace;font-size:12px;color:#475467;word-break:break-word}.fixture-conformance .fc-table .fixture-id{font-family:Courier New,monospace;font-size:12px;color:#667085}.fixture-conformance .fc-table .selectable-row{cursor:pointer}.fixture-conformance .fc-table .selectable-row:hover{background-color:#f9fafb}.fixture-conformance .fc-table .row-fixable{background-color:#fffaf0}.fixture-conformance .status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.fixture-conformance .status-badge.badge-ok{background-color:#ecfdf3;color:#027a48}.fixture-conformance .status-badge.badge-warn{background-color:#fffaeb;color:#b54708}.fixture-conformance .status-badge.badge-muted{background-color:#f2f4f7;color:#475467}.fixture-conformance .status-badge.badge-danger{background-color:#fef3f2;color:#b42318}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: StoreSelectComponent, selector: "lib-store-select", inputs: ["options", "initialSelected", "singleSelect"], outputs: ["selectedChange"] }, { kind: "component", type: ToolPageHeaderComponent, selector: "lib-tool-page-header", inputs: ["title", "description", "backLink"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FixtureConformanceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-fixture-conformance', template: "<section class=\"fixture-conformance p-3\">\n  <lib-tool-page-header\n    title=\"Sync Fixtures to Library\"\n    description=\"Check a store's fixtures against the library, then sync shelf count and zones for the ones that don't match.\"\n  ></lib-tool-page-header>\n\n  <div class=\"card p-4\">\n    <!-- Store Select -->\n    <div class=\"mb-3\" style=\"max-width: 600px;\">\n      <label class=\"form-label\">Store</label>\n      <lib-store-select\n        [options]=\"storeOptions\"\n        [singleSelect]=\"true\"\n        (selectedChange)=\"onStoresSelected($event)\">\n      </lib-store-select>\n    </div>\n\n    <!-- Fixture List -->\n    @if (selectedStoreName) {\n      @if (isLoadingFixtures) {\n        <div class=\"text-muted\">Loading fixtures...</div>\n      } @else if (fixtures.length === 0) {\n        <div class=\"text-muted\">No fixtures found for this store.</div>\n      } @else {\n        <div class=\"d-flex align-items-center justify-content-between mb-2\">\n          <h6 class=\"section-heading mb-0\">\n            Fixtures\n            <span class=\"text-muted small\">({{ selectedFixtureIds.length }} of {{ fixtures.length }} selected)</span>\n          </h6>\n          <button\n            class=\"btn btn-primary btn-sm\"\n            (click)=\"onAudit()\"\n            [disabled]=\"selectedFixtureIds.length === 0 || isAuditing\">\n            {{ isAuditing ? 'Auditing...' : 'Audit Selected' }}\n          </button>\n        </div>\n\n        <div class=\"table-responsive mb-2\">\n          <table class=\"table table-sm align-middle fc-table\">\n            <thead>\n              <tr>\n                <th style=\"width: 42px;\">\n                  <input type=\"checkbox\"\n                    [checked]=\"allFixturesSelected\"\n                    (change)=\"toggleAllFixtures($any($event.target).checked)\">\n                </th>\n                <th style=\"width: 90px;\">Fixture #</th>\n                <th>Header</th>\n                <th>Fixture ID</th>\n                <th>Category</th>\n                <th style=\"width: 90px;\">Width</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (f of fixtures; track f._id) {\n                <tr (click)=\"f.selected = !f.selected\" class=\"selectable-row\">\n                  <td (click)=\"$event.stopPropagation()\">\n                    <input type=\"checkbox\" [(ngModel)]=\"f.selected\">\n                  </td>\n                  <td>{{ f.fixtureNumber ?? '\u2014' }}</td>\n                  <td>{{ f.headerLabel || '\u2014' }}</td>\n                  <td class=\"fixture-id\">{{ f._id }}</td>\n                  <td>{{ f.fixtureCategory || '\u2014' }}</td>\n                  <td>{{ f.width || '\u2014' }}</td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    }\n\n    <!-- Audit Results -->\n    @if (hasAudited) {\n      <hr class=\"my-4\" />\n      <div class=\"d-flex align-items-center justify-content-between mb-2\">\n        <h6 class=\"section-heading mb-0\">\n          Audit Result\n          <span class=\"text-muted small\">({{ fixableRows.length }} fixable, {{ selectedAuditIds.length }} selected)</span>\n        </h6>\n        <button\n          class=\"btn btn-success btn-sm\"\n          (click)=\"onApplyFix()\"\n          [disabled]=\"selectedAuditIds.length === 0 || isApplying\">\n          {{ isApplying ? 'Applying...' : 'Apply Fix' }}\n        </button>\n      </div>\n\n      @if (auditRows.length === 0) {\n        <div class=\"text-muted\">No results.</div>\n      } @else {\n        <div class=\"table-responsive\">\n          <table class=\"table table-sm align-middle fc-table\">\n            <thead>\n              <tr>\n                <th style=\"width: 42px;\">\n                  <input type=\"checkbox\"\n                    [checked]=\"allFixableSelected\"\n                    [disabled]=\"fixableRows.length === 0\"\n                    (change)=\"toggleAllFixable($any($event.target).checked)\">\n                </th>\n                <th style=\"width: 90px;\">Fixture #</th>\n                <th>Header</th>\n                <th>Category</th>\n                <th style=\"width: 70px;\">Width</th>\n                <th style=\"width: 110px;\">Shelves</th>\n                <th>Current Zones</th>\n                <th>Library Zones</th>\n                <th style=\"width: 160px;\">Status</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (r of auditRows; track r.fixtureId) {\n                <tr [class.row-fixable]=\"r.fixable\">\n                  <td>\n                    <input type=\"checkbox\" [(ngModel)]=\"r.selected\" [disabled]=\"!r.fixable\">\n                  </td>\n                  <td>{{ r.fixtureNumber ?? '\u2014' }}</td>\n                  <td>{{ r.header || '\u2014' }}</td>\n                  <td>{{ r.category || '\u2014' }}</td>\n                  <td>{{ r.width || '\u2014' }}</td>\n                  <td>\n                    @if (r.libShelfCount != null) {\n                      <span [class.text-danger]=\"r.curShelfCount !== r.libShelfCount\">\n                        {{ r.curShelfCount }} \u2192 {{ r.libShelfCount }}\n                      </span>\n                    } @else {\n                      {{ r.curShelfCount }}\n                    }\n                  </td>\n                  <td class=\"zones\">{{ r.currentZones || '\u2014' }}</td>\n                  <td class=\"zones\">{{ r.libZones || '\u2014' }}</td>\n                  <td>\n                    <span class=\"status-badge\" [ngClass]=\"reasonClass(r.reason)\">\n                      {{ reasonLabel(r.reason) }}\n                    </span>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    }\n\n    <!-- Apply summary per fixture -->\n    @if (applyResults.length > 0) {\n      <hr class=\"my-4\" />\n      <h6 class=\"section-heading mb-2\">Apply Summary</h6>\n      <div class=\"table-responsive\">\n        <table class=\"table table-sm align-middle fc-table\">\n          <thead>\n            <tr>\n              <th style=\"width: 90px;\">Fixture #</th>\n              <th style=\"width: 140px;\">Status</th>\n              <th>Shelves</th>\n              <th>Compliance Synced</th>\n              <th>Note</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (ar of applyResults; track ar.fixtureId) {\n              <tr>\n                <td>{{ ar.fixtureNumber ?? '\u2014' }}</td>\n                <td>\n                  <span class=\"status-badge\"\n                    [class.badge-ok]=\"ar.status === 'fixed' || ar.status === 'already-conform'\"\n                    [class.badge-warn]=\"ar.status === 'skipped'\"\n                    [class.badge-danger]=\"ar.status === 'failed'\">\n                    {{ ar.status }}\n                  </span>\n                </td>\n                <td>\n                  @if (ar.shelvesFrom != null) {\n                    {{ ar.shelvesFrom }} \u2192 {{ ar.shelvesTo }}\n                  } @else { \u2014 }\n                </td>\n                <td>{{ ar.complianceSynced ?? 0 }}</td>\n                <td class=\"text-muted small\">{{ ar.error || ar.reason || '' }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n\n    <!-- Message -->\n    @if (message) {\n      <div class=\"mt-3 alert\" [class.alert-success]=\"messageType === 'success'\"\n        [class.alert-danger]=\"messageType === 'error'\">\n        {{ message }}\n      </div>\n    }\n  </div>\n</section>\n", styles: [".fixture-conformance .section-heading{color:#344054;font-weight:600}.fixture-conformance .fc-table th{background-color:#f9fafb;font-weight:600;font-size:13px;color:#475467;white-space:nowrap}.fixture-conformance .fc-table td{font-size:13px;vertical-align:middle}.fixture-conformance .fc-table .zones{font-family:Courier New,monospace;font-size:12px;color:#475467;word-break:break-word}.fixture-conformance .fc-table .fixture-id{font-family:Courier New,monospace;font-size:12px;color:#667085}.fixture-conformance .fc-table .selectable-row{cursor:pointer}.fixture-conformance .fc-table .selectable-row:hover{background-color:#f9fafb}.fixture-conformance .fc-table .row-fixable{background-color:#fffaf0}.fixture-conformance .status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.fixture-conformance .status-badge.badge-ok{background-color:#ecfdf3;color:#027a48}.fixture-conformance .status-badge.badge-warn{background-color:#fffaeb;color:#b54708}.fixture-conformance .status-badge.badge-muted{background-color:#f2f4f7;color:#475467}.fixture-conformance .status-badge.badge-danger{background-color:#fef3f2;color:#b42318}\n"] }]
+            args: [{ selector: 'lib-fixture-conformance', template: "<section class=\"fixture-conformance p-3\">\n  <lib-tool-page-header\n    title=\"Sync Fixtures to Library\"\n    description=\"Check a store's fixtures against the library, then sync shelf count and zones for the ones that don't match.\"\n  ></lib-tool-page-header>\n\n  <div class=\"card p-4\">\n    <!-- Store Select -->\n    <div class=\"mb-3\" style=\"max-width: 600px;\">\n      <label class=\"form-label\">Store</label>\n      <lib-store-select\n        [options]=\"storeOptions\"\n        [singleSelect]=\"true\"\n        (selectedChange)=\"onStoresSelected($event)\">\n      </lib-store-select>\n    </div>\n\n    <!-- Fixture List -->\n    @if (selectedStoreName) {\n      @if (isLoadingFixtures) {\n        <div class=\"text-muted\">Loading fixtures...</div>\n      } @else if (fixtures.length === 0) {\n        <div class=\"text-muted\">No fixtures found for this store.</div>\n      } @else {\n        <div class=\"d-flex align-items-center justify-content-between mb-2\">\n          <h6 class=\"section-heading mb-0\">\n            Fixtures\n            <span class=\"text-muted small\">({{ selectedFixtureIds.length }} of {{ fixtures.length }} selected)</span>\n          </h6>\n          <button\n            class=\"btn btn-primary btn-sm\"\n            (click)=\"onAudit()\"\n            [disabled]=\"selectedFixtureIds.length === 0 || isAuditing\">\n            {{ isAuditing ? 'Auditing...' : 'Audit Selected' }}\n          </button>\n        </div>\n\n        <div class=\"table-responsive mb-2\">\n          <table class=\"table table-sm align-middle fc-table\">\n            <thead>\n              <tr>\n                <th style=\"width: 42px;\">\n                  <input type=\"checkbox\"\n                    [checked]=\"allFixturesSelected\"\n                    (change)=\"toggleAllFixtures($any($event.target).checked)\">\n                </th>\n                <th style=\"width: 90px;\">Fixture #</th>\n                <th>Header</th>\n                <th>Fixture ID</th>\n                <th>Category</th>\n                <th style=\"width: 90px;\">Width</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (f of fixtures; track f._id) {\n                <tr (click)=\"f.selected = !f.selected\" class=\"selectable-row\">\n                  <td (click)=\"$event.stopPropagation()\">\n                    <input type=\"checkbox\" [(ngModel)]=\"f.selected\">\n                  </td>\n                  <td>{{ f.fixtureNumber ?? '\u2014' }}</td>\n                  <td>{{ f.headerLabel || '\u2014' }}</td>\n                  <td class=\"fixture-id\">{{ f._id }}</td>\n                  <td>{{ f.fixtureCategory || '\u2014' }}</td>\n                  <td>{{ f.width || '\u2014' }}</td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    }\n\n    <!-- Audit Results -->\n    @if (hasAudited) {\n      <hr class=\"my-4\" />\n      <div class=\"d-flex align-items-center justify-content-between mb-2\">\n        <h6 class=\"section-heading mb-0\">\n          Audit Result\n          <span class=\"text-muted small\">({{ fixableRows.length }} fixable, {{ selectedAuditIds.length }} selected)</span>\n        </h6>\n        <button\n          class=\"btn btn-success btn-sm\"\n          (click)=\"onApplyFix()\"\n          [disabled]=\"selectedAuditIds.length === 0 || isApplying\">\n          {{ isApplying ? 'Applying...' : 'Apply Fix' }}\n        </button>\n      </div>\n\n      @if (auditRows.length === 0) {\n        <div class=\"text-muted\">No results.</div>\n      } @else {\n        <div class=\"table-responsive\">\n          <table class=\"table table-sm align-middle fc-table\">\n            <thead>\n              <tr>\n                <th style=\"width: 42px;\">\n                  <input type=\"checkbox\"\n                    [checked]=\"allFixableSelected\"\n                    [disabled]=\"fixableRows.length === 0\"\n                    (change)=\"toggleAllFixable($any($event.target).checked)\">\n                </th>\n                <th style=\"width: 90px;\">Fixture #</th>\n                <th>Header</th>\n                <th>Category</th>\n                <th style=\"width: 70px;\">Width</th>\n                <th style=\"width: 110px;\">Shelves</th>\n                <th>Current Zones</th>\n                <th>Library Zones</th>\n                <th>Current Types</th>\n                <th>Library Types</th>\n                <th style=\"width: 160px;\">Status</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (r of auditRows; track r.fixtureId) {\n                <tr [class.row-fixable]=\"r.fixable\">\n                  <td>\n                    <input type=\"checkbox\" [(ngModel)]=\"r.selected\" [disabled]=\"!r.fixable\">\n                  </td>\n                  <td>{{ r.fixtureNumber ?? '\u2014' }}</td>\n                  <td>{{ r.header || '\u2014' }}</td>\n                  <td>{{ r.category || '\u2014' }}</td>\n                  <td>{{ r.width || '\u2014' }}</td>\n                  <td>\n                    @if (r.libShelfCount != null) {\n                      <span [class.text-danger]=\"r.curShelfCount !== r.libShelfCount\">\n                        {{ r.curShelfCount }} \u2192 {{ r.libShelfCount }}\n                      </span>\n                    } @else {\n                      {{ r.curShelfCount }}\n                    }\n                  </td>\n                  <td class=\"zones\">{{ r.currentZones || '\u2014' }}</td>\n                  <td class=\"zones\">{{ r.libZones || '\u2014' }}</td>\n                  <td class=\"zones\" [class.text-danger]=\"r.reason === 'type-mismatch'\">{{ r.currentTypes || '\u2014' }}</td>\n                  <td class=\"zones\">{{ r.libTypes || '\u2014' }}</td>\n                  <td>\n                    <span class=\"status-badge\" [ngClass]=\"reasonClass(r.reason)\">\n                      {{ reasonLabel(r.reason) }}\n                    </span>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    }\n\n    <!-- Apply summary per fixture -->\n    @if (applyResults.length > 0) {\n      <hr class=\"my-4\" />\n      <h6 class=\"section-heading mb-2\">Apply Summary</h6>\n      <div class=\"table-responsive\">\n        <table class=\"table table-sm align-middle fc-table\">\n          <thead>\n            <tr>\n              <th style=\"width: 90px;\">Fixture #</th>\n              <th style=\"width: 140px;\">Status</th>\n              <th>Shelves</th>\n              <th>Compliance Synced</th>\n              <th>Note</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (ar of applyResults; track ar.fixtureId) {\n              <tr>\n                <td>{{ ar.fixtureNumber ?? '\u2014' }}</td>\n                <td>\n                  <span class=\"status-badge\"\n                    [class.badge-ok]=\"ar.status === 'fixed' || ar.status === 'already-conform'\"\n                    [class.badge-warn]=\"ar.status === 'skipped'\"\n                    [class.badge-danger]=\"ar.status === 'failed'\">\n                    {{ ar.status }}\n                  </span>\n                </td>\n                <td>\n                  @if (ar.shelvesFrom != null) {\n                    {{ ar.shelvesFrom }} \u2192 {{ ar.shelvesTo }}\n                  } @else { \u2014 }\n                </td>\n                <td>{{ ar.complianceSynced ?? 0 }}</td>\n                <td class=\"text-muted small\">{{ ar.error || ar.reason || '' }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n\n    <!-- Message -->\n    @if (message) {\n      <div class=\"mt-3 alert\" [class.alert-success]=\"messageType === 'success'\"\n        [class.alert-danger]=\"messageType === 'error'\">\n        {{ message }}\n      </div>\n    }\n  </div>\n</section>\n", styles: [".fixture-conformance .section-heading{color:#344054;font-weight:600}.fixture-conformance .fc-table th{background-color:#f9fafb;font-weight:600;font-size:13px;color:#475467;white-space:nowrap}.fixture-conformance .fc-table td{font-size:13px;vertical-align:middle}.fixture-conformance .fc-table .zones{font-family:Courier New,monospace;font-size:12px;color:#475467;word-break:break-word}.fixture-conformance .fc-table .fixture-id{font-family:Courier New,monospace;font-size:12px;color:#667085}.fixture-conformance .fc-table .selectable-row{cursor:pointer}.fixture-conformance .fc-table .selectable-row:hover{background-color:#f9fafb}.fixture-conformance .fc-table .row-fixable{background-color:#fffaf0}.fixture-conformance .status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.fixture-conformance .status-badge.badge-ok{background-color:#ecfdf3;color:#027a48}.fixture-conformance .status-badge.badge-warn{background-color:#fffaeb;color:#b54708}.fixture-conformance .status-badge.badge-muted{background-color:#f2f4f7;color:#475467}.fixture-conformance .status-badge.badge-danger{background-color:#fef3f2;color:#b42318}\n"] }]
         }], ctorParameters: () => [{ type: StoreBuilderService }, { type: i2$1.GlobalStateService }] });
 
 class SwapTemplateComponent {
@@ -80271,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-UJrKxjTl.mjs.map
+//# sourceMappingURL=tango-app-ui-store-builder-tango-app-ui-store-builder-CXw6OsFW.mjs.map