ln-20-lib-components 0.0.10 → 0.0.12

package/fesm2022/ln-20-lib-components-selected-items-management.component-xRoZB_NZ.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { inject, Component, computed, ViewChild } from '@angular/core';
+import { TableNgComponent, ButtonNgComponent } from './ln-20-lib-components.mjs';
+import { DynamicDialogRef, DynamicDialogConfig } from 'primeng/dynamicdialog';
+import { Subject } from 'rxjs';
+
+class BaseDialogComponent {
+    destroy$ = new Subject();
+    data;
+    ref = inject(DynamicDialogRef);
+    config = inject(DynamicDialogConfig);
+    constructor() {
+        this.data = this.config.data;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    close(result) {
+        this.ref.close(result);
+    }
+    dismiss() {
+        this.ref.close({ success: false });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: BaseDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: BaseDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: BaseDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    template: ''
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectedItemsManagementComponent extends BaseDialogComponent {
+    tableNg;
+    constructor() {
+        super();
+    }
+    selectedItems = [];
+    configTable;
+    ngOnInit() {
+        if (this.data) {
+            const selectedItems = this.data?.selectedItems ?? [];
+            const config = this.data?.config;
+            this.selectedItems = selectedItems;
+            this.configTable = config;
+        }
+    }
+    buttonsSubmit = computed(() => {
+        const buttons = [
+            {
+                label: 'Aceptar',
+                severity: 'success',
+                onClick: () => {
+                    this.submitSelection('accept');
+                }
+            },
+            {
+                label: 'Cerrar',
+                severity: 'info',
+                onClick: () => {
+                    this.submitSelection('reject');
+                }
+            }
+        ];
+        return buttons;
+    });
+    submitSelection(flag) {
+        const selectedItems = this.tableNg.dt.selection;
+        this.ref.close(flag === 'accept' ? selectedItems : undefined);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectedItemsManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SelectedItemsManagementComponent, isStandalone: true, selector: "app-selected-items-management", viewQueries: [{ propertyName: "tableNg", first: true, predicate: ["tableNg"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col gap-4\">\r\n  <app-table-ng\r\n    #tableNg\r\n    [data]=\"selectedItems\"\r\n    [config]=\"configTable\"\r\n    [selectedItems]=\"selectedItems\"\r\n  ></app-table-ng>\r\n  <div class=\"flex gap-2 mr-5 justify-end items-end sticky bottom-6 z-50\">\r\n    @for (btn of buttonsSubmit(); track $index) {\r\n    <app-button-ng [buttonConfig]=\"btn\"></app-button-ng>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"mb-10\"></div>\r\n", styles: [""], dependencies: [{ kind: "component", type: TableNgComponent, selector: "app-table-ng", inputs: ["data", "config", "editConfig", "footerConfig", "toolbarButtons", "sourceElements", "targetElements", "httpMessage", "selectedItems", "itemTemplateInput"], outputs: ["dataChange", "configChange", "editConfigChange", "footerConfigChange", "toolbarButtonsChange", "sourceElementsChange", "targetElementsChange", "httpMessageChange", "lazyLoading", "outputChangeData", "outputHandleEditInitButton", "outputAddRow", "outputDeleteRow", "outputRowInlineChange", "outputRowDataChange", "outputEditData", "outputIsEditing", "selectedItemsChange"] }, { kind: "component", type: ButtonNgComponent, selector: "app-button-ng", inputs: ["buttonConfig"], outputs: ["buttonConfigChange", "onClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectedItemsManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-selected-items-management', imports: [TableNgComponent, ButtonNgComponent], template: "<div class=\"flex flex-col gap-4\">\r\n  <app-table-ng\r\n    #tableNg\r\n    [data]=\"selectedItems\"\r\n    [config]=\"configTable\"\r\n    [selectedItems]=\"selectedItems\"\r\n  ></app-table-ng>\r\n  <div class=\"flex gap-2 mr-5 justify-end items-end sticky bottom-6 z-50\">\r\n    @for (btn of buttonsSubmit(); track $index) {\r\n    <app-button-ng [buttonConfig]=\"btn\"></app-button-ng>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"mb-10\"></div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { tableNg: [{
+                type: ViewChild,
+                args: ['tableNg']
+            }] } });
+
+export { SelectedItemsManagementComponent };
+//# sourceMappingURL=ln-20-lib-components-selected-items-management.component-xRoZB_NZ.mjs.map

package/fesm2022/ln-20-lib-components-selected-items-management.component-xRoZB_NZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ln-20-lib-components-selected-items-management.component-xRoZB_NZ.mjs","sources":["../../../projects/lib-components/src/lib/components/prime-ng/dynamic-dialog/components/base-dialog.component.ts","../../../projects/lib-components/src/lib/components/prime-ng/table-ng/components/selected-items-management/selected-items-management.component.ts","../../../projects/lib-components/src/lib/components/prime-ng/table-ng/components/selected-items-management/selected-items-management.component.html"],"sourcesContent":["// components/base-dialog.component.ts\r\nimport type { OnDestroy } from '@angular/core'\r\nimport { Component, inject } from '@angular/core'\r\nimport  { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog'\r\nimport { Subject } from 'rxjs'\r\n\r\nexport interface IDialogResult<T = any> {\r\n  success: boolean;\r\n  data?: T;\r\n  message?: string;\r\n}\r\n\r\n@Component({\r\n  standalone: true,\r\n  template: ''\r\n})\r\nexport class BaseDialogComponent implements OnDestroy {\r\n  protected destroy$ = new Subject<void>()\r\n  protected data: any\r\n\r\n  public ref = inject(DynamicDialogRef)\r\n  public config = inject(DynamicDialogConfig)\r\n  constructor(\r\n  ) {\r\n    this.data = this.config.data\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next()\r\n    this.destroy$.complete()\r\n  }\r\n\r\n  close<T>(result?: IDialogResult<T>): void {\r\n    this.ref.close(result)\r\n  }\r\n\r\n  dismiss(): void {\r\n    this.ref.close({ success: false })\r\n  }\r\n}\r\n","import type { OnInit, Signal } from '@angular/core'\r\nimport { Component, computed, ViewChild } from '@angular/core'\r\nimport { ButtonNgComponent } from '../../../button-ng/button-ng.component'\r\nimport type { IButtonConfig } from '../../../button-ng/interfaces'\r\nimport { BaseDialogComponent } from '../../../dynamic-dialog/components/base-dialog.component'\r\nimport type { ITableNgConfig, ITableNgData } from '../../interfaces'\r\nimport { TableNgComponent } from '../../table-ng.component'\r\n\r\n@Component({\r\n  selector: 'app-selected-items-management',\r\n  imports: [TableNgComponent, ButtonNgComponent],\r\n  templateUrl: './selected-items-management.component.html',\r\n  styleUrl: './selected-items-management.component.scss'\r\n})\r\nexport class SelectedItemsManagementComponent extends BaseDialogComponent implements OnInit {\r\n  @ViewChild('tableNg') tableNg!: TableNgComponent\r\n\r\n  constructor(\r\n  ) {\r\n    super()\r\n  }\r\n  protected selectedItems: ITableNgData[] = []\r\n  protected configTable?: ITableNgConfig | undefined\r\n  ngOnInit(): void {\r\n    if (this.data) {\r\n      const selectedItems: ITableNgData[] = this.data?.selectedItems as ITableNgData[] ?? []\r\n      const config: ITableNgConfig | undefined = this.data?.config as ITableNgConfig | undefined\r\n      this.selectedItems = selectedItems\r\n      this.configTable = config\r\n    }\r\n  }\r\n\r\n  buttonsSubmit: Signal<IButtonConfig[]> = computed(() => {\r\n    const buttons: IButtonConfig[] = [\r\n      {\r\n        label: 'Aceptar',\r\n        severity: 'success',\r\n        onClick: () => {\r\n          this.submitSelection('accept')\r\n        }\r\n      },\r\n      {\r\n        label: 'Cerrar',\r\n        severity: 'info',\r\n        onClick: () => {\r\n          this.submitSelection('reject')\r\n        }\r\n      }\r\n    ]\r\n    return buttons\r\n  })\r\n\r\n  submitSelection(flag: 'accept' | 'reject') {\r\n    const selectedItems: ITableNgData[] = this.tableNg.dt.selection as ITableNgData[]\r\n    this.ref.close(flag === 'accept' ? selectedItems : undefined)\r\n  }\r\n\r\n}\r\n","<div class=\"flex flex-col gap-4\">\r\n  <app-table-ng\r\n    #tableNg\r\n    [data]=\"selectedItems\"\r\n    [config]=\"configTable\"\r\n    [selectedItems]=\"selectedItems\"\r\n  ></app-table-ng>\r\n  <div class=\"flex gap-2 mr-5 justify-end items-end sticky bottom-6 z-50\">\r\n    @for (btn of buttonsSubmit(); track $index) {\r\n    <app-button-ng [buttonConfig]=\"btn\"></app-button-ng>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"mb-10\"></div>\r\n"],"names":[],"mappings":"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"}