@fidurcode/dashboard-widgets-skeleton 1.0.3 → 1.0.4

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/dashboard-widgets-skeleton",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fidurcode/dashboard-widgets-skeleton",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "license": "MIT",
   "private": false,
   "peerDependencies": {
@@ -13,21 +13,11 @@
     "@angular/material": "20.1.2",
     "@angular/platform-browser": "20.1.2",
     "@angular/router": "20.1.2",
-    "rxjs": "~7.8.0"
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false,
-  "module": "fesm2022/fidurcode-dashboard-widgets-skeleton.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/fidurcode-dashboard-widgets-skeleton.mjs"
-    }
-  }
-}
+  "sideEffects": false
+}

package/src/lib/components/dashboard-widgets/dashboard-widgets.component.html

@@ -0,0 +1,19 @@
+<div class="dashboard-widgets-header">
+  <h2>Dashboard</h2>
+  <button [matMenuTriggerFor]="menu" mat-raised-button>
+    <mat-icon>add_circle</mat-icon>
+    Add widget
+  </button>
+  <mat-menu #menu="matMenu">
+    @for (widget of store.widgetsToAdd(); track widget.id) {
+      <button mat-menu-item (click)="store.addWidget(widget)">{{ widget.label }}</button>
+    } @empty {
+      <button mat-menu-item>No widget to add</button>
+    }
+  </mat-menu>
+</div>
+<div #dashboard class="dashboard-widgets">
+  @for (w of store.addedWidgets(); track w.id) {
+    <app-widget [data]="w"/>
+  }
+</div>

package/src/lib/components/dashboard-widgets/dashboard-widgets.component.scss

@@ -0,0 +1,12 @@
+.dashboard-widgets-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.dashboard-widgets {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-auto-rows: 150px;
+  gap: 16px;
+}

package/src/lib/components/dashboard-widgets/dashboard-widgets.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardWidgetsComponent } from './dashboard-widgets.component';
+
+describe('DashboardWidgets', () => {
+  let component: DashboardWidgetsComponent;
+  let fixture: ComponentFixture<DashboardWidgetsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [DashboardWidgetsComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(DashboardWidgetsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/dashboard-widgets/dashboard-widgets.component.ts

@@ -0,0 +1,33 @@
+import {
+  Component,
+  ElementRef,
+  inject, input, Input, InputSignal,
+  OnInit,
+  viewChild,
+} from '@angular/core';
+import { WidgetService } from '../../services/widget.service';
+import { wrapGrid } from 'animate-css-grid';
+import {Widget} from '../widget/widget';
+
+@Component({
+  selector: 'fidurcode-dashboard-widgets',
+  standalone: false,
+  templateUrl: './dashboard-widgets.component.html',
+  styleUrl: './dashboard-widgets.component.scss',
+  providers: [WidgetService],
+})
+export class DashboardWidgetsComponent implements OnInit {
+  widgets: InputSignal<Widget[]> = input.required<Widget[]>();
+
+  store = inject(WidgetService);
+
+  dashboard = viewChild.required<ElementRef>('dashboard');
+
+  ngOnInit(): void {
+    wrapGrid(this.dashboard().nativeElement, { duration: 300 });
+
+    if (this.widgets()?.length > 0) {
+      this.store.setAvailableWidgets(this.widgets());
+    }
+  }
+}

package/src/lib/components/widget/widget.component.html

@@ -0,0 +1,14 @@
+<div
+  class="widget-container mat-elevation-z3"
+>
+  <h3 class="m-0">{{ data().label }}</h3>
+  <button (click)="showWidgetOptions.set(true)" class="settings-button" mat-icon-button>
+    <mat-icon>settings</mat-icon>
+  </button>
+
+  <ng-container [ngComponentOutlet]="data().content"/>
+
+  @if (showWidgetOptions()) {
+    <app-widget-options [(showOptions)]="showWidgetOptions" [widget]="data()"/>
+  }
+</div>

package/src/lib/components/widget/widget.component.scss

@@ -0,0 +1,22 @@
+:host {
+  display: block;
+  border-radius: 16px;
+}
+
+.widget-container {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  padding: 32px;
+  box-sizing: border-box;
+  border-radius: inherit;
+  overflow: hidden;
+  background-color: var(--mat-sys-background);
+  cursor: pointer;
+}
+
+.settings-button {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+}

package/src/lib/components/widget/widget.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WidgetComponent } from './widget.component';
+
+describe('Widget', () => {
+  let component: WidgetComponent;
+  let fixture: ComponentFixture<WidgetComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [WidgetComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(WidgetComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/widget/widget.component.ts

@@ -0,0 +1,28 @@
+import {
+  Component,
+  input,
+  InputSignal,
+  signal,
+  WritableSignal,
+} from '@angular/core';
+import { Widget } from './widget';
+
+@Component({
+  selector: 'app-widget',
+  standalone: false,
+  templateUrl: './widget.component.html',
+  styleUrl: './widget.component.scss',
+  host: {
+    '[style.grid-area]': 'gridArea',
+  },
+})
+export class WidgetComponent {
+  data: InputSignal<Widget> = input.required<Widget>();
+
+  showWidgetOptions: WritableSignal<boolean> = signal<boolean>(false);
+
+  get gridArea(): string {
+    const widget: Widget = this.data();
+    return `span ${widget.rows ?? 1} / span ${widget.columns ?? 1}`;
+  }
+}

package/src/lib/components/widget/widget.ts

@@ -0,0 +1,10 @@
+import { Type } from '@angular/core';
+
+export interface Widget {
+  widget: Widget;
+  id: number;
+  label: string;
+  content: Type<unknown>;
+  rows?: number;
+  columns?: number;
+}

package/src/lib/components/widget-options/widget-options.component.html

@@ -0,0 +1,41 @@
+<button (click)="showOptions.set(false)" class="close-button" mat-icon-button>
+  <mat-icon>close</mat-icon>
+</button>
+
+<div (click)="store.moveWidgetToRight(widget().id)" class="move-forward-button">
+  <mat-icon>chevron_right</mat-icon>
+</div>
+
+<div (click)="store.moveWidgetToLeft(widget().id)" class="move-backward-button">
+  <mat-icon>chevron_left</mat-icon>
+</div>
+
+<div (click)="store.deleteWidget(widget().id)" class="remove-widget-button">
+  <mat-icon>delete</mat-icon>
+</div>
+
+<div>
+  Width
+  <mat-button-toggle-group
+    (change)="store.updateWidget(widget().id, { columns: +$event.value })"
+    [hideSingleSelectionIndicator]="true"
+    [value]="widget().columns ?? 1">
+    <mat-button-toggle [value]="1">1</mat-button-toggle>
+    <mat-button-toggle [value]="2">2</mat-button-toggle>
+    <mat-button-toggle [value]="3">3</mat-button-toggle>
+    <mat-button-toggle [value]="4">4</mat-button-toggle>
+  </mat-button-toggle-group>
+</div>
+
+<div>
+  Height
+  <mat-button-toggle-group
+    (change)="store.updateWidget(widget().id, { rows: +$event.value })"
+    [hideSingleSelectionIndicator]="true"
+    [value]="widget().rows ?? 1">
+    <mat-button-toggle [value]="1">1</mat-button-toggle>
+    <mat-button-toggle [value]="2">2</mat-button-toggle>
+    <mat-button-toggle [value]="3">3</mat-button-toggle>
+    <mat-button-toggle [value]="4">4</mat-button-toggle>
+  </mat-button-toggle-group>
+</div>

package/src/lib/components/widget-options/widget-options.component.scss

@@ -0,0 +1,53 @@
+:host {
+  position: absolute;
+  z-index: 2;
+  background: inherit;
+  color: inherit;
+  top: 0;
+  left: 0;
+  border-radius: inherit;
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  --mat-standard-button-toggle-height: 9px;
+
+  > div {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    margin-left: 8px;
+  }
+}
+
+.close-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.move-forward-button {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: -5px;
+}
+
+.move-backward-button {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: -5px;
+}
+
+
+.remove-widget-button {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 5px;
+}

package/src/lib/components/widget-options/widget-options.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WidgetOptionsComponent } from './widget-options.component';
+
+describe('WidgetOptions', () => {
+  let component: WidgetOptionsComponent;
+  let fixture: ComponentFixture<WidgetOptionsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [WidgetOptionsComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(WidgetOptionsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/widget-options/widget-options.component.ts

@@ -0,0 +1,23 @@
+import {
+  Component,
+  inject,
+  input,
+  InputSignal,
+  model,
+  ModelSignal,
+} from '@angular/core';
+import { Widget } from '../widget/widget';
+import { WidgetService } from '../../services/widget.service';
+
+@Component({
+  selector: 'app-widget-options',
+  standalone: false,
+  templateUrl: './widget-options.component.html',
+  styleUrl: './widget-options.component.scss',
+})
+export class WidgetOptionsComponent {
+  widget: InputSignal<Widget> = input.required<Widget>();
+  showOptions: ModelSignal<boolean> = model<boolean>(false);
+
+  store = inject(WidgetService);
+}

package/src/lib/dashboard-widgets-skeleton.module.ts

@@ -0,0 +1,37 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { WidgetComponent } from './components/widget/widget.component';
+import { WidgetOptionsComponent } from './components/widget-options/widget-options.component';
+import { DashboardWidgetsComponent } from './components/dashboard-widgets/dashboard-widgets.component';
+import { WidgetService } from './services/widget.service';
+
+import { MatMenuModule } from '@angular/material/menu';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+
+@NgModule({
+  declarations: [
+    WidgetComponent,
+    WidgetOptionsComponent,
+    DashboardWidgetsComponent,
+  ],
+  imports: [
+    CommonModule,
+    MatMenuModule,
+    MatButtonToggleModule,
+    MatButtonModule,
+    MatIconModule,
+  ],
+  exports: [
+    WidgetComponent,
+    WidgetOptionsComponent,
+    DashboardWidgetsComponent,
+    MatMenuModule,
+    MatButtonToggleModule,
+    MatButtonModule,
+    MatIconModule,
+  ],
+  providers: [WidgetService]
+})
+export class DashboardWidgetsSkeletonModule {}

package/src/lib/services/widget.service.ts

@@ -0,0 +1,95 @@
+import {
+  computed, effect, EffectRef,
+  Injectable,
+  Signal,
+  signal,
+  WritableSignal,
+} from '@angular/core';
+import { Widget } from '../components/widget/widget';
+
+@Injectable()
+export class WidgetService {
+  public widgets: WritableSignal<Widget[]> = signal<Widget[]>([]);
+
+  addedWidgets: WritableSignal<Widget[]> = signal<Widget[]>([]);
+
+  widgetsToAdd: Signal<Widget[]> = computed((): Widget[] => {
+    const addedIds: number[] = this.addedWidgets().map(
+      (widget: Widget): number => widget.id,
+    );
+    return this.widgets().filter((w): boolean => !addedIds.includes(w.id));
+  });
+
+  constructor() {
+    this.fetchWidgets();
+  }
+
+  fetchWidgets(): void {
+    const widgetsAsString = localStorage.getItem('dashboardWidgets');
+    if (widgetsAsString) {
+      const widgets = JSON.parse(widgetsAsString);
+      widgets.forEach((widget: Widget): void => {
+        const content = this.widgets().find((w: Widget): boolean => w.id === widget.id)?.content;
+        if (content) {
+          widget.content = content;
+        }
+      });
+
+      this.addedWidgets.set(widgets);
+    }
+  }
+
+  setAvailableWidgets(widgets: Widget[]): void {
+    this.widgets.set(widgets);
+  }
+
+  addWidget(widget: Widget): void {
+    this.addedWidgets.set([...this.addedWidgets(), { ...widget }]);
+  }
+
+  updateWidget(id: number, widget: Partial<Widget>): void {
+    const index = this.addedWidgets().findIndex((w) => w.id === id);
+    if (index !== -1) {
+      const newWidgets = [...this.addedWidgets()];
+      newWidgets[index] = { ...newWidgets[index], ...widget };
+      this.addedWidgets.set(newWidgets);
+    }
+  }
+
+  moveWidgetToLeft(id: number): void {
+    const index = this.addedWidgets().findIndex((w) => w.id === id);
+    if (index == 0) return;
+    const newWidgets = [...this.addedWidgets()];
+    [newWidgets[index], newWidgets[index - 1]] = [
+      { ...newWidgets[index - 1] },
+      { ...newWidgets[index] },
+    ];
+
+    this.addedWidgets.set(newWidgets);
+  }
+
+  moveWidgetToRight(id: number): void {
+    const index = this.addedWidgets().findIndex((w) => w.id === id);
+    if (index == this.addedWidgets().length - 1) return;
+    const newWidgets = [...this.addedWidgets()];
+    [newWidgets[index], newWidgets[index + 1]] = [
+      { ...newWidgets[index + 1] },
+      { ...newWidgets[index] },
+    ];
+
+    this.addedWidgets.set(newWidgets);
+  }
+
+  deleteWidget(id: number): void {
+    this.addedWidgets.set(this.addedWidgets().filter((w) => w.id !== id));
+  }
+
+  saveWidgets: EffectRef = effect((): void => {
+    const widgetsWithoutContent: Partial<Widget>[] = this.addedWidgets().map(w => ({...w}));
+    widgetsWithoutContent.forEach(widget => {
+      delete widget.content;
+    });
+
+    localStorage.setItem('dashboardWidgets', JSON.stringify(widgetsWithoutContent));
+  });
+}

package/src/public-api.ts

@@ -0,0 +1,9 @@
+/*
+ * Public API Surface of dashboard-widgets-skeleton
+ */
+
+export * from './lib/components/widget/widget.component';
+export * from './lib/components/widget-options/widget-options.component';
+export * from './lib/components/dashboard-widgets/dashboard-widgets.component';
+export * from './lib/services/widget.service';
+export * from './lib/dashboard-widgets-skeleton.module';

package/tsconfig.lib.json

@@ -0,0 +1,22 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "target": "ES2020",
+    "module": "ES2020",
+    "types": []
+  },
+  "angularCompilerOptions": {
+    "enableIvy": true,
+    "compilationMode": "partial"
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.ts"
+  ]
+}

package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs

@@ -1,176 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, computed, Injectable, input, model, inject, Component, viewChild, NgModule } from '@angular/core';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i1 from '@angular/material/button-toggle';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { wrapGrid } from 'animate-css-grid';
-import * as i1$2 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-
-class WidgetService {
-    widgets = signal([], ...(ngDevMode ? [{ debugName: "widgets" }] : []));
-    addedWidgets = signal([], ...(ngDevMode ? [{ debugName: "addedWidgets" }] : []));
-    widgetsToAdd = computed(() => {
-        const addedIds = this.addedWidgets().map((widget) => widget.id);
-        return this.widgets().filter((w) => !addedIds.includes(w.id));
-    }, ...(ngDevMode ? [{ debugName: "widgetsToAdd" }] : []));
-    setAvailableWidgets(widgets) {
-        this.widgets.set(widgets);
-    }
-    addWidget(widget) {
-        this.addedWidgets.set([...this.addedWidgets(), { ...widget }]);
-    }
-    updateWidget(id, widget) {
-        const index = this.addedWidgets().findIndex((w) => w.id === id);
-        if (index !== -1) {
-            const newWidgets = [...this.addedWidgets()];
-            newWidgets[index] = { ...newWidgets[index], ...widget };
-            this.addedWidgets.set(newWidgets);
-        }
-    }
-    moveWidgetToLeft(id) {
-        const index = this.addedWidgets().findIndex((w) => w.id === id);
-        if (index == 0)
-            return;
-        const newWidgets = [...this.addedWidgets()];
-        [newWidgets[index], newWidgets[index - 1]] = [
-            { ...newWidgets[index - 1] },
-            { ...newWidgets[index] },
-        ];
-        this.addedWidgets.set(newWidgets);
-    }
-    moveWidgetToRight(id) {
-        const index = this.addedWidgets().findIndex((w) => w.id === id);
-        if (index == this.addedWidgets().length - 1)
-            return;
-        const newWidgets = [...this.addedWidgets()];
-        [newWidgets[index], newWidgets[index + 1]] = [
-            { ...newWidgets[index + 1] },
-            { ...newWidgets[index] },
-        ];
-        this.addedWidgets.set(newWidgets);
-    }
-    deleteWidget(id) {
-        this.addedWidgets.set(this.addedWidgets().filter((w) => w.id !== id));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WidgetService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WidgetService, decorators: [{
-            type: Injectable
-        }] });
-
-class WidgetOptionsComponent {
-    widget = input.required(...(ngDevMode ? [{ debugName: "widget" }] : []));
-    showOptions = model(false, ...(ngDevMode ? [{ debugName: "showOptions" }] : []));
-    store = inject(WidgetService);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WidgetOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.2", type: WidgetOptionsComponent, isStandalone: false, selector: "app-widget-options", inputs: { widget: { classPropertyName: "widget", publicName: "widget", isSignal: true, isRequired: true, transformFunction: null }, showOptions: { classPropertyName: "showOptions", publicName: "showOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showOptions: "showOptionsChange" }, ngImport: i0, template: "<button (click)=\"showOptions.set(false)\" class=\"close-button\" mat-icon-button>\n  <mat-icon>close</mat-icon>\n</button>\n\n<div (click)=\"store.moveWidgetToRight(widget().id)\" class=\"move-forward-button\">\n  <mat-icon>chevron_right</mat-icon>\n</div>\n\n<div (click)=\"store.moveWidgetToLeft(widget().id)\" class=\"move-backward-button\">\n  <mat-icon>chevron_left</mat-icon>\n</div>\n\n<div (click)=\"store.deleteWidget(widget().id)\" class=\"remove-widget-button\">\n  <mat-icon>delete</mat-icon>\n</div>\n\n<div>\n  Width\n  <mat-button-toggle-group\n    (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n    [hideSingleSelectionIndicator]=\"true\"\n    [value]=\"widget().columns ?? 1\">\n    <mat-button-toggle [value]=\"1\">1</mat-button-toggle>\n    <mat-button-toggle [value]=\"2\">2</mat-button-toggle>\n    <mat-button-toggle [value]=\"3\">3</mat-button-toggle>\n    <mat-button-toggle [value]=\"4\">4</mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n<div>\n  Height\n  <mat-button-toggle-group\n    (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n    [hideSingleSelectionIndicator]=\"true\"\n    [value]=\"widget().rows ?? 1\">\n    <mat-button-toggle [value]=\"1\">1</mat-button-toggle>\n    <mat-button-toggle [value]=\"2\">2</mat-button-toggle>\n    <mat-button-toggle [value]=\"3\">3</mat-button-toggle>\n    <mat-button-toggle [value]=\"4\">4</mat-button-toggle>\n  </mat-button-toggle-group>\n</div>", styles: [":host{position:absolute;z-index:2;background:inherit;color:inherit;top:0;left:0;border-radius:inherit;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;--mat-standard-button-toggle-height: 9px}:host>div{display:flex;gap:8px;align-items:center;margin-left:8px}.close-button{position:absolute;top:0;right:0}.move-forward-button{position:absolute;top:50%;transform:translateY(-50%);right:-5px}.move-backward-button{position:absolute;top:50%;transform:translateY(-50%);left:-5px}.remove-widget-button{position:absolute;top:0;left:0;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WidgetOptionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-widget-options', standalone: false, template: "<button (click)=\"showOptions.set(false)\" class=\"close-button\" mat-icon-button>\n  <mat-icon>close</mat-icon>\n</button>\n\n<div (click)=\"store.moveWidgetToRight(widget().id)\" class=\"move-forward-button\">\n  <mat-icon>chevron_right</mat-icon>\n</div>\n\n<div (click)=\"store.moveWidgetToLeft(widget().id)\" class=\"move-backward-button\">\n  <mat-icon>chevron_left</mat-icon>\n</div>\n\n<div (click)=\"store.deleteWidget(widget().id)\" class=\"remove-widget-button\">\n  <mat-icon>delete</mat-icon>\n</div>\n\n<div>\n  Width\n  <mat-button-toggle-group\n    (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n    [hideSingleSelectionIndicator]=\"true\"\n    [value]=\"widget().columns ?? 1\">\n    <mat-button-toggle [value]=\"1\">1</mat-button-toggle>\n    <mat-button-toggle [value]=\"2\">2</mat-button-toggle>\n    <mat-button-toggle [value]=\"3\">3</mat-button-toggle>\n    <mat-button-toggle [value]=\"4\">4</mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n<div>\n  Height\n  <mat-button-toggle-group\n    (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n    [hideSingleSelectionIndicator]=\"true\"\n    [value]=\"widget().rows ?? 1\">\n    <mat-button-toggle [value]=\"1\">1</mat-button-toggle>\n    <mat-button-toggle [value]=\"2\">2</mat-button-toggle>\n    <mat-button-toggle [value]=\"3\">3</mat-button-toggle>\n    <mat-button-toggle [value]=\"4\">4</mat-button-toggle>\n  </mat-button-toggle-group>\n</div>", styles: [":host{position:absolute;z-index:2;background:inherit;color:inherit;top:0;left:0;border-radius:inherit;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;--mat-standard-button-toggle-height: 9px}:host>div{display:flex;gap:8px;align-items:center;margin-left:8px}.close-button{position:absolute;top:0;right:0}.move-forward-button{position:absolute;top:50%;transform:translateY(-50%);right:-5px}.move-backward-button{position:absolute;top:50%;transform:translateY(-50%);left:-5px}.remove-widget-button{position:absolute;top:0;left:0;padding:5px}\n"] }]
-        }] });
-
-class WidgetComponent {
-    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
-    showWidgetOptions = signal(false, ...(ngDevMode ? [{ debugName: "showWidgetOptions" }] : []));
-    get gridArea() {
-        const widget = this.data();
-        return `span ${widget.rows ?? 1} / span ${widget.columns ?? 1}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: WidgetComponent, isStandalone: false, selector: "app-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style.grid-area": "gridArea" } }, ngImport: i0, template: "<div\n  class=\"widget-container mat-elevation-z3\"\n>\n  <h3 class=\"m-0\">{{ data().label }}</h3>\n  <button (click)=\"showWidgetOptions.set(true)\" class=\"settings-button\" mat-icon-button>\n    <mat-icon>settings</mat-icon>\n  </button>\n\n  <ng-container [ngComponentOutlet]=\"data().content\"/>\n\n  @if (showWidgetOptions()) {\n    <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n  }\n</div>", styles: [":host{display:block;border-radius:16px}.widget-container{position:relative;height:100%;width:100%;padding:32px;box-sizing:border-box;border-radius:inherit;overflow:hidden;background-color:var(--mat-sys-background);cursor:pointer}.settings-button{position:absolute;top:20px;right:20px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: WidgetOptionsComponent, selector: "app-widget-options", inputs: ["widget", "showOptions"], outputs: ["showOptionsChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: WidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-widget', standalone: false, host: {
-                        '[style.grid-area]': 'gridArea',
-                    }, template: "<div\n  class=\"widget-container mat-elevation-z3\"\n>\n  <h3 class=\"m-0\">{{ data().label }}</h3>\n  <button (click)=\"showWidgetOptions.set(true)\" class=\"settings-button\" mat-icon-button>\n    <mat-icon>settings</mat-icon>\n  </button>\n\n  <ng-container [ngComponentOutlet]=\"data().content\"/>\n\n  @if (showWidgetOptions()) {\n    <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n  }\n</div>", styles: [":host{display:block;border-radius:16px}.widget-container{position:relative;height:100%;width:100%;padding:32px;box-sizing:border-box;border-radius:inherit;overflow:hidden;background-color:var(--mat-sys-background);cursor:pointer}.settings-button{position:absolute;top:20px;right:20px}\n"] }]
-        }] });
-
-class DashboardWidgetsComponent {
-    widgets = input.required(...(ngDevMode ? [{ debugName: "widgets" }] : []));
-    store = inject(WidgetService);
-    dashboard = viewChild.required('dashboard');
-    ngOnInit() {
-        wrapGrid(this.dashboard().nativeElement, { duration: 300 });
-        if (this.widgets()?.length > 0) {
-            this.store.setAvailableWidgets(this.widgets());
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DashboardWidgetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: DashboardWidgetsComponent, isStandalone: false, selector: "fidurcode-dashboard-widgets", inputs: { widgets: { classPropertyName: "widgets", publicName: "widgets", isSignal: true, isRequired: true, transformFunction: null } }, providers: [WidgetService], viewQueries: [{ propertyName: "dashboard", first: true, predicate: ["dashboard"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"dashboard-widgets-header\">\n  <h2>Dashboard</h2>\n  <button [matMenuTriggerFor]=\"menu\" mat-raised-button>\n    <mat-icon>add_circle</mat-icon>\n    Add widget\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    @for (widget of store.widgetsToAdd(); track widget.id) {\n      <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label }}</button>\n    } @empty {\n      <button mat-menu-item>No widget to add</button>\n    }\n  </mat-menu>\n</div>\n<div #dashboard class=\"dashboard-widgets\">\n  @for (w of store.addedWidgets(); track w.id) {\n    <app-widget [data]=\"w\"/>\n  }\n</div>", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:150px;gap:16px}\n"], dependencies: [{ kind: "component", type: i1$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: WidgetComponent, selector: "app-widget", inputs: ["data"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DashboardWidgetsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'fidurcode-dashboard-widgets', standalone: false, providers: [WidgetService], template: "<div class=\"dashboard-widgets-header\">\n  <h2>Dashboard</h2>\n  <button [matMenuTriggerFor]=\"menu\" mat-raised-button>\n    <mat-icon>add_circle</mat-icon>\n    Add widget\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    @for (widget of store.widgetsToAdd(); track widget.id) {\n      <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label }}</button>\n    } @empty {\n      <button mat-menu-item>No widget to add</button>\n    }\n  </mat-menu>\n</div>\n<div #dashboard class=\"dashboard-widgets\">\n  @for (w of store.addedWidgets(); track w.id) {\n    <app-widget [data]=\"w\"/>\n  }\n</div>", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:150px;gap:16px}\n"] }]
-        }] });
-
-class DashboardWidgetsSkeletonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DashboardWidgetsSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: DashboardWidgetsSkeletonModule, declarations: [WidgetComponent,
-            WidgetOptionsComponent,
-            DashboardWidgetsComponent], imports: [CommonModule,
-            MatMenuModule,
-            MatButtonToggleModule,
-            MatButtonModule,
-            MatIconModule], exports: [WidgetComponent,
-            WidgetOptionsComponent,
-            DashboardWidgetsComponent,
-            MatMenuModule,
-            MatButtonToggleModule,
-            MatButtonModule,
-            MatIconModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DashboardWidgetsSkeletonModule, providers: [WidgetService], imports: [CommonModule,
-            MatMenuModule,
-            MatButtonToggleModule,
-            MatButtonModule,
-            MatIconModule, MatMenuModule,
-            MatButtonToggleModule,
-            MatButtonModule,
-            MatIconModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: DashboardWidgetsSkeletonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        WidgetComponent,
-                        WidgetOptionsComponent,
-                        DashboardWidgetsComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatMenuModule,
-                        MatButtonToggleModule,
-                        MatButtonModule,
-                        MatIconModule,
-                    ],
-                    exports: [
-                        WidgetComponent,
-                        WidgetOptionsComponent,
-                        DashboardWidgetsComponent,
-                        MatMenuModule,
-                        MatButtonToggleModule,
-                        MatButtonModule,
-                        MatIconModule,
-                    ],
-                    providers: [WidgetService]
-                }]
-        }] });
-
-/*
- * Public API Surface of dashboard-widgets-skeleton
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DashboardWidgetsComponent, DashboardWidgetsSkeletonModule, WidgetComponent, WidgetOptionsComponent, WidgetService };
-//# sourceMappingURL=fidurcode-dashboard-widgets-skeleton.mjs.map

package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fidurcode-dashboard-widgets-skeleton.mjs","sources":["../../../projects/dashboard-widgets-skeleton/src/lib/services/widget.service.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/dashboard-widgets-skeleton.module.ts","../../../projects/dashboard-widgets-skeleton/src/public-api.ts","../../../projects/dashboard-widgets-skeleton/src/fidurcode-dashboard-widgets-skeleton.ts"],"sourcesContent":["import {\n  computed,\n  Injectable,\n  Signal,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport { Widget } from '../components/widget/widget';\n\n@Injectable()\nexport class WidgetService {\n  public widgets: WritableSignal<Widget[]> = signal<Widget[]>([\n\n  ]);\n\n  addedWidgets: WritableSignal<Widget[]> = signal<Widget[]>([\n\n  ]);\n\n  widgetsToAdd: Signal<Widget[]> = computed((): Widget[] => {\n    const addedIds: number[] = this.addedWidgets().map(\n      (widget: Widget): number => widget.id,\n    );\n    return this.widgets().filter((w): boolean => !addedIds.includes(w.id));\n  });\n\n  setAvailableWidgets(widgets: Widget[]): void {\n    this.widgets.set(widgets);\n  }\n\n  addWidget(widget: Widget): void {\n    this.addedWidgets.set([...this.addedWidgets(), { ...widget }]);\n  }\n\n  updateWidget(id: number, widget: Partial<Widget>): void {\n    const index = this.addedWidgets().findIndex((w) => w.id === id);\n    if (index !== -1) {\n      const newWidgets = [...this.addedWidgets()];\n      newWidgets[index] = { ...newWidgets[index], ...widget };\n      this.addedWidgets.set(newWidgets);\n    }\n  }\n\n  moveWidgetToLeft(id: number): void {\n    const index = this.addedWidgets().findIndex((w) => w.id === id);\n    if (index == 0) return;\n    const newWidgets = [...this.addedWidgets()];\n    [newWidgets[index], newWidgets[index - 1]] = [\n      { ...newWidgets[index - 1] },\n      { ...newWidgets[index] },\n    ];\n\n    this.addedWidgets.set(newWidgets);\n  }\n\n  moveWidgetToRight(id: number): void {\n    const index = this.addedWidgets().findIndex((w) => w.id === id);\n    if (index == this.addedWidgets().length - 1) return;\n    const newWidgets = [...this.addedWidgets()];\n    [newWidgets[index], newWidgets[index + 1]] = [\n      { ...newWidgets[index + 1] },\n      { ...newWidgets[index] },\n    ];\n\n    this.addedWidgets.set(newWidgets);\n  }\n\n  deleteWidget(id: number): void {\n    this.addedWidgets.set(this.addedWidgets().filter((w) => w.id !== id));\n  }\n}\n","import {\n  Component,\n  inject,\n  input,\n  InputSignal,\n  model,\n  ModelSignal,\n} from '@angular/core';\nimport { Widget } from '../widget/widget';\nimport { WidgetService } from '../../services/widget.service';\n\n@Component({\n  selector: 'app-widget-options',\n  standalone: false,\n  templateUrl: './widget-options.component.html',\n  styleUrl: './widget-options.component.scss',\n})\nexport class WidgetOptionsComponent {\n  widget: InputSignal<Widget> = input.required<Widget>();\n  showOptions: ModelSignal<boolean> = model<boolean>(false);\n\n  store = inject(WidgetService);\n}\n","<button (click)=\"showOptions.set(false)\" class=\"close-button\" mat-icon-button>\n  <mat-icon>close</mat-icon>\n</button>\n\n<div (click)=\"store.moveWidgetToRight(widget().id)\" class=\"move-forward-button\">\n  <mat-icon>chevron_right</mat-icon>\n</div>\n\n<div (click)=\"store.moveWidgetToLeft(widget().id)\" class=\"move-backward-button\">\n  <mat-icon>chevron_left</mat-icon>\n</div>\n\n<div (click)=\"store.deleteWidget(widget().id)\" class=\"remove-widget-button\">\n  <mat-icon>delete</mat-icon>\n</div>\n\n<div>\n  Width\n  <mat-button-toggle-group\n    (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n    [hideSingleSelectionIndicator]=\"true\"\n    [value]=\"widget().columns ?? 1\">\n    <mat-button-toggle [value]=\"1\">1</mat-button-toggle>\n    <mat-button-toggle [value]=\"2\">2</mat-button-toggle>\n    <mat-button-toggle [value]=\"3\">3</mat-button-toggle>\n    <mat-button-toggle [value]=\"4\">4</mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n<div>\n  Height\n  <mat-button-toggle-group\n    (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n    [hideSingleSelectionIndicator]=\"true\"\n    [value]=\"widget().rows ?? 1\">\n    <mat-button-toggle [value]=\"1\">1</mat-button-toggle>\n    <mat-button-toggle [value]=\"2\">2</mat-button-toggle>\n    <mat-button-toggle [value]=\"3\">3</mat-button-toggle>\n    <mat-button-toggle [value]=\"4\">4</mat-button-toggle>\n  </mat-button-toggle-group>\n</div>","import {\n  Component,\n  input,\n  InputSignal,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport { Widget } from './widget';\n\n@Component({\n  selector: 'app-widget',\n  standalone: false,\n  templateUrl: './widget.component.html',\n  styleUrl: './widget.component.scss',\n  host: {\n    '[style.grid-area]': 'gridArea',\n  },\n})\nexport class WidgetComponent {\n  data: InputSignal<Widget> = input.required<Widget>();\n\n  showWidgetOptions: WritableSignal<boolean> = signal<boolean>(false);\n\n  get gridArea(): string {\n    const widget: Widget = this.data();\n    return `span ${widget.rows ?? 1} / span ${widget.columns ?? 1}`;\n  }\n}\n","<div\n  class=\"widget-container mat-elevation-z3\"\n>\n  <h3 class=\"m-0\">{{ data().label }}</h3>\n  <button (click)=\"showWidgetOptions.set(true)\" class=\"settings-button\" mat-icon-button>\n    <mat-icon>settings</mat-icon>\n  </button>\n\n  <ng-container [ngComponentOutlet]=\"data().content\"/>\n\n  @if (showWidgetOptions()) {\n    <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n  }\n</div>","import {\n  Component,\n  ElementRef,\n  inject, input, Input, InputSignal,\n  OnInit,\n  viewChild,\n} from '@angular/core';\nimport { WidgetService } from '../../services/widget.service';\nimport { wrapGrid } from 'animate-css-grid';\nimport {Widget} from '../widget/widget';\n\n@Component({\n  selector: 'fidurcode-dashboard-widgets',\n  standalone: false,\n  templateUrl: './dashboard-widgets.component.html',\n  styleUrl: './dashboard-widgets.component.scss',\n  providers: [WidgetService],\n})\nexport class DashboardWidgetsComponent implements OnInit {\n  widgets: InputSignal<Widget[]> = input.required<Widget[]>();\n\n  store = inject(WidgetService);\n\n  dashboard = viewChild.required<ElementRef>('dashboard');\n\n  ngOnInit(): void {\n    wrapGrid(this.dashboard().nativeElement, { duration: 300 });\n\n    if (this.widgets()?.length > 0) {\n      this.store.setAvailableWidgets(this.widgets());\n    }\n  }\n}\n","<div class=\"dashboard-widgets-header\">\n  <h2>Dashboard</h2>\n  <button [matMenuTriggerFor]=\"menu\" mat-raised-button>\n    <mat-icon>add_circle</mat-icon>\n    Add widget\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    @for (widget of store.widgetsToAdd(); track widget.id) {\n      <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label }}</button>\n    } @empty {\n      <button mat-menu-item>No widget to add</button>\n    }\n  </mat-menu>\n</div>\n<div #dashboard class=\"dashboard-widgets\">\n  @for (w of store.addedWidgets(); track w.id) {\n    <app-widget [data]=\"w\"/>\n  }\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WidgetComponent } from './components/widget/widget.component';\nimport { WidgetOptionsComponent } from './components/widget-options/widget-options.component';\nimport { DashboardWidgetsComponent } from './components/dashboard-widgets/dashboard-widgets.component';\nimport { WidgetService } from './services/widget.service';\n\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [\n    WidgetComponent,\n    WidgetOptionsComponent,\n    DashboardWidgetsComponent,\n  ],\n  imports: [\n    CommonModule,\n    MatMenuModule,\n    MatButtonToggleModule,\n    MatButtonModule,\n    MatIconModule,\n  ],\n  exports: [\n    WidgetComponent,\n    WidgetOptionsComponent,\n    DashboardWidgetsComponent,\n    MatMenuModule,\n    MatButtonToggleModule,\n    MatButtonModule,\n    MatIconModule,\n  ],\n  providers: [WidgetService]\n})\nexport class DashboardWidgetsSkeletonModule {}\n","/*\n * Public API Surface of dashboard-widgets-skeleton\n */\n\nexport * from './lib/components/widget/widget.component';\nexport * from './lib/components/widget-options/widget-options.component';\nexport * from './lib/components/dashboard-widgets/dashboard-widgets.component';\nexport * from './lib/services/widget.service';\nexport * from './lib/dashboard-widgets-skeleton.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i4.WidgetOptionsComponent","i4.WidgetComponent"],"mappings":"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"}

package/index.d.ts

@@ -1,63 +0,0 @@
-import * as i0 from '@angular/core';
-import { Type, InputSignal, WritableSignal, Signal, ModelSignal, OnInit, ElementRef } from '@angular/core';
-import * as i4 from '@angular/common';
-import * as i5 from '@angular/material/menu';
-import * as i6 from '@angular/material/button-toggle';
-import * as i7 from '@angular/material/button';
-import * as i8 from '@angular/material/icon';
-
-interface Widget {
-    id: number;
-    label: string;
-    content: Type<unknown>;
-    rows?: number;
-    columns?: number;
-}
-
-declare class WidgetComponent {
-    data: InputSignal<Widget>;
-    showWidgetOptions: WritableSignal<boolean>;
-    get gridArea(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetComponent, "app-widget", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
-}
-
-declare class WidgetService {
-    widgets: WritableSignal<Widget[]>;
-    addedWidgets: WritableSignal<Widget[]>;
-    widgetsToAdd: Signal<Widget[]>;
-    setAvailableWidgets(widgets: Widget[]): void;
-    addWidget(widget: Widget): void;
-    updateWidget(id: number, widget: Partial<Widget>): void;
-    moveWidgetToLeft(id: number): void;
-    moveWidgetToRight(id: number): void;
-    deleteWidget(id: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<WidgetService>;
-}
-
-declare class WidgetOptionsComponent {
-    widget: InputSignal<Widget>;
-    showOptions: ModelSignal<boolean>;
-    store: WidgetService;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetOptionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetOptionsComponent, "app-widget-options", never, { "widget": { "alias": "widget"; "required": true; "isSignal": true; }; "showOptions": { "alias": "showOptions"; "required": false; "isSignal": true; }; }, { "showOptions": "showOptionsChange"; }, never, never, false, never>;
-}
-
-declare class DashboardWidgetsComponent implements OnInit {
-    widgets: InputSignal<Widget[]>;
-    store: WidgetService;
-    dashboard: i0.Signal<ElementRef<any>>;
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWidgetsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardWidgetsComponent, "fidurcode-dashboard-widgets", never, { "widgets": { "alias": "widgets"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
-}
-
-declare class DashboardWidgetsSkeletonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWidgetsSkeletonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardWidgetsSkeletonModule, [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent], [typeof i4.CommonModule, typeof i5.MatMenuModule, typeof i6.MatButtonToggleModule, typeof i7.MatButtonModule, typeof i8.MatIconModule], [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent, typeof i5.MatMenuModule, typeof i6.MatButtonToggleModule, typeof i7.MatButtonModule, typeof i8.MatIconModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DashboardWidgetsSkeletonModule>;
-}
-
-export { DashboardWidgetsComponent, DashboardWidgetsSkeletonModule, WidgetComponent, WidgetOptionsComponent, WidgetService };
-//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sources":["../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.ts","../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.ts","../../projects/dashboard-widgets-skeleton/src/lib/services/widget.service.ts","../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.ts","../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.ts","../../projects/dashboard-widgets-skeleton/src/lib/dashboard-widgets-skeleton.module.ts"],"sourcesContent":[null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;AAKE;;;AAGD;;ACCD;AAUE;AAEA;;;;AAMD;;AClBD;AAES;AAIP;AAIA;AAOA;AAIA;AAIA;AASA;AAYA;AAYA;;;AAGD;;AC3DD;AAOE;AACA;AAEA;;;AACD;;ACXD;AAQE;AAEA;AAEA;AAEA;;;AAOD;;ACpBD;;;;AAwB8C;;"}