@neural-ui/core 1.2.0 → 1.3.0

package/fesm2022/neural-ui-core-dashboard-grid.mjs

@@ -0,0 +1,144 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, output, signal, viewChildren, effect, untracked, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { moveItemInArray, CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDropList } from '@angular/cdk/drag-drop';
+
+/**
+ * NeuralUI DashboardGrid
+ *
+ * Cuadrícula de tiles reordenables mediante drag-and-drop (CDK DragDrop).
+ *
+ * Uso:
+ *   <neu-dashboard-grid [tiles]="tileConfigs" [columns]="3">
+ *     <ng-template neuDashboardTile id="tile-1">...</ng-template>
+ *   </neu-dashboard-grid>
+ */
+class NeuDashboardGridComponent {
+    _host = inject(ElementRef);
+    tiles = input([], ...(ngDevMode ? [{ debugName: "tiles" }] : /* istanbul ignore next */ []));
+    columns = input(3, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    /** Emitido cuando el orden cambia / Emitted when order changes */
+    orderChange = output();
+    _orderedTiles = signal([], ...(ngDevMode ? [{ debugName: "_orderedTiles" }] : /* istanbul ignore next */ []));
+    _tileSlots = viewChildren('tileSlot', ...(ngDevMode ? [{ debugName: "_tileSlots" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const t = this.tiles();
+            untracked(() => this._orderedTiles.set([...t]));
+        });
+        effect(() => {
+            this._orderedTiles();
+            this._tileSlots();
+            queueMicrotask(() => this._attachProjectedTiles());
+        });
+    }
+    _onDrop(event) {
+        const tiles = [...this._orderedTiles()];
+        moveItemInArray(tiles, event.previousIndex, event.currentIndex);
+        this._orderedTiles.set(tiles);
+        this.orderChange.emit(tiles);
+    }
+    _attachProjectedTiles() {
+        const slots = new Map(this._tileSlots().map((slotRef) => [
+            slotRef.nativeElement.dataset['slotId'],
+            slotRef.nativeElement,
+        ]));
+        const projectedTiles = this._host.nativeElement.querySelectorAll('[data-tile-id]');
+        for (const tileContent of projectedTiles) {
+            const tileId = tileContent.dataset['tileId'];
+            const slot = slots.get(tileId);
+            if (slot && tileContent.parentElement !== slot) {
+                slot.appendChild(tileContent);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuDashboardGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuDashboardGridComponent, isStandalone: true, selector: "neu-dashboard-grid", inputs: { tiles: { classPropertyName: "tiles", publicName: "tiles", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderChange: "orderChange" }, host: { properties: { "style.--neu-dg-cols": "columns()" }, classAttribute: "neu-dg" }, viewQueries: [{ propertyName: "_tileSlots", predicate: ["tileSlot"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="neu-dg__projection-source" aria-hidden="true">
+      <ng-content />
+    </div>
+
+    <div
+      class="neu-dg__grid"
+      cdkDropList
+      [cdkDropListData]="_orderedTiles()"
+      (cdkDropListDropped)="_onDrop($event)"
+    >
+      @for (tile of _orderedTiles(); track tile.id) {
+        <div
+          class="neu-dg__tile"
+          cdkDrag
+          [cdkDragData]="tile"
+          [style.--tile-cols]="tile.cols ?? 1"
+          [style.--tile-rows]="tile.rows ?? 1"
+        >
+          <!-- Drag handle -->
+          <div class="neu-dg__tile-handle" cdkDragHandle>
+            @if (tile.title) {
+              <span class="neu-dg__tile-title">{{ tile.title }}</span>
+            }
+            <span class="neu-dg__handle-icon" aria-hidden="true">⠿</span>
+          </div>
+          <!-- Drag placeholder -->
+          <div *cdkDragPlaceholder class="neu-dg__placeholder"></div>
+          <!-- Drag preview -->
+          <div *cdkDragPreview class="neu-dg__preview">{{ tile.title ?? tile.id }}</div>
+          <!-- Content slot -->
+          <div class="neu-dg__tile-content" tabindex="0">
+            <div class="neu-dg__tile-slot" #tileSlot [attr.data-slot-id]="tile.id"></div>
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-dg{display:block;width:100%}.neu-dg__projection-source{display:none}.neu-dg__grid{display:grid;grid-template-columns:repeat(var(--neu-dg-cols, 3),1fr);gap:var(--neu-dg-gap, 16px)}.neu-dg__tile{grid-column:span var(--tile-cols, 1);grid-row:span var(--tile-rows, 1);background:var(--neu-surface-1, #ffffff);border:1px solid var(--neu-border-color, #e5e7eb);border-radius:var(--neu-radius-xl, 16px);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .12s}.neu-dg__tile:hover{box-shadow:0 4px 12px -2px #00000014}.neu-dg__tile-handle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--neu-border-color, #f3f4f6);cursor:grab;-webkit-user-select:none;user-select:none}.neu-dg__tile-handle:active{cursor:grabbing}.neu-dg__tile-title{font-size:.875rem;font-weight:600;color:var(--neu-text-primary, #111)}.neu-dg__handle-icon{font-size:1rem;color:var(--neu-text-secondary, #9ca3af);letter-spacing:2px}.neu-dg__tile-content{flex:1;overflow:auto;padding:12px 12px 16px}.neu-dg__tile-slot{display:flex;flex-direction:column;gap:var(--neu-dg-content-gap, 12px);min-height:100%}.neu-dg__placeholder{background:var(--neu-color-primary-alpha, rgba(14, 165, 233, .1));border:2px dashed var(--neu-color-primary, #0ea5e9);border-radius:var(--neu-radius-xl, 16px)}.neu-dg__preview{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--neu-surface-1, #fff);border:1px solid var(--neu-border-color, #e5e7eb);border-radius:var(--neu-radius-xl, 16px);box-shadow:0 8px 20px -4px #00000024;font-size:.875rem;font-weight:500}.cdk-drag-animating{transition:transform .2s cubic-bezier(.25,.8,.25,1)}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuDashboardGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-dashboard-grid', imports: [CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDropList], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'neu-dg',
+                        '[style.--neu-dg-cols]': 'columns()',
+                    }, template: `
+    <div class="neu-dg__projection-source" aria-hidden="true">
+      <ng-content />
+    </div>
+
+    <div
+      class="neu-dg__grid"
+      cdkDropList
+      [cdkDropListData]="_orderedTiles()"
+      (cdkDropListDropped)="_onDrop($event)"
+    >
+      @for (tile of _orderedTiles(); track tile.id) {
+        <div
+          class="neu-dg__tile"
+          cdkDrag
+          [cdkDragData]="tile"
+          [style.--tile-cols]="tile.cols ?? 1"
+          [style.--tile-rows]="tile.rows ?? 1"
+        >
+          <!-- Drag handle -->
+          <div class="neu-dg__tile-handle" cdkDragHandle>
+            @if (tile.title) {
+              <span class="neu-dg__tile-title">{{ tile.title }}</span>
+            }
+            <span class="neu-dg__handle-icon" aria-hidden="true">⠿</span>
+          </div>
+          <!-- Drag placeholder -->
+          <div *cdkDragPlaceholder class="neu-dg__placeholder"></div>
+          <!-- Drag preview -->
+          <div *cdkDragPreview class="neu-dg__preview">{{ tile.title ?? tile.id }}</div>
+          <!-- Content slot -->
+          <div class="neu-dg__tile-content" tabindex="0">
+            <div class="neu-dg__tile-slot" #tileSlot [attr.data-slot-id]="tile.id"></div>
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: ["@charset \"UTF-8\";.neu-dg{display:block;width:100%}.neu-dg__projection-source{display:none}.neu-dg__grid{display:grid;grid-template-columns:repeat(var(--neu-dg-cols, 3),1fr);gap:var(--neu-dg-gap, 16px)}.neu-dg__tile{grid-column:span var(--tile-cols, 1);grid-row:span var(--tile-rows, 1);background:var(--neu-surface-1, #ffffff);border:1px solid var(--neu-border-color, #e5e7eb);border-radius:var(--neu-radius-xl, 16px);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .12s}.neu-dg__tile:hover{box-shadow:0 4px 12px -2px #00000014}.neu-dg__tile-handle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--neu-border-color, #f3f4f6);cursor:grab;-webkit-user-select:none;user-select:none}.neu-dg__tile-handle:active{cursor:grabbing}.neu-dg__tile-title{font-size:.875rem;font-weight:600;color:var(--neu-text-primary, #111)}.neu-dg__handle-icon{font-size:1rem;color:var(--neu-text-secondary, #9ca3af);letter-spacing:2px}.neu-dg__tile-content{flex:1;overflow:auto;padding:12px 12px 16px}.neu-dg__tile-slot{display:flex;flex-direction:column;gap:var(--neu-dg-content-gap, 12px);min-height:100%}.neu-dg__placeholder{background:var(--neu-color-primary-alpha, rgba(14, 165, 233, .1));border:2px dashed var(--neu-color-primary, #0ea5e9);border-radius:var(--neu-radius-xl, 16px)}.neu-dg__preview{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--neu-surface-1, #fff);border:1px solid var(--neu-border-color, #e5e7eb);border-radius:var(--neu-radius-xl, 16px);box-shadow:0 8px 20px -4px #00000024;font-size:.875rem;font-weight:500}.cdk-drag-animating{transition:transform .2s cubic-bezier(.25,.8,.25,1)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { tiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "tiles", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], orderChange: [{ type: i0.Output, args: ["orderChange"] }], _tileSlots: [{ type: i0.ViewChildren, args: ['tileSlot', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuDashboardGridComponent };
+//# sourceMappingURL=neural-ui-core-dashboard-grid.mjs.map

package/fesm2022/neural-ui-core-dashboard-grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-dashboard-grid.mjs","sources":["../../../../projects/ui-core/dashboard-grid/neu-dashboard-grid.component.ts","../../../../projects/ui-core/dashboard-grid/neural-ui-core-dashboard-grid.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n  viewChildren,\n} from '@angular/core';\nimport {\n  CdkDrag,\n  CdkDragDrop,\n  CdkDragPlaceholder,\n  CdkDragPreview,\n  CdkDropList,\n  moveItemInArray,\n} from '@angular/cdk/drag-drop';\n\nexport interface NeuDashboardTileConfig {\n  /** Identificador único / Unique identifier */\n  id: string;\n  /** Número de columnas que ocupa / Column span */\n  cols?: number;\n  /** Número de filas que ocupa / Row span */\n  rows?: number;\n  /** Título del tile / Tile title */\n  title?: string;\n}\n\n/**\n * NeuralUI DashboardGrid\n *\n * Cuadrícula de tiles reordenables mediante drag-and-drop (CDK DragDrop).\n *\n * Uso:\n *   <neu-dashboard-grid [tiles]=\"tileConfigs\" [columns]=\"3\">\n *     <ng-template neuDashboardTile id=\"tile-1\">...</ng-template>\n *   </neu-dashboard-grid>\n */\n@Component({\n  selector: 'neu-dashboard-grid',\n  imports: [CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDropList],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-dg',\n    '[style.--neu-dg-cols]': 'columns()',\n  },\n  template: `\n    <div class=\"neu-dg__projection-source\" aria-hidden=\"true\">\n      <ng-content />\n    </div>\n\n    <div\n      class=\"neu-dg__grid\"\n      cdkDropList\n      [cdkDropListData]=\"_orderedTiles()\"\n      (cdkDropListDropped)=\"_onDrop($event)\"\n    >\n      @for (tile of _orderedTiles(); track tile.id) {\n        <div\n          class=\"neu-dg__tile\"\n          cdkDrag\n          [cdkDragData]=\"tile\"\n          [style.--tile-cols]=\"tile.cols ?? 1\"\n          [style.--tile-rows]=\"tile.rows ?? 1\"\n        >\n          <!-- Drag handle -->\n          <div class=\"neu-dg__tile-handle\" cdkDragHandle>\n            @if (tile.title) {\n              <span class=\"neu-dg__tile-title\">{{ tile.title }}</span>\n            }\n            <span class=\"neu-dg__handle-icon\" aria-hidden=\"true\">⠿</span>\n          </div>\n          <!-- Drag placeholder -->\n          <div *cdkDragPlaceholder class=\"neu-dg__placeholder\"></div>\n          <!-- Drag preview -->\n          <div *cdkDragPreview class=\"neu-dg__preview\">{{ tile.title ?? tile.id }}</div>\n          <!-- Content slot -->\n          <div class=\"neu-dg__tile-content\" tabindex=\"0\">\n            <div class=\"neu-dg__tile-slot\" #tileSlot [attr.data-slot-id]=\"tile.id\"></div>\n          </div>\n        </div>\n      }\n    </div>\n  `,\n  styleUrl: './neu-dashboard-grid.component.scss',\n})\nexport class NeuDashboardGridComponent {\n  private readonly _host = inject(ElementRef) as ElementRef<HTMLElement>;\n\n  readonly tiles = input<NeuDashboardTileConfig[]>([]);\n  readonly columns = input<number>(3);\n\n  /** Emitido cuando el orden cambia / Emitted when order changes */\n  readonly orderChange = output<NeuDashboardTileConfig[]>();\n\n  readonly _orderedTiles = signal<NeuDashboardTileConfig[]>([]);\n  readonly _tileSlots = viewChildren<ElementRef<HTMLElement>>('tileSlot');\n\n  constructor() {\n    effect(() => {\n      const t = this.tiles();\n      untracked(() => this._orderedTiles.set([...t]));\n    });\n\n    effect(() => {\n      this._orderedTiles();\n      this._tileSlots();\n      queueMicrotask(() => this._attachProjectedTiles());\n    });\n  }\n\n  _onDrop(event: CdkDragDrop<NeuDashboardTileConfig[]>): void {\n    const tiles = [...this._orderedTiles()];\n    moveItemInArray(tiles, event.previousIndex, event.currentIndex);\n    this._orderedTiles.set(tiles);\n    this.orderChange.emit(tiles);\n  }\n\n  private _attachProjectedTiles(): void {\n    const slots = new Map(\n      this._tileSlots().map((slotRef) => [\n        slotRef.nativeElement.dataset['slotId'],\n        slotRef.nativeElement,\n      ]),\n    );\n\n    const projectedTiles = this._host.nativeElement.querySelectorAll(\n      '[data-tile-id]',\n    ) as NodeListOf<HTMLElement>;\n\n    for (const tileContent of projectedTiles) {\n      const tileId = tileContent.dataset['tileId'];\n      const slot = slots.get(tileId);\n\n      if (slot && tileContent.parentElement !== slot) {\n        slot.appendChild(tileContent);\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}