ln-20-lib-components 0.0.37 → 0.0.38

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

@@ -0,0 +1,55 @@
+import * as i0 from '@angular/core';
+import { computed, ViewChild, Component } from '@angular/core';
+import { B as BaseDialogComponent, T as TableNgComponent, a as ButtonNgComponent } from './ln-20-lib-components-ln-20-lib-components-BQKDeJ1C.mjs';
+
+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: "lib-selected-items-management", viewQueries: [{ propertyName: "tableNg", first: true, predicate: ["tableNg"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col gap-4 relative\">\r\n  <lib-table-ng\r\n    #tableNg\r\n    [data]=\"selectedItems\"\r\n    [config]=\"configTable\"\r\n    [selectedItems]=\"selectedItems\"\r\n  ></lib-table-ng>\r\n  <div class=\"flex gap-2 mr-5 justify-end items-end sticky bottom-5 z-50\">\r\n    @for (btn of buttonsSubmit(); track $index) {\r\n    <lib-button-ng [buttonConfig]=\"btn\"></lib-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: "lib-table-ng", inputs: ["data", "config", "editConfig", "footerConfig", "toolbarButtons", "toolbarSpeedDialButtons", "sourceElements", "targetElements", "httpMessage", "selectedItems", "itemTemplateInput"], outputs: ["dataChange", "configChange", "editConfigChange", "footerConfigChange", "toolbarButtonsChange", "toolbarSpeedDialButtonsChange", "sourceElementsChange", "targetElementsChange", "httpMessageChange", "lazyLoading", "outputChangeData", "outputHandleEditInitButton", "outputAddRow", "outputDeleteRow", "outputRowInlineChange", "outputRowDataChange", "outputEditData", "outputIsEditing", "selectedItemsChange"] }, { kind: "component", type: ButtonNgComponent, selector: "lib-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: 'lib-selected-items-management', imports: [TableNgComponent, ButtonNgComponent], template: "<div class=\"flex flex-col gap-4 relative\">\r\n  <lib-table-ng\r\n    #tableNg\r\n    [data]=\"selectedItems\"\r\n    [config]=\"configTable\"\r\n    [selectedItems]=\"selectedItems\"\r\n  ></lib-table-ng>\r\n  <div class=\"flex gap-2 mr-5 justify-end items-end sticky bottom-5 z-50\">\r\n    @for (btn of buttonsSubmit(); track $index) {\r\n    <lib-button-ng [buttonConfig]=\"btn\"></lib-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-BELzWncD.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ln-20-lib-components-selected-items-management.component-BELzWncD.mjs","sources":["../../../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":["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: 'lib-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 relative\">\r\n  <lib-table-ng\r\n    #tableNg\r\n    [data]=\"selectedItems\"\r\n    [config]=\"configTable\"\r\n    [selectedItems]=\"selectedItems\"\r\n  ></lib-table-ng>\r\n  <div class=\"flex gap-2 mr-5 justify-end items-end sticky bottom-5 z-50\">\r\n    @for (btn of buttonsSubmit(); track $index) {\r\n    <lib-button-ng [buttonConfig]=\"btn\"></lib-button-ng>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"mb-10\"></div>\r\n"],"names":[],"mappings":";;;;AAcM,MAAO,gCAAiC,SAAQ,mBAAmB,CAAA;AACjD,IAAA,OAAO;AAE7B,IAAA,WAAA,GAAA;AAEE,QAAA,KAAK,EAAE;IACT;IACU,aAAa,GAAmB,EAAE;AAClC,IAAA,WAAW;IACrB,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,aAAa,GAAmB,IAAI,CAAC,IAAI,EAAE,aAA+B,IAAI,EAAE;AACtF,YAAA,MAAM,MAAM,GAA+B,IAAI,CAAC,IAAI,EAAE,MAAoC;AAC1F,YAAA,IAAI,CAAC,aAAa,GAAG,aAAa;AAClC,YAAA,IAAI,CAAC,WAAW,GAAG,MAAM;QAC3B;IACF;AAEA,IAAA,aAAa,GAA4B,QAAQ,CAAC,MAAK;AACrD,QAAA,MAAM,OAAO,GAAoB;AAC/B,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,QAAQ,EAAE,SAAS;gBACnB,OAAO,EAAE,MAAK;AACZ,oBAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;gBAChC;AACD,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,QAAQ;AACf,gBAAA,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,MAAK;AACZ,oBAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;gBAChC;AACD;SACF;AACD,QAAA,OAAO,OAAO;AAChB,IAAA,CAAC,CAAC;AAEF,IAAA,eAAe,CAAC,IAAyB,EAAA;QACvC,MAAM,aAAa,GAAmB,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,SAA2B;AACjF,QAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;IAC/D;wGAzCW,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd7C,qdAcA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDJY,gBAAgB,0pBAAE,iBAAiB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAIlC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAN5C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+BAA+B,EAAA,OAAA,EAChC,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAAA,qdAAA,EAAA;wDAKxB,OAAO,EAAA,CAAA;sBAA5B,SAAS;uBAAC,SAAS;;;;;"}

package/fesm2022/ln-20-lib-components.mjs

@@ -1,2 +1,2 @@
-export { A as AminatedContainerComponent, a as ButtonNgComponent, D as DisabledContainerComponent, E as ETypeInput, F as FormComponent, H as HttpMessageComponent, I as InlineInputComponent, b as LibComponentsComponent, L as LibComponentsService, S as SpeedDialNgComponent, T as TableNgComponent } from './ln-20-lib-components-ln-20-lib-components-CeFk-mqA.mjs';
+export { A as AminatedContainerComponent, a as ButtonNgComponent, D as DisabledContainerComponent, E as ETypeInput, F as FormComponent, H as HttpMessageComponent, I as InlineInputComponent, b as LibComponentsComponent, L as LibComponentsService, S as SpeedDialComponent, c as SpeedDialNgComponent, T as TableNgComponent } from './ln-20-lib-components-ln-20-lib-components-BQKDeJ1C.mjs';
 //# sourceMappingURL=ln-20-lib-components.mjs.map

package/lib/components/origin/index.d.ts

@@ -2,3 +2,4 @@ export * from './form/index';
 export * from './http-message/index';
 export * from './aminated-container/index';
 export * from './disabled-container/index';
+export * from './speed-dial/index';

package/lib/components/origin/pick-list/components/container-elements/container-elements.component.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export declare class ContainerElementsComponent implements OnInit {
     cols: import("@angular/core").InputSignal<number>;
     elements: import("@angular/core").ModelSignal<IPickListElement[]>;
-    severityButton: import("@angular/core").InputSignal<"info" | "secondary" | "success" | "warn" | "help" | "danger" | "contrast">;
+    severityButton: import("@angular/core").InputSignal<"success" | "secondary" | "info" | "warn" | "help" | "danger" | "contrast">;
     outputElements: import("@angular/core").OutputEmitterRef<IPickListElement[]>;
     constructor();
     ngOnInit(): void;

package/lib/components/origin/pick-list/pick-list.component.d.ts

@@ -14,8 +14,8 @@ export declare class PickListComponent implements OnInit {
         sourceElements: IPickListElement[];
         targetElements: IPickListElement[];
     }>;
-    protected sourceSeverityButton: Signal<"info" | "secondary" | "success" | "warn" | "help" | "danger" | "contrast">;
-    protected targetSeverityButton: Signal<"info" | "secondary" | "success" | "warn" | "help" | "danger" | "contrast">;
+    protected sourceSeverityButton: Signal<"success" | "secondary" | "info" | "warn" | "help" | "danger" | "contrast">;
+    protected targetSeverityButton: Signal<"success" | "secondary" | "info" | "warn" | "help" | "danger" | "contrast">;
     protected controlButtons: Signal<IButtonConfig[]>;
     /**
      * Mueve todos los elementos del sourceElements al targetElements,

package/lib/components/origin/speed-dial/index.d.ts

@@ -0,0 +1,2 @@
+export * from './speed-dial.component';
+export * from './interfaces';

package/lib/components/origin/speed-dial/interfaces/index.d.ts

@@ -0,0 +1,7 @@
+import type { IButtonConfig } from '../../../prime-ng/button-ng/interfaces';
+export interface ISpeedDialConfig {
+    buttons: IButtonConfig[];
+    mainButton: IButtonConfig;
+    direction: TSpeedDialDirection;
+}
+export type TSpeedDialDirection = 'top' | 'bottom' | 'left' | 'right';

package/lib/components/origin/speed-dial/services/speed-dial.service.d.ts

@@ -0,0 +1,31 @@
+import type { Signal } from '@angular/core';
+import type { ISpeedDialConfig, TSpeedDialDirection } from '../interfaces';
+import type { IButtonConfig } from '../../../prime-ng/button-ng/interfaces';
+import * as i0 from "@angular/core";
+export declare class SpeedDialService {
+    private readonly panelOffset;
+    private mainButtonHost?;
+    private activeAnchor?;
+    private readonly _isMenuOpen;
+    private readonly _panelTop;
+    private readonly _panelLeft;
+    constructor();
+    private _speedDialConfig;
+    speedDialConfig: Signal<ISpeedDialConfig>;
+    isMenuOpen: Signal<boolean>;
+    panelTop: Signal<string>;
+    panelLeft: Signal<string>;
+    setSpeedDialConfig(config: ISpeedDialConfig): void;
+    setMainButtonHost(host: HTMLElement): void;
+    buttons: Signal<IButtonConfig[]>;
+    overlayButtons: Signal<IButtonConfig[]>;
+    mainButton: Signal<IButtonConfig>;
+    direction: Signal<TSpeedDialDirection>;
+    toggleMenu(anchor?: HTMLElement): void;
+    closeMenu(): void;
+    destroy(): void;
+    private readonly handleViewportChange;
+    private updatePanelPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpeedDialService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SpeedDialService>;
+}

package/lib/components/origin/speed-dial/speed-dial.component.d.ts

@@ -0,0 +1,24 @@
+import type { AfterViewInit, OnDestroy } from '@angular/core';
+import type { ISpeedDialConfig, TSpeedDialDirection } from './interfaces';
+import type { IButtonConfig } from '../../prime-ng/button-ng/interfaces';
+import * as i0 from "@angular/core";
+export declare class SpeedDialComponent implements AfterViewInit, OnDestroy {
+    private mainButtonContainer?;
+    speedDialConfig: import("@angular/core").InputSignal<ISpeedDialConfig>;
+    private readonly speedDialService;
+    constructor();
+    get buttons(): IButtonConfig[];
+    get overlayButtons(): IButtonConfig[];
+    get mainButton(): IButtonConfig;
+    get isMenuOpen(): boolean;
+    get panelTop(): string;
+    get panelLeft(): string;
+    get direction(): TSpeedDialDirection;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    closeMenu(): void;
+    onMainButtonClick(event: MouseEvent): void;
+    stopPropagation(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpeedDialComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpeedDialComponent, "lib-speed-dial", never, { "speedDialConfig": { "alias": "speedDialConfig"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/prime-ng/table-ng/table-ng.component.d.ts

@@ -9,7 +9,7 @@ import type { IPickListElement } from '../../origin/pick-list/interfaces';
 import type { IButtonConfig } from '../button-ng/interfaces';
 import { IPrimeNgSelection } from '../interfaces';
 import type { IEditTableNgConfig, IErrorConfig, IFooterConfig, IGlobalSearchForm, ILazyLoadResponse, IPipeConfig, ITableNgConfig, ITableNgData } from './interfaces';
-import { ISpeedDialNgConfig } from '../speed-dial-ng';
+import { ISpeedDialConfig } from '../../origin/speed-dial/interfaces';
 import * as i0 from "@angular/core";
 export declare class TableNgComponent<T extends Record<string, any> = Record<string, any>> implements OnInit, OnDestroy {
     private readonly tableNgService;
@@ -23,7 +23,7 @@ export declare class TableNgComponent<T extends Record<string, any> = Record<str
     readonly editConfig: import("@angular/core").ModelSignal<IEditTableNgConfig<T> | undefined>;
     readonly footerConfig: import("@angular/core").ModelSignal<IFooterConfig | undefined>;
     toolbarButtons: import("@angular/core").ModelSignal<IButtonConfig<any>[]>;
-    toolbarSpeedDialButtons: import("@angular/core").ModelSignal<ISpeedDialNgConfig[]>;
+    toolbarSpeedDialButtons: import("@angular/core").ModelSignal<ISpeedDialConfig[]>;
     sourceElements: import("@angular/core").ModelSignal<IPickListElement[]>;
     targetElements: import("@angular/core").ModelSignal<IPickListElement[]>;
     httpMessage: import("@angular/core").ModelSignal<IHttpMessage | undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ln-20-lib-components",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",