@isaiahiroko/tilmart-ngx-apps-admin 0.2.0

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-data-requests.module-C6tPNlup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-data-requests.module-C6tPNlup.mjs","sources":["../../../projects/admin/src/lib/pages/data-requests/data-requests.component.ts","../../../projects/admin/src/lib/pages/data-requests/data-requests.component.html","../../../projects/admin/src/lib/pages/data-requests/data-requests.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective, notify, using } from '@thescaffold/ngx-core';\nimport { firstValueFrom, takeUntil } from 'rxjs';\n\ninterface RequestVm {\n  id: string;\n  type: string;\n  status: string;\n  customerId?: string;\n  email?: string;\n  phone?: string;\n  note?: string;\n  retentionNote?: string;\n  completedAt?: string;\n  createdAt: string;\n}\n\n// P7.7, SEC-04/SEC-05 — the NDPR request queue. `export` requests are\n// self-served on the storefront; `deletion` requests land here for ops to\n// fulfil within the SLA. Fulfilling runs\n// `PrivacyWorkflow.anonymiseCustomer` and records what was retained.\n@Component({\n  standalone: false,\n  selector: 'x-data-requests',\n  templateUrl: './data-requests.component.html',\n})\nexport class DataRequestsComponent extends BaseDirective {\n  private readonly source = this.apiService.on('apps/commerce/data-request');\n\n  loading = true;\n  requests: RequestVm[] = [];\n  selected?: RequestVm;\n  fulfilling = false;\n\n  override init = () => {\n    this.load();\n  };\n\n  load(): void {\n    this.loading = true;\n    this.source\n      .getMany({ perPage: 200 } as any)\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using((res: any) => {\n          this.requests = (res?.data ?? []).sort(\n            (a: RequestVm, b: RequestVm) =>\n              this.rank(a) - this.rank(b) ||\n              new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(),\n          );\n          this.loading = false;\n          if (this.selected) {\n            this.selected = this.requests.find((r) => r.id === this.selected!.id);\n          }\n        }),\n      );\n  }\n\n  private rank(r: RequestVm): number {\n    if (r.status === 'completed' || r.status === 'rejected') return 3;\n    return r.type === 'deletion' ? 0 : 1;\n  }\n\n  async setStatus(status: string): Promise<void> {\n    if (!this.selected) return;\n    try {\n      await firstValueFrom(this.source.update(this.selected.id, { status } as any));\n      this.load();\n    } catch {\n      notify('Could not update the request.', undefined, 'error');\n    }\n  }\n\n  async fulfil(): Promise<void> {\n    if (!this.selected || this.fulfilling) return;\n    if (\n      !confirm(\n        'This will permanently anonymise the customer’s personal data. Continue?',\n      )\n    ) {\n      return;\n    }\n    this.fulfilling = true;\n    try {\n      await firstValueFrom(\n        this.apiService.post(\n          `apps/commerce/data-request/${this.selected.id}/fulfil`,\n          {},\n        ),\n      );\n      notify('Deletion completed.', undefined, 'success');\n      this.load();\n    } catch {\n      notify('Could not complete the deletion.', undefined, 'error');\n    } finally {\n      this.fulfilling = false;\n    }\n  }\n}\n","<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Data requests</div>\n  <div class=\"x-page-subtitle\">\n    NDPR data-subject access &amp; deletion requests (SEC-04 / SEC-05).\n  </div>\n</div>\n\n@if (loading) {\n  <x-element-loader></x-element-loader>\n} @else {\n  <div class=\"x-dr-layout\">\n    <div class=\"x-dr-list\">\n      @for (r of requests; track r.id) {\n        <button\n          type=\"button\"\n          class=\"x-dr-row\"\n          [class.is-active]=\"selected?.id === r.id\"\n          (click)=\"selected = r\"\n        >\n          <span class=\"x-dr-type x-dr-type-{{ r.type }}\">{{ r.type }}</span>\n          <span class=\"x-dr-status\">{{ r.status.replace('_', ' ') }}</span>\n          <span class=\"x-dr-when\">{{ r.createdAt | date: 'shortDate' }}</span>\n        </button>\n      } @empty {\n        <div class=\"x-dr-empty\">No requests.</div>\n      }\n    </div>\n\n    <div class=\"x-dr-detail\">\n      @if (!selected) {\n        <div class=\"x-dr-empty\">Select a request.</div>\n      } @else {\n        <div class=\"x-dr-d-title\">{{ selected.type | titlecase }} request</div>\n        <dl class=\"x-dr-meta\">\n          <dt>Status</dt><dd>{{ selected.status.replace('_', ' ') }}</dd>\n          <dt>Customer</dt><dd>{{ selected.customerId || '—' }}</dd>\n          <dt>Contact</dt><dd>{{ selected.email }} {{ selected.phone }}</dd>\n          <dt>Lodged</dt><dd>{{ selected.createdAt | date: 'medium' }}</dd>\n          @if (selected.completedAt) {\n            <dt>Completed</dt><dd>{{ selected.completedAt | date: 'medium' }}</dd>\n          }\n        </dl>\n        @if (selected.note) {\n          <p class=\"x-dr-note\"><strong>Note:</strong> {{ selected.note }}</p>\n        }\n        @if (selected.retentionNote) {\n          <div class=\"x-dr-retain\">\n            <strong>Retained:</strong>\n            <pre>{{ selected.retentionNote }}</pre>\n          </div>\n        }\n\n        @if (selected.status !== 'completed' && selected.status !== 'rejected') {\n          <div class=\"x-dr-actions\">\n            @if (selected.type === 'deletion' && selected.customerId) {\n              <button type=\"button\" class=\"x-dr-btn x-dr-btn-danger\" [disabled]=\"fulfilling\" (click)=\"fulfil()\">\n                {{ fulfilling ? 'Working…' : 'Fulfil deletion' }}\n              </button>\n            }\n            <button type=\"button\" class=\"x-dr-btn\" (click)=\"setStatus('in_progress')\">Mark in progress</button>\n            <button type=\"button\" class=\"x-dr-btn\" (click)=\"setStatus('rejected')\">Reject</button>\n          </div>\n        }\n      }\n    </div>\n  </div>\n}\n\n<style>\n  .x-page-head { margin-bottom: 20px; }\n  .x-page-title { font-size: 24px; font-weight: 800; color: var(--color-text); }\n  .x-page-subtitle { font-size: 13.5px; color: var(--color-text-muted); margin-top: 2px; }\n  .x-dr-layout { display: grid; grid-template-columns: 260px 1fr; gap: 16px; align-items: start; }\n  @media (max-width: 720px) { .x-dr-layout { grid-template-columns: 1fr; } }\n  .x-dr-list { display: flex; flex-direction: column; gap: 4px; }\n  .x-dr-row { text-align: left; appearance: none; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface, #fff); padding: 9px 11px; cursor: pointer; display: flex; gap: 8px; align-items: center; font-size: 12.5px; }\n  .x-dr-row.is-active { border-color: var(--color-brand); }\n  .x-dr-type { font-weight: 700; text-transform: uppercase; font-size: 10.5px; }\n  .x-dr-type-deletion { color: var(--color-danger, #c0392b); }\n  .x-dr-status { color: var(--color-text-muted); text-transform: capitalize; }\n  .x-dr-when { margin-left: auto; color: var(--color-text-muted); }\n  .x-dr-detail { border: 1px solid var(--color-border); border-radius: 12px; padding: 16px; }\n  .x-dr-d-title { font-size: 16px; font-weight: 800; color: var(--color-text); margin-bottom: 10px; }\n  .x-dr-meta { display: grid; grid-template-columns: 90px 1fr; gap: 4px 12px; font-size: 13px; margin: 0 0 12px; }\n  .x-dr-meta dt { color: var(--color-text-muted); }\n  .x-dr-meta dd { margin: 0; color: var(--color-text); }\n  .x-dr-note { font-size: 13px; color: var(--color-text-muted); }\n  .x-dr-retain pre { white-space: pre-wrap; font: inherit; font-size: 12.5px; color: var(--color-text-muted); background: color-mix(in srgb, var(--color-border) 20%, transparent); padding: 8px; border-radius: 6px; }\n  .x-dr-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }\n  .x-dr-btn { font: inherit; font-weight: 600; font-size: 12.5px; padding: 7px 12px; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface, #fff); color: var(--color-text); cursor: pointer; }\n  .x-dr-btn:disabled { opacity: 0.5; }\n  .x-dr-btn-danger { color: #fff; background: var(--color-danger, #c0392b); border-color: var(--color-danger, #c0392b); }\n  .x-dr-empty { padding: 24px; text-align: center; font-size: 13px; color: var(--color-text-muted); }\n</style>\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { ElementsModule } from '@thescaffold/ngx-ui';\nimport { DataRequestsComponent } from './data-requests.component';\n\n@NgModule({\n  declarations: [DataRequestsComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    RouterModule.forChild([{ path: '', component: DataRequestsComponent }]),\n  ],\n})\nexport class DataRequestsModule {}\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-disputes.module-DmUoAS0Z.mjs

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { BaseDirective, SharedModule } from '@thescaffold/ngx-core';
+
+// P7.1 — ops console section pass (PRD 6.2). Payment-provider disputes
+// (chargebacks) are a stub for R1: no dispute resource exists yet — the
+// Paystack/Flutterwave webhook ingestion that would land `Dispute` rows
+// is R2 (PAY-*). The section is present so the nav map matches PRD 6.2;
+// it activates when that webhook work lands.
+class DisputesComponent extends BaseDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DisputesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: DisputesComponent, isStandalone: false, selector: "x-disputes", usesInheritance: true, ngImport: i0, template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Disputes</div>
+      <div class="x-page-subtitle">Card chargebacks and payment disputes.</div>
+    </div>
+
+    <div class="x-stub">
+      <p>
+        Dispute management is not active for R1. It turns on with the
+        payment-provider webhook ingestion (PAY-*, R2), which lands dispute
+        events from Paystack / Flutterwave into a queue here.
+      </p>
+      <p class="x-stub-meanwhile">
+        Meanwhile, disputed transactions are handled directly in the provider
+        dashboard and reconciled under <a routerLink="/admin/payments">Finance</a>.
+      </p>
+    </div>
+  `, isInline: true, styles: [".x-page-head{margin-bottom:20px}.x-page-title{font-size:24px;font-weight:800;color:var(--color-text)}.x-page-subtitle{font-size:13.5px;color:var(--color-text-muted);margin-top:2px}.x-stub{max-width:560px;border:1px solid var(--color-border);border-radius:10px;padding:20px;font-size:14px;line-height:1.6;color:var(--color-text-muted)}.x-stub-meanwhile{margin-bottom:0}.x-stub a{color:var(--color-brand)}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DisputesComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-disputes', template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Disputes</div>
+      <div class="x-page-subtitle">Card chargebacks and payment disputes.</div>
+    </div>
+
+    <div class="x-stub">
+      <p>
+        Dispute management is not active for R1. It turns on with the
+        payment-provider webhook ingestion (PAY-*, R2), which lands dispute
+        events from Paystack / Flutterwave into a queue here.
+      </p>
+      <p class="x-stub-meanwhile">
+        Meanwhile, disputed transactions are handled directly in the provider
+        dashboard and reconciled under <a routerLink="/admin/payments">Finance</a>.
+      </p>
+    </div>
+  `, styles: [".x-page-head{margin-bottom:20px}.x-page-title{font-size:24px;font-weight:800;color:var(--color-text)}.x-page-subtitle{font-size:13.5px;color:var(--color-text-muted);margin-top:2px}.x-stub{max-width:560px;border:1px solid var(--color-border);border-radius:10px;padding:20px;font-size:14px;line-height:1.6;color:var(--color-text-muted)}.x-stub-meanwhile{margin-bottom:0}.x-stub a{color:var(--color-brand)}\n"] }]
+        }] });
+
+class DisputesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DisputesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: DisputesModule, declarations: [DisputesComponent], imports: [SharedModule, i1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DisputesModule, imports: [SharedModule,
+            RouterModule.forChild([{ path: '', component: DisputesComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DisputesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DisputesComponent],
+                    imports: [
+                        SharedModule,
+                        RouterModule.forChild([{ path: '', component: DisputesComponent }]),
+                    ],
+                }]
+        }] });
+
+export { DisputesModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-disputes.module-DmUoAS0Z.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-disputes.module-DmUoAS0Z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-disputes.module-DmUoAS0Z.mjs","sources":["../../../projects/admin/src/lib/pages/disputes/disputes.component.ts","../../../projects/admin/src/lib/pages/disputes/disputes.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective } from '@thescaffold/ngx-core';\n\n// P7.1 — ops console section pass (PRD 6.2). Payment-provider disputes\n// (chargebacks) are a stub for R1: no dispute resource exists yet — the\n// Paystack/Flutterwave webhook ingestion that would land `Dispute` rows\n// is R2 (PAY-*). The section is present so the nav map matches PRD 6.2;\n// it activates when that webhook work lands.\n@Component({\n  standalone: false,\n  selector: 'x-disputes',\n  template: `\n    <div class=\"x-page-head\">\n      <div class=\"x-page-title\">Disputes</div>\n      <div class=\"x-page-subtitle\">Card chargebacks and payment disputes.</div>\n    </div>\n\n    <div class=\"x-stub\">\n      <p>\n        Dispute management is not active for R1. It turns on with the\n        payment-provider webhook ingestion (PAY-*, R2), which lands dispute\n        events from Paystack / Flutterwave into a queue here.\n      </p>\n      <p class=\"x-stub-meanwhile\">\n        Meanwhile, disputed transactions are handled directly in the provider\n        dashboard and reconciled under <a routerLink=\"/admin/payments\">Finance</a>.\n      </p>\n    </div>\n  `,\n  styles: [\n    `\n      .x-page-head {\n        margin-bottom: 20px;\n      }\n      .x-page-title {\n        font-size: 24px;\n        font-weight: 800;\n        color: var(--color-text);\n      }\n      .x-page-subtitle {\n        font-size: 13.5px;\n        color: var(--color-text-muted);\n        margin-top: 2px;\n      }\n      .x-stub {\n        max-width: 560px;\n        border: 1px solid var(--color-border);\n        border-radius: 10px;\n        padding: 20px;\n        font-size: 14px;\n        line-height: 1.6;\n        color: var(--color-text-muted);\n      }\n      .x-stub-meanwhile {\n        margin-bottom: 0;\n      }\n      .x-stub a {\n        color: var(--color-brand);\n      }\n    `,\n  ],\n})\nexport class DisputesComponent extends BaseDirective {}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { DisputesComponent } from './disputes.component';\n\n@NgModule({\n  declarations: [DisputesComponent],\n  imports: [\n    SharedModule,\n    RouterModule.forChild([{ path: '', component: DisputesComponent }]),\n  ],\n})\nexport class DisputesModule {}\n"],"names":[],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AAuDM,MAAO,iBAAkB,SAAQ,aAAa,CAAA;+GAAvC,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAnDlB;;;;;;;;;;;;;;;;;AAiBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAkCU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAtD7B,SAAS;iCACI,KAAK,EAAA,QAAA,EACP,YAAY,EAAA,QAAA,EACZ;;;;;;;;;;;;;;;;;AAiBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,uZAAA,CAAA,EAAA;;;MChBU,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAd,cAAc,EAAA,YAAA,EAAA,CANV,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAE9B,YAAY,EAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAIH,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJvB,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAA,EAAA,CAAA,CAAA;;4FAG1D,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE;wBACP,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACpE,qBAAA;AACF,iBAAA;;;;;"}

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-homepage.module-BZ3UmxE3.mjs

@@ -0,0 +1,404 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i1$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { BaseDirective, using, notify, SharedModule } from '@thescaffold/ngx-core';
+import * as i1$1 from '@thescaffold/ngx-ui';
+import { ElementsModule } from '@thescaffold/ngx-ui';
+import { takeUntil, forkJoin, catchError, of, firstValueFrom } from 'rxjs';
+import * as i1 from '@angular/forms';
+
+// P6.7, PROMO-06 / TRD §9.2 — the homepage composer. A drag-ordered list
+// of `MerchandisingModule` rows for a page, each with a type-aware config
+// editor, schedule and targeting, plus a resolved preview line (ids →
+// names) and a page-shape preview mode. The storefront renderer is P6.8.
+const TYPES = [
+    {
+        value: 'hero_carousel',
+        label: 'Hero carousel',
+        fields: [{ key: 'bannerIds', label: 'Banner IDs', kind: 'ids' }],
+    },
+    {
+        value: 'promo_banner',
+        label: 'Promo banner',
+        fields: [{ key: 'bannerIds', label: 'Banner IDs', kind: 'ids' }],
+    },
+    {
+        value: 'product_rail',
+        label: 'Product rail',
+        fields: [
+            { key: 'categoryId', label: 'From category ID', kind: 'id' },
+            { key: 'productIds', label: 'Or explicit product IDs', kind: 'ids' },
+            { key: 'limit', label: 'Max items', kind: 'num' },
+        ],
+    },
+    {
+        value: 'category_grid',
+        label: 'Category grid',
+        fields: [{ key: 'categoryIds', label: 'Category IDs', kind: 'ids' }],
+    },
+    {
+        value: 'brand_strip',
+        label: 'Brand strip',
+        fields: [{ key: 'brandIds', label: 'Brand IDs', kind: 'ids' }],
+    },
+    {
+        value: 'flash_sale_rail',
+        label: 'Flash sale rail',
+        fields: [{ key: 'flashSaleId', label: 'Flash sale ID (blank = all live)', kind: 'id' }],
+    },
+    {
+        value: 'article_rail',
+        label: 'Article rail',
+        fields: [
+            { key: 'articleIds', label: 'Article IDs', kind: 'ids' },
+            { key: 'limit', label: 'Max items', kind: 'num' },
+        ],
+    },
+    {
+        value: 'rich_text',
+        label: 'Rich text',
+        fields: [{ key: 'html', label: 'HTML', kind: 'text' }],
+    },
+    { value: 'newsletter', label: 'Newsletter signup', fields: [] },
+    { value: 'trust_bar', label: 'Trust bar', fields: [] },
+];
+class HomepageComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.source = this.apiService.on('apps/commerce/merchandising-module');
+        this.types = TYPES;
+        this.page = 'home';
+        this.loading = true;
+        this.modules = [];
+        this.previewMode = false;
+        this.newType = TYPES[0].value;
+        this.editModel = this.blankEditModel();
+        this.dragIndex = null;
+        // id → name lookups for the preview line.
+        this.productName = new Map();
+        this.categoryName = new Map();
+        this.brandName = new Map();
+        this.bannerName = new Map();
+        this.flashSaleName = new Map();
+        this.init = () => {
+            this.loadLookups();
+            this.load();
+        };
+    }
+    typeLabel(value) {
+        return TYPES.find((t) => t.value === value)?.label ?? value;
+    }
+    typeDef(value) {
+        return TYPES.find((t) => t.value === value);
+    }
+    get orderedModules() {
+        return [...this.modules].sort((a, b) => a.position - b.position);
+    }
+    get previewModules() {
+        const now = Date.now();
+        return this.orderedModules.filter((m) => m.enabled &&
+            (!m.startsAt || Date.parse(m.startsAt) <= now) &&
+            (!m.endsAt || Date.parse(m.endsAt) >= now));
+    }
+    load() {
+        this.loading = true;
+        this.source
+            .getMany({ page: this.page, perPage: 200 })
+            .pipe(takeUntil(this.$))
+            .subscribe(using((res) => {
+            this.modules = (res?.data ?? [])
+                .filter((m) => m.page === this.page)
+                .map((m) => ({ ...m, config: m.config ?? {} }))
+                .sort((a, b) => a.position - b.position);
+            this.loading = false;
+        }));
+    }
+    changePage(page) {
+        this.page = page.trim() || 'home';
+        this.cancelEdit();
+        this.load();
+    }
+    loadLookups() {
+        forkJoin({
+            products: this.apiService
+                .on('apps/commerce/product')
+                .getMany({ perPage: 500 })
+                .pipe(catchError(() => of({ data: [] }))),
+            categories: this.apiService
+                .on('apps/commerce/category')
+                .getMany({ perPage: 500 })
+                .pipe(catchError(() => of({ data: [] }))),
+            brands: this.apiService
+                .on('apps/commerce/brand')
+                .getMany({ perPage: 500 })
+                .pipe(catchError(() => of({ data: [] }))),
+            banners: this.apiService
+                .on('apps/commerce/banner')
+                .getMany({ perPage: 500 })
+                .pipe(catchError(() => of({ data: [] }))),
+            flashSales: this.apiService
+                .on('apps/commerce/flash-sale')
+                .getMany({ perPage: 500 })
+                .pipe(catchError(() => of({ data: [] }))),
+        })
+            .pipe(takeUntil(this.$))
+            .subscribe(using((res) => {
+            for (const p of res?.products?.data ?? [])
+                this.productName.set(p.id, p.name);
+            for (const c of res?.categories?.data ?? [])
+                this.categoryName.set(c.id, c.name);
+            for (const b of res?.brands?.data ?? [])
+                this.brandName.set(b.id, b.name);
+            for (const b of res?.banners?.data ?? [])
+                this.bannerName.set(b.id, b.title || b.slot || b.id);
+            for (const f of res?.flashSales?.data ?? [])
+                this.flashSaleName.set(f.id, f.name);
+        }));
+    }
+    previewLine(m) {
+        const c = m.config ?? {};
+        const names = (ids, map) => (Array.isArray(ids) ? ids : [])
+            .map((id) => map.get(id) ?? id)
+            .filter(Boolean);
+        switch (m.type) {
+            case 'hero_carousel':
+            case 'promo_banner': {
+                const list = names(c.bannerIds, this.bannerName);
+                return list.length ? `${list.length} banner(s): ${list.join(', ')}` : 'No banners set';
+            }
+            case 'product_rail': {
+                if (c.categoryId) {
+                    const cat = this.categoryName.get(c.categoryId) ?? c.categoryId;
+                    return `Top ${c.limit || 12} from ${cat}`;
+                }
+                const list = names(c.productIds, this.productName);
+                return list.length ? `${list.length} product(s): ${list.join(', ')}` : 'No products set';
+            }
+            case 'category_grid': {
+                const list = names(c.categoryIds, this.categoryName);
+                return list.length ? list.join(', ') : 'No categories set';
+            }
+            case 'brand_strip': {
+                const list = names(c.brandIds, this.brandName);
+                return list.length ? list.join(', ') : 'No brands set';
+            }
+            case 'flash_sale_rail':
+                return c.flashSaleId
+                    ? this.flashSaleName.get(c.flashSaleId) ?? c.flashSaleId
+                    : 'All live flash sales';
+            case 'article_rail': {
+                const n = Array.isArray(c.articleIds) ? c.articleIds.length : 0;
+                return n ? `${n} article(s)` : `Latest ${c.limit || 6} articles`;
+            }
+            case 'rich_text':
+                return (c.html ? String(c.html).replace(/<[^>]+>/g, ' ').trim().slice(0, 80) : '') || 'Empty';
+            default:
+                return '—';
+        }
+    }
+    scheduleLine(m) {
+        if (!m.startsAt && !m.endsAt)
+            return '';
+        const fmt = (v) => (v ? new Date(v).toLocaleDateString() : '…');
+        return `${fmt(m.startsAt)} → ${fmt(m.endsAt)}`;
+    }
+    // ── ordering ──────────────────────────────────────────────────────
+    onDragStart(index) {
+        this.dragIndex = index;
+    }
+    onDragOver(event) {
+        event.preventDefault();
+    }
+    onDrop(targetIndex) {
+        if (this.dragIndex === null || this.dragIndex === targetIndex)
+            return;
+        const ordered = this.orderedModules;
+        const [moved] = ordered.splice(this.dragIndex, 1);
+        ordered.splice(targetIndex, 0, moved);
+        this.dragIndex = null;
+        void this.persistOrder(ordered);
+    }
+    moveUp(index) {
+        if (index <= 0)
+            return;
+        const ordered = this.orderedModules;
+        [ordered[index - 1], ordered[index]] = [ordered[index], ordered[index - 1]];
+        void this.persistOrder(ordered);
+    }
+    moveDown(index) {
+        const ordered = this.orderedModules;
+        if (index >= ordered.length - 1)
+            return;
+        [ordered[index + 1], ordered[index]] = [ordered[index], ordered[index + 1]];
+        void this.persistOrder(ordered);
+    }
+    async persistOrder(ordered) {
+        const changed = [];
+        ordered.forEach((m, i) => {
+            if (m.position !== i) {
+                m.position = i;
+                changed.push(m);
+            }
+        });
+        this.modules = ordered;
+        try {
+            await Promise.all(changed.map((m) => firstValueFrom(this.source.update(m.id, { position: m.position }))));
+        }
+        catch {
+            notify('Could not save the new order.', undefined, 'error');
+            this.load();
+        }
+    }
+    // ── add / toggle / delete ─────────────────────────────────────────
+    async addModule() {
+        try {
+            await firstValueFrom(this.source.create({
+                page: this.page,
+                type: this.newType,
+                position: this.modules.length,
+                config: {},
+                enabled: false,
+            }));
+            notify('Module added.', undefined, 'success');
+            this.load();
+        }
+        catch {
+            notify('Could not add the module.', undefined, 'error');
+        }
+    }
+    async toggleEnabled(m) {
+        const next = !m.enabled;
+        try {
+            await firstValueFrom(this.source.update(m.id, { enabled: next }));
+            m.enabled = next;
+        }
+        catch {
+            notify('Could not update the module.', undefined, 'error');
+        }
+    }
+    async removeModule(m) {
+        try {
+            await firstValueFrom(this.source.remove(m.id));
+            this.modules = this.modules.filter((x) => x.id !== m.id);
+            if (this.editing?.id === m.id)
+                this.cancelEdit();
+            notify('Module removed.', undefined, 'success');
+        }
+        catch {
+            notify('Could not remove the module.', undefined, 'error');
+        }
+    }
+    // ── edit ──────────────────────────────────────────────────────────
+    editModule(m) {
+        this.editing = m;
+        const config = {};
+        for (const field of this.typeDef(m.type)?.fields ?? []) {
+            const value = (m.config ?? {})[field.key];
+            config[field.key] = Array.isArray(value) ? value.join(', ') : value != null ? String(value) : '';
+        }
+        this.editModel = {
+            title: m.title ?? '',
+            startsAt: this.toLocalInput(m.startsAt),
+            endsAt: this.toLocalInput(m.endsAt),
+            channelIds: (m.channelIds ?? []).join(', '),
+            segmentIds: (m.segmentIds ?? []).join(', '),
+            config,
+        };
+    }
+    cancelEdit() {
+        this.editing = undefined;
+        this.editModel = this.blankEditModel();
+    }
+    async saveEdit() {
+        if (!this.editing)
+            return;
+        const def = this.typeDef(this.editing.type);
+        const config = { ...(this.editing.config ?? {}) };
+        for (const field of def?.fields ?? []) {
+            const raw = (this.editModel.config[field.key] ?? '').trim();
+            if (field.kind === 'ids') {
+                config[field.key] = raw ? raw.split(',').map((s) => s.trim()).filter(Boolean) : [];
+            }
+            else if (field.kind === 'num') {
+                config[field.key] = raw ? Number(raw) : undefined;
+            }
+            else {
+                config[field.key] = raw || undefined;
+            }
+        }
+        const csv = (s) => s.split(',').map((x) => x.trim()).filter(Boolean);
+        const body = {
+            title: this.editModel.title.trim() || undefined,
+            startsAt: this.editModel.startsAt ? new Date(this.editModel.startsAt).toISOString() : null,
+            endsAt: this.editModel.endsAt ? new Date(this.editModel.endsAt).toISOString() : null,
+            channelIds: csv(this.editModel.channelIds),
+            segmentIds: csv(this.editModel.segmentIds),
+            config,
+        };
+        try {
+            await firstValueFrom(this.source.update(this.editing.id, body));
+            Object.assign(this.editing, {
+                title: body.title,
+                startsAt: body.startsAt ?? undefined,
+                endsAt: body.endsAt ?? undefined,
+                channelIds: body.channelIds,
+                segmentIds: body.segmentIds,
+                config,
+            });
+            notify('Module saved.', undefined, 'success');
+            this.cancelEdit();
+        }
+        catch {
+            notify('Could not save the module.', undefined, 'error');
+        }
+    }
+    blankEditModel() {
+        return {
+            title: '',
+            startsAt: '',
+            endsAt: '',
+            channelIds: '',
+            segmentIds: '',
+            config: {},
+        };
+    }
+    toLocalInput(iso) {
+        if (!iso)
+            return '';
+        const d = new Date(iso);
+        if (Number.isNaN(d.getTime()))
+            return '';
+        const pad = (n) => String(n).padStart(2, '0');
+        return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HomepageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: HomepageComponent, isStandalone: false, selector: "x-homepage", usesInheritance: true, ngImport: i0, template: "<div class=\"x-hc-head\">\n  <div>\n    <div class=\"x-hc-title\">Homepage composer</div>\n    <div class=\"x-hc-sub\">Drag to reorder the modules that build a storefront page.</div>\n  </div>\n  <div class=\"x-hc-head-controls\">\n    <label class=\"x-hc-page-field\">\n      Page\n      <input\n        type=\"text\"\n        [ngModel]=\"page\"\n        (ngModelChange)=\"changePage($event)\"\n        placeholder=\"home\"\n      />\n    </label>\n    <button\n      type=\"button\"\n      class=\"x-hc-btn\"\n      [class.x-hc-btn-active]=\"previewMode\"\n      (click)=\"previewMode = !previewMode\"\n    >\n      {{ previewMode ? 'Exit preview' : 'Preview' }}\n    </button>\n  </div>\n</div>\n\n@if (loading) {\n  <x-element-loader></x-element-loader>\n} @else {\n  @if (!previewMode) {\n    <div class=\"x-hc-add\">\n      <select [(ngModel)]=\"newType\">\n        @for (t of types; track t.value) {\n          <option [value]=\"t.value\">{{ t.label }}</option>\n        }\n      </select>\n      <button type=\"button\" class=\"x-hc-btn x-hc-btn-primary\" (click)=\"addModule()\">\n        Add module\n      </button>\n    </div>\n  }\n\n  @if (!orderedModules.length) {\n    <div class=\"x-hc-empty\">No modules on this page yet.</div>\n  }\n\n  @if (previewMode) {\n    <div class=\"x-hc-preview\">\n      @for (m of previewModules; track m.id) {\n        <div class=\"x-hc-preview-block\">\n          <span class=\"x-hc-preview-type\">{{ typeLabel(m.type) }}</span>\n          <span class=\"x-hc-preview-title\">{{ m.title || previewLine(m) }}</span>\n        </div>\n      } @empty {\n        <div class=\"x-hc-empty\">Nothing live on this page right now.</div>\n      }\n    </div>\n  } @else {\n    <div class=\"x-hc-list\">\n      @for (m of orderedModules; track m.id; let i = $index) {\n        <div\n          class=\"x-hc-item\"\n          [class.x-hc-item-off]=\"!m.enabled\"\n          draggable=\"true\"\n          (dragstart)=\"onDragStart(i)\"\n          (dragover)=\"onDragOver($event)\"\n          (drop)=\"onDrop(i)\"\n        >\n          <div class=\"x-hc-item-main\">\n            <span class=\"x-hc-grip\" title=\"Drag to reorder\">\u283F</span>\n            <div class=\"x-hc-order\">\n              <button type=\"button\" (click)=\"moveUp(i)\" [disabled]=\"i === 0\">\u25B2</button>\n              <button type=\"button\" (click)=\"moveDown(i)\" [disabled]=\"i === orderedModules.length - 1\">\u25BC</button>\n            </div>\n            <div class=\"x-hc-item-body\">\n              <div class=\"x-hc-item-row\">\n                <span class=\"x-hc-type\">{{ typeLabel(m.type) }}</span>\n                @if (m.title) {\n                  <span class=\"x-hc-item-title\">{{ m.title }}</span>\n                }\n                @if (scheduleLine(m)) {\n                  <span class=\"x-hc-sched\">{{ scheduleLine(m) }}</span>\n                }\n              </div>\n              <div class=\"x-hc-item-preview\">{{ previewLine(m) }}</div>\n            </div>\n            <div class=\"x-hc-item-actions\">\n              <button type=\"button\" class=\"x-hc-toggle\" (click)=\"toggleEnabled(m)\">\n                {{ m.enabled ? 'On' : 'Off' }}\n              </button>\n              <button type=\"button\" class=\"x-hc-link\" (click)=\"editModule(m)\">Edit</button>\n              <button type=\"button\" class=\"x-hc-link x-hc-danger\" (click)=\"removeModule(m)\">Delete</button>\n            </div>\n          </div>\n\n          @if (editing?.id === m.id) {\n            <div class=\"x-hc-edit\">\n              <label class=\"x-hc-f\">\n                Title\n                <input type=\"text\" [(ngModel)]=\"editModel.title\" />\n              </label>\n              @for (field of typeDef(m.type)?.fields ?? []; track field.key) {\n                <label class=\"x-hc-f\">\n                  {{ field.label }}\n                  @if (field.kind === 'text') {\n                    <textarea rows=\"3\" [(ngModel)]=\"editModel.config[field.key]\"></textarea>\n                  } @else {\n                    <input\n                      [type]=\"field.kind === 'num' ? 'number' : 'text'\"\n                      [(ngModel)]=\"editModel.config[field.key]\"\n                    />\n                  }\n                </label>\n              }\n              <div class=\"x-hc-f-row\">\n                <label class=\"x-hc-f\">\n                  Starts\n                  <input type=\"datetime-local\" [(ngModel)]=\"editModel.startsAt\" />\n                </label>\n                <label class=\"x-hc-f\">\n                  Ends\n                  <input type=\"datetime-local\" [(ngModel)]=\"editModel.endsAt\" />\n                </label>\n              </div>\n              <div class=\"x-hc-f-row\">\n                <label class=\"x-hc-f\">\n                  Channel IDs\n                  <input type=\"text\" [(ngModel)]=\"editModel.channelIds\" placeholder=\"blank = all\" />\n                </label>\n                <label class=\"x-hc-f\">\n                  Segment IDs\n                  <input type=\"text\" [(ngModel)]=\"editModel.segmentIds\" placeholder=\"blank = all\" />\n                </label>\n              </div>\n              <div class=\"x-hc-edit-actions\">\n                <button type=\"button\" class=\"x-hc-btn x-hc-btn-primary\" (click)=\"saveEdit()\">Save</button>\n                <button type=\"button\" class=\"x-hc-btn\" (click)=\"cancelEdit()\">Cancel</button>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n}\n\n<style>\n  .x-hc-head {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 16px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n  }\n  .x-hc-title { font-size: 24px; font-weight: 800; color: var(--color-text); }\n  .x-hc-sub { font-size: 13.5px; color: var(--color-text-muted); margin-top: 2px; }\n  .x-hc-head-controls { display: flex; gap: 10px; align-items: flex-end; }\n  .x-hc-page-field {\n    display: flex; flex-direction: column; gap: 4px;\n    font-size: 11.5px; color: var(--color-text-muted); font-weight: 700;\n    text-transform: uppercase; letter-spacing: 0.4px;\n  }\n  .x-hc-page-field input, .x-hc-add select, .x-hc-f input, .x-hc-f textarea {\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-md);\n    padding: 6px 10px;\n    font-size: 13px;\n    background: var(--color-surface);\n    color: var(--color-text);\n  }\n  .x-hc-add { display: flex; gap: 10px; margin-bottom: 16px; }\n  .x-hc-btn {\n    border: 1px solid var(--color-border);\n    background: transparent;\n    border-radius: var(--radius-md);\n    padding: 6px 14px;\n    font-size: 12.5px;\n    font-weight: 700;\n    cursor: pointer;\n    color: var(--color-text-muted);\n  }\n  .x-hc-btn-primary { border-color: var(--color-accent); color: var(--color-accent-hover); }\n  .x-hc-btn-active { border-color: var(--color-accent); color: var(--color-accent-hover); }\n  .x-hc-empty { font-size: 14px; color: var(--color-text-muted); }\n  .x-hc-list { display: flex; flex-direction: column; gap: 10px; max-width: 860px; }\n  .x-hc-item {\n    background: var(--color-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    padding: 12px 14px;\n  }\n  .x-hc-item-off { opacity: 0.55; }\n  .x-hc-item-main { display: flex; align-items: center; gap: 12px; }\n  .x-hc-grip { cursor: grab; color: var(--color-text-muted); font-size: 16px; }\n  .x-hc-order { display: flex; flex-direction: column; }\n  .x-hc-order button {\n    border: 0; background: transparent; cursor: pointer;\n    color: var(--color-text-muted); font-size: 10px; line-height: 1.1; padding: 1px 3px;\n  }\n  .x-hc-order button:disabled { opacity: 0.3; cursor: default; }\n  .x-hc-item-body { flex: 1; min-width: 0; }\n  .x-hc-item-row { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }\n  .x-hc-type {\n    font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px;\n    font-size: 11px; color: var(--color-accent-hover);\n  }\n  .x-hc-item-title { font-size: 13.5px; font-weight: 600; color: var(--color-text); }\n  .x-hc-sched { font-size: 11px; color: var(--color-text-muted); }\n  .x-hc-item-preview { font-size: 12.5px; color: var(--color-text-muted); margin-top: 2px; }\n  .x-hc-item-actions { display: flex; gap: 8px; align-items: center; }\n  .x-hc-toggle {\n    border: 1px solid var(--color-border); border-radius: var(--radius-sm);\n    background: transparent; padding: 3px 10px; font-size: 11.5px; font-weight: 700;\n    cursor: pointer; color: var(--color-text-muted);\n  }\n  .x-hc-link {\n    border: 0; background: transparent; cursor: pointer;\n    font-size: 12px; font-weight: 700; color: var(--color-accent-hover);\n  }\n  .x-hc-danger { color: var(--color-danger, #c0362c); }\n  .x-hc-edit {\n    margin-top: 12px; padding-top: 12px;\n    border-top: 1px solid var(--color-border);\n    display: flex; flex-direction: column; gap: 10px;\n  }\n  .x-hc-f {\n    display: flex; flex-direction: column; gap: 4px; flex: 1;\n    font-size: 11.5px; color: var(--color-text-muted); font-weight: 700;\n  }\n  .x-hc-f-row { display: flex; gap: 10px; }\n  .x-hc-edit-actions { display: flex; gap: 8px; }\n  .x-hc-preview { display: flex; flex-direction: column; gap: 6px; max-width: 860px; }\n  .x-hc-preview-block {\n    border: 1px dashed var(--color-border-strong);\n    border-radius: var(--radius-md);\n    padding: 18px 16px;\n    display: flex; flex-direction: column; gap: 4px;\n    background: var(--color-surface);\n  }\n  .x-hc-preview-type {\n    font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;\n    color: var(--color-accent-hover);\n  }\n  .x-hc-preview-title { font-size: 14px; color: var(--color-text); }\n</style>\n", styles: [".x-hc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.x-hc-title{font-size:24px;font-weight:800;color:var(--color-text)}.x-hc-sub{font-size:13.5px;color:var(--color-text-muted);margin-top:2px}.x-hc-head-controls{display:flex;gap:10px;align-items:flex-end}.x-hc-page-field{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.x-hc-page-field input,.x-hc-add select,.x-hc-f input,.x-hc-f textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;font-size:13px;background:var(--color-surface);color:var(--color-text)}.x-hc-add{display:flex;gap:10px;margin-bottom:16px}.x-hc-btn{border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-md);padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--color-text-muted)}.x-hc-btn-primary,.x-hc-btn-active{border-color:var(--color-accent);color:var(--color-accent-hover)}.x-hc-empty{font-size:14px;color:var(--color-text-muted)}.x-hc-list{display:flex;flex-direction:column;gap:10px;max-width:860px}.x-hc-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 14px}.x-hc-item-off{opacity:.55}.x-hc-item-main{display:flex;align-items:center;gap:12px}.x-hc-grip{cursor:grab;color:var(--color-text-muted);font-size:16px}.x-hc-order{display:flex;flex-direction:column}.x-hc-order button{border:0;background:transparent;cursor:pointer;color:var(--color-text-muted);font-size:10px;line-height:1.1;padding:1px 3px}.x-hc-order button:disabled{opacity:.3;cursor:default}.x-hc-item-body{flex:1;min-width:0}.x-hc-item-row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.x-hc-type{font-weight:800;text-transform:uppercase;letter-spacing:.4px;font-size:11px;color:var(--color-accent-hover)}.x-hc-item-title{font-size:13.5px;font-weight:600;color:var(--color-text)}.x-hc-sched{font-size:11px;color:var(--color-text-muted)}.x-hc-item-preview{font-size:12.5px;color:var(--color-text-muted);margin-top:2px}.x-hc-item-actions{display:flex;gap:8px;align-items:center}.x-hc-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;padding:3px 10px;font-size:11.5px;font-weight:700;cursor:pointer;color:var(--color-text-muted)}.x-hc-link{border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:700;color:var(--color-accent-hover)}.x-hc-danger{color:var(--color-danger, #c0362c)}.x-hc-edit{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px}.x-hc-f{display:flex;flex-direction:column;gap:4px;flex:1;font-size:11.5px;color:var(--color-text-muted);font-weight:700}.x-hc-f-row{display:flex;gap:10px}.x-hc-edit-actions{display:flex;gap:8px}.x-hc-preview{display:flex;flex-direction:column;gap:6px;max-width:860px}.x-hc-preview-block{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:18px 16px;display:flex;flex-direction:column;gap:4px;background:var(--color-surface)}.x-hc-preview-type{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-hover)}.x-hc-preview-title{font-size:14px;color:var(--color-text)}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HomepageComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-homepage', template: "<div class=\"x-hc-head\">\n  <div>\n    <div class=\"x-hc-title\">Homepage composer</div>\n    <div class=\"x-hc-sub\">Drag to reorder the modules that build a storefront page.</div>\n  </div>\n  <div class=\"x-hc-head-controls\">\n    <label class=\"x-hc-page-field\">\n      Page\n      <input\n        type=\"text\"\n        [ngModel]=\"page\"\n        (ngModelChange)=\"changePage($event)\"\n        placeholder=\"home\"\n      />\n    </label>\n    <button\n      type=\"button\"\n      class=\"x-hc-btn\"\n      [class.x-hc-btn-active]=\"previewMode\"\n      (click)=\"previewMode = !previewMode\"\n    >\n      {{ previewMode ? 'Exit preview' : 'Preview' }}\n    </button>\n  </div>\n</div>\n\n@if (loading) {\n  <x-element-loader></x-element-loader>\n} @else {\n  @if (!previewMode) {\n    <div class=\"x-hc-add\">\n      <select [(ngModel)]=\"newType\">\n        @for (t of types; track t.value) {\n          <option [value]=\"t.value\">{{ t.label }}</option>\n        }\n      </select>\n      <button type=\"button\" class=\"x-hc-btn x-hc-btn-primary\" (click)=\"addModule()\">\n        Add module\n      </button>\n    </div>\n  }\n\n  @if (!orderedModules.length) {\n    <div class=\"x-hc-empty\">No modules on this page yet.</div>\n  }\n\n  @if (previewMode) {\n    <div class=\"x-hc-preview\">\n      @for (m of previewModules; track m.id) {\n        <div class=\"x-hc-preview-block\">\n          <span class=\"x-hc-preview-type\">{{ typeLabel(m.type) }}</span>\n          <span class=\"x-hc-preview-title\">{{ m.title || previewLine(m) }}</span>\n        </div>\n      } @empty {\n        <div class=\"x-hc-empty\">Nothing live on this page right now.</div>\n      }\n    </div>\n  } @else {\n    <div class=\"x-hc-list\">\n      @for (m of orderedModules; track m.id; let i = $index) {\n        <div\n          class=\"x-hc-item\"\n          [class.x-hc-item-off]=\"!m.enabled\"\n          draggable=\"true\"\n          (dragstart)=\"onDragStart(i)\"\n          (dragover)=\"onDragOver($event)\"\n          (drop)=\"onDrop(i)\"\n        >\n          <div class=\"x-hc-item-main\">\n            <span class=\"x-hc-grip\" title=\"Drag to reorder\">\u283F</span>\n            <div class=\"x-hc-order\">\n              <button type=\"button\" (click)=\"moveUp(i)\" [disabled]=\"i === 0\">\u25B2</button>\n              <button type=\"button\" (click)=\"moveDown(i)\" [disabled]=\"i === orderedModules.length - 1\">\u25BC</button>\n            </div>\n            <div class=\"x-hc-item-body\">\n              <div class=\"x-hc-item-row\">\n                <span class=\"x-hc-type\">{{ typeLabel(m.type) }}</span>\n                @if (m.title) {\n                  <span class=\"x-hc-item-title\">{{ m.title }}</span>\n                }\n                @if (scheduleLine(m)) {\n                  <span class=\"x-hc-sched\">{{ scheduleLine(m) }}</span>\n                }\n              </div>\n              <div class=\"x-hc-item-preview\">{{ previewLine(m) }}</div>\n            </div>\n            <div class=\"x-hc-item-actions\">\n              <button type=\"button\" class=\"x-hc-toggle\" (click)=\"toggleEnabled(m)\">\n                {{ m.enabled ? 'On' : 'Off' }}\n              </button>\n              <button type=\"button\" class=\"x-hc-link\" (click)=\"editModule(m)\">Edit</button>\n              <button type=\"button\" class=\"x-hc-link x-hc-danger\" (click)=\"removeModule(m)\">Delete</button>\n            </div>\n          </div>\n\n          @if (editing?.id === m.id) {\n            <div class=\"x-hc-edit\">\n              <label class=\"x-hc-f\">\n                Title\n                <input type=\"text\" [(ngModel)]=\"editModel.title\" />\n              </label>\n              @for (field of typeDef(m.type)?.fields ?? []; track field.key) {\n                <label class=\"x-hc-f\">\n                  {{ field.label }}\n                  @if (field.kind === 'text') {\n                    <textarea rows=\"3\" [(ngModel)]=\"editModel.config[field.key]\"></textarea>\n                  } @else {\n                    <input\n                      [type]=\"field.kind === 'num' ? 'number' : 'text'\"\n                      [(ngModel)]=\"editModel.config[field.key]\"\n                    />\n                  }\n                </label>\n              }\n              <div class=\"x-hc-f-row\">\n                <label class=\"x-hc-f\">\n                  Starts\n                  <input type=\"datetime-local\" [(ngModel)]=\"editModel.startsAt\" />\n                </label>\n                <label class=\"x-hc-f\">\n                  Ends\n                  <input type=\"datetime-local\" [(ngModel)]=\"editModel.endsAt\" />\n                </label>\n              </div>\n              <div class=\"x-hc-f-row\">\n                <label class=\"x-hc-f\">\n                  Channel IDs\n                  <input type=\"text\" [(ngModel)]=\"editModel.channelIds\" placeholder=\"blank = all\" />\n                </label>\n                <label class=\"x-hc-f\">\n                  Segment IDs\n                  <input type=\"text\" [(ngModel)]=\"editModel.segmentIds\" placeholder=\"blank = all\" />\n                </label>\n              </div>\n              <div class=\"x-hc-edit-actions\">\n                <button type=\"button\" class=\"x-hc-btn x-hc-btn-primary\" (click)=\"saveEdit()\">Save</button>\n                <button type=\"button\" class=\"x-hc-btn\" (click)=\"cancelEdit()\">Cancel</button>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n}\n\n<style>\n  .x-hc-head {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 16px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n  }\n  .x-hc-title { font-size: 24px; font-weight: 800; color: var(--color-text); }\n  .x-hc-sub { font-size: 13.5px; color: var(--color-text-muted); margin-top: 2px; }\n  .x-hc-head-controls { display: flex; gap: 10px; align-items: flex-end; }\n  .x-hc-page-field {\n    display: flex; flex-direction: column; gap: 4px;\n    font-size: 11.5px; color: var(--color-text-muted); font-weight: 700;\n    text-transform: uppercase; letter-spacing: 0.4px;\n  }\n  .x-hc-page-field input, .x-hc-add select, .x-hc-f input, .x-hc-f textarea {\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-md);\n    padding: 6px 10px;\n    font-size: 13px;\n    background: var(--color-surface);\n    color: var(--color-text);\n  }\n  .x-hc-add { display: flex; gap: 10px; margin-bottom: 16px; }\n  .x-hc-btn {\n    border: 1px solid var(--color-border);\n    background: transparent;\n    border-radius: var(--radius-md);\n    padding: 6px 14px;\n    font-size: 12.5px;\n    font-weight: 700;\n    cursor: pointer;\n    color: var(--color-text-muted);\n  }\n  .x-hc-btn-primary { border-color: var(--color-accent); color: var(--color-accent-hover); }\n  .x-hc-btn-active { border-color: var(--color-accent); color: var(--color-accent-hover); }\n  .x-hc-empty { font-size: 14px; color: var(--color-text-muted); }\n  .x-hc-list { display: flex; flex-direction: column; gap: 10px; max-width: 860px; }\n  .x-hc-item {\n    background: var(--color-surface);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    padding: 12px 14px;\n  }\n  .x-hc-item-off { opacity: 0.55; }\n  .x-hc-item-main { display: flex; align-items: center; gap: 12px; }\n  .x-hc-grip { cursor: grab; color: var(--color-text-muted); font-size: 16px; }\n  .x-hc-order { display: flex; flex-direction: column; }\n  .x-hc-order button {\n    border: 0; background: transparent; cursor: pointer;\n    color: var(--color-text-muted); font-size: 10px; line-height: 1.1; padding: 1px 3px;\n  }\n  .x-hc-order button:disabled { opacity: 0.3; cursor: default; }\n  .x-hc-item-body { flex: 1; min-width: 0; }\n  .x-hc-item-row { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }\n  .x-hc-type {\n    font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px;\n    font-size: 11px; color: var(--color-accent-hover);\n  }\n  .x-hc-item-title { font-size: 13.5px; font-weight: 600; color: var(--color-text); }\n  .x-hc-sched { font-size: 11px; color: var(--color-text-muted); }\n  .x-hc-item-preview { font-size: 12.5px; color: var(--color-text-muted); margin-top: 2px; }\n  .x-hc-item-actions { display: flex; gap: 8px; align-items: center; }\n  .x-hc-toggle {\n    border: 1px solid var(--color-border); border-radius: var(--radius-sm);\n    background: transparent; padding: 3px 10px; font-size: 11.5px; font-weight: 700;\n    cursor: pointer; color: var(--color-text-muted);\n  }\n  .x-hc-link {\n    border: 0; background: transparent; cursor: pointer;\n    font-size: 12px; font-weight: 700; color: var(--color-accent-hover);\n  }\n  .x-hc-danger { color: var(--color-danger, #c0362c); }\n  .x-hc-edit {\n    margin-top: 12px; padding-top: 12px;\n    border-top: 1px solid var(--color-border);\n    display: flex; flex-direction: column; gap: 10px;\n  }\n  .x-hc-f {\n    display: flex; flex-direction: column; gap: 4px; flex: 1;\n    font-size: 11.5px; color: var(--color-text-muted); font-weight: 700;\n  }\n  .x-hc-f-row { display: flex; gap: 10px; }\n  .x-hc-edit-actions { display: flex; gap: 8px; }\n  .x-hc-preview { display: flex; flex-direction: column; gap: 6px; max-width: 860px; }\n  .x-hc-preview-block {\n    border: 1px dashed var(--color-border-strong);\n    border-radius: var(--radius-md);\n    padding: 18px 16px;\n    display: flex; flex-direction: column; gap: 4px;\n    background: var(--color-surface);\n  }\n  .x-hc-preview-type {\n    font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;\n    color: var(--color-accent-hover);\n  }\n  .x-hc-preview-title { font-size: 14px; color: var(--color-text); }\n</style>\n" }]
+        }] });
+
+class HomepageModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HomepageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: HomepageModule, declarations: [HomepageComponent], imports: [SharedModule,
+            ElementsModule, i1$2.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HomepageModule, imports: [SharedModule,
+            ElementsModule,
+            RouterModule.forChild([{ path: '', component: HomepageComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HomepageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HomepageComponent],
+                    imports: [
+                        SharedModule,
+                        ElementsModule,
+                        RouterModule.forChild([{ path: '', component: HomepageComponent }]),
+                    ],
+                }]
+        }] });
+
+export { HomepageModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-homepage.module-BZ3UmxE3.mjs.map