ng-fusion-ui 0.7.2 → 0.7.3

package/README.md

@@ -30,9 +30,9 @@ A flexible data table component with client/server pagination, sorting, column v
 
 ```html
 <fu-table [dataSource]="users" [paginator]="true" (queryChanged)="load($event)">
-  <fu-column field="name" header="Name" sortable editable></fu-column>
-  <fu-column field="email" header="Email"></fu-column>
-  <fu-column field="age" header="Age" type="number"></fu-column>
+  <fu-column field="name" header="Name" sortable editable />
+  <fu-column field="email" header="Email" />
+  <fu-column field="age" header="Age" type="number" />
 </fu-table>
 ```
 
@@ -95,8 +95,8 @@ You can provide templates inside `fu-column`:
   [paginator]="true"
   (queryChanged)="onQuery($event)">
 
-  <fu-column field="id" header="#" hideable="false"></fu-column>
-  <fu-column field="name" header="Name" sortable editable></fu-column>
-  <fu-column field="email" header="Email"></fu-column>
+  <fu-column field="id" header="#" hideable="false" />
+  <fu-column field="name" header="Name" sortable editable />
+  <fu-column field="email" header="Email" />
 </fu-table>
 ```

package/fesm2022/ng-fusion-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, Directive, Input, input, inject, ElementRef, Renderer2, NgModule, Injectable, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, signal, computed, effect, Pipe, model, contentChild, TemplateRef, DestroyRef, Injector, output, EventEmitter, untracked, Output, HostListener, linkedSignal, viewChild, afterRenderEffect } from '@angular/core';
+import { input, booleanAttribute, inject, ElementRef, Renderer2, Directive, NgModule, Injectable, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, signal, computed, effect, Pipe, model, contentChild, TemplateRef, DestroyRef, Injector, output, EventEmitter, untracked, Output, HostListener, linkedSignal, viewChild, afterRenderEffect } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, DatePipe } from '@angular/common';
 import * as i1 from '@angular/platform-browser';
@@ -10,163 +10,6 @@ import { CdkContextMenuTrigger, CdkMenu } from '@angular/cdk/menu';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
-/**
- * @deprecated fu-btn-outline will be removed in next versions. Use `fuButton` instead.
- */
-class OutlinedButtonDirective {
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-        this.variant = 'regular';
-        this.iconButton = false;
-        this.rounded = false;
-        this.compact = false;
-    }
-    ngOnInit() {
-        this.setInitialStyles();
-    }
-    setInitialStyles() {
-        this.renderer.addClass(this.el.nativeElement, 'fu-btn');
-        this.renderer.addClass(this.el.nativeElement, 'fu-btn-outline');
-        this.renderer.addClass(this.el.nativeElement, `fu-btn-${this.variant}`);
-        if (this.iconButton) {
-            this.renderer.setAttribute(this.el.nativeElement, 'icon', 'true');
-        }
-        if (this.rounded) {
-            this.renderer.setAttribute(this.el.nativeElement, 'rounded', 'true');
-        }
-        if (this.compact) {
-            this.renderer.setAttribute(this.el.nativeElement, 'compact', 'true');
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OutlinedButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.6", type: OutlinedButtonDirective, isStandalone: true, selector: "[fu-btn-outline]", inputs: { variant: "variant", iconButton: ["iconButton", "iconButton", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], compact: ["compact", "compact", booleanAttribute] }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OutlinedButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[fu-btn-outline]',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { variant: [{
-                type: Input
-            }], iconButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], rounded: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], compact: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * @deprecated fu-btn-text will be removed in next versions. Use `fuButton` instead.
- */
-class TextButtonDirective {
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-        this.variant = 'regular';
-        this.iconButton = false;
-        this.rounded = false;
-        this.raised = false;
-        this.compact = false;
-    }
-    ngOnInit() {
-        this.setInitialStyles();
-    }
-    setInitialStyles() {
-        this.renderer.addClass(this.el.nativeElement, 'fu-btn');
-        this.renderer.addClass(this.el.nativeElement, 'fu-btn-text');
-        this.renderer.addClass(this.el.nativeElement, `fu-btn-${this.variant}`);
-        if (this.iconButton) {
-            this.renderer.setAttribute(this.el.nativeElement, 'icon', 'true');
-        }
-        if (this.rounded) {
-            this.renderer.setAttribute(this.el.nativeElement, 'rounded', 'true');
-        }
-        if (this.raised) {
-            this.renderer.setAttribute(this.el.nativeElement, 'raised', 'true');
-        }
-        if (this.compact) {
-            this.renderer.setAttribute(this.el.nativeElement, 'compact', 'true');
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TextButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.6", type: TextButtonDirective, isStandalone: true, selector: "[fu-btn-text]", inputs: { variant: "variant", iconButton: ["iconButton", "iconButton", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], raised: ["raised", "raised", booleanAttribute], compact: ["compact", "compact", booleanAttribute] }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TextButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[fu-btn-text]',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { variant: [{
-                type: Input
-            }], iconButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], rounded: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], raised: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], compact: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * @deprecated fu-btn-filled will be removed in next versions. Use `fuButton` instead.
- */
-class FilledButtonDirective {
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-        this.variant = 'regular';
-        this.iconButton = false;
-        this.rounded = false;
-        this.compact = false;
-    }
-    ngOnInit() {
-        this.setInitialStyles();
-    }
-    setInitialStyles() {
-        this.renderer.addClass(this.el.nativeElement, 'fu-btn');
-        this.renderer.addClass(this.el.nativeElement, 'fu-btn-filled');
-        this.renderer.addClass(this.el.nativeElement, `fu-btn-${this.variant}`);
-        if (this.iconButton) {
-            this.renderer.setAttribute(this.el.nativeElement, 'icon', 'true');
-        }
-        if (this.rounded) {
-            this.renderer.setAttribute(this.el.nativeElement, 'rounded', 'true');
-        }
-        if (this.compact) {
-            this.renderer.setAttribute(this.el.nativeElement, 'compact', 'true');
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FilledButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.6", type: FilledButtonDirective, isStandalone: true, selector: "[fu-btn-filled]", inputs: { variant: "variant", iconButton: ["iconButton", "iconButton", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], compact: ["compact", "compact", booleanAttribute] }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FilledButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[fu-btn-filled]',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { variant: [{
-                type: Input
-            }], iconButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], rounded: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], compact: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
 class ButtonDirective {
     constructor() {
         this.variant = input('filled');
@@ -218,32 +61,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
 
 class ButtonModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ButtonModule, imports: [OutlinedButtonDirective,
-            FilledButtonDirective,
-            TextButtonDirective,
-            ButtonDirective,
-            CommonModule], exports: [OutlinedButtonDirective,
-            FilledButtonDirective,
-            TextButtonDirective,
-            ButtonDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ButtonModule, imports: [ButtonDirective, CommonModule], exports: [ButtonDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ButtonModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        OutlinedButtonDirective,
-                        FilledButtonDirective,
-                        TextButtonDirective,
-                        ButtonDirective,
-                        CommonModule,
-                    ],
-                    exports: [
-                        OutlinedButtonDirective,
-                        FilledButtonDirective,
-                        TextButtonDirective,
-                        ButtonDirective,
-                    ],
+                    imports: [ButtonDirective, CommonModule],
+                    exports: [ButtonDirective],
                 }]
         }] });
 
@@ -3038,5 +2863,5 @@ function fieldPathOf() {
  * Generated bundle index. Do not edit.
  */
 
-export { BodyTemplateDirective, ButtonDirective, ButtonModule, DataTableModule, ExpandTemplateDirective, FilledButtonDirective, FuColumnActionsTemplateDirective, FuColumnCellTemplateDirective, FuColumnComponent, FuColumnHeaderAddonTemplateDirective, FuColumnHeaderTemplateDirective, FuHighlightPipe, FuRowContextMenuTemplateDirective, FuTButtonDirective, FuTableComponent, FuTableExpandRowTemplateDirective, FuTableIntlService, FuTableModule, FuTableNoDataTemplateDirective, FuTableSidebarTemplateDirective, HeaderTemplateDirective, HighlightDirective, IconComponent, IconModule, OutlinedButtonDirective, PopupTemplateDirective, TableComponent, TableFilterComponent, TableIntlService, TablePaginatorComponent, TbodyActionsComponent, TbodyCellComponent, TextButtonDirective, TheadCellComponent, TreeComponent, TreeModule, fieldPathOf, rowClassByField, rowClassByPath };
+export { BodyTemplateDirective, ButtonDirective, ButtonModule, DataTableModule, ExpandTemplateDirective, FuColumnActionsTemplateDirective, FuColumnCellTemplateDirective, FuColumnComponent, FuColumnHeaderAddonTemplateDirective, FuColumnHeaderTemplateDirective, FuHighlightPipe, FuRowContextMenuTemplateDirective, FuTButtonDirective, FuTableComponent, FuTableExpandRowTemplateDirective, FuTableIntlService, FuTableModule, FuTableNoDataTemplateDirective, FuTableSidebarTemplateDirective, HeaderTemplateDirective, HighlightDirective, IconComponent, IconModule, PopupTemplateDirective, TableComponent, TableFilterComponent, TableIntlService, TablePaginatorComponent, TbodyActionsComponent, TbodyCellComponent, TheadCellComponent, TreeComponent, TreeModule, fieldPathOf, rowClassByField, rowClassByPath };
 //# sourceMappingURL=ng-fusion-ui.mjs.map