ux4g-components-angular 1.4.0 → 1.5.0

package/dist/native/table/fesm2022/ux4g-components-angular-native-table.mjs

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { generateTableDOM } from 'ux4g-components-web/dom-generators';
+import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
+
+/**
+ * UX4GNativeTableComponent — Angular Native Wrapper for the Table component.
+ *
+ * Generates the complete UX4G table DOM internally using the shared
+ * DOM Generator. Produces a `<table>` with `<thead>` containing one
+ * `<th>` per column and `<tbody>` containing one `<tr>` per data row,
+ * each with one `<td>` per column.
+ *
+ * Sortable columns receive `aria-sort="none"` on their `<th>`.
+ */
+class UX4GNativeTableComponent extends BaseNativeComponent {
+    constructor() {
+        super(...arguments);
+        this.columns = [];
+        this.data = [];
+    }
+    ngOnChanges() {
+        this.renderComponent();
+    }
+    renderComponent() {
+        // Clear existing children
+        const hostEl = this.elementRef.nativeElement;
+        while (hostEl.firstChild) {
+            this.renderer.removeChild(hostEl, hostEl.firstChild);
+        }
+        // Generate descriptor and render to DOM
+        if (this.columns && this.columns.length > 0) {
+            const descriptor = generateTableDOM({
+                columns: this.columns,
+                data: this.data || [],
+                size: this.size,
+                divider: this.divider,
+                zebra: this.zebra,
+                interactive: this.interactive,
+            });
+            renderDescriptorToDOM(this.renderer, descriptor, hostEl);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeTableComponent, isStandalone: true, selector: "ux4g-native-table", inputs: { columns: "columns", data: "data", size: "size", divider: "divider", zebra: "zebra", interactive: "interactive" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeTableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ux4g-native-table',
+                    standalone: true,
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], divider: [{
+                type: Input
+            }], zebra: [{
+                type: Input
+            }], interactive: [{
+                type: Input
+            }] } });
+
+/**
+ * NgModule for backward compatibility with module-based Angular applications.
+ * Standalone-first consumers can import UX4GNativeTableComponent directly.
+ */
+class UX4GNativeTableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeTableModule, imports: [UX4GNativeTableComponent], exports: [UX4GNativeTableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeTableModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [UX4GNativeTableComponent],
+                    exports: [UX4GNativeTableComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UX4GNativeTableComponent, UX4GNativeTableModule };
+//# sourceMappingURL=ux4g-components-angular-native-table.mjs.map

package/dist/native/table/fesm2022/ux4g-components-angular-native-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-table.mjs","sources":["../../../../src/native/table/ux4g-native-table.component.ts","../../../../src/native/table/ux4g-native-table.module.ts","../../../../src/native/table/ux4g-components-angular-native-table.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  OnChanges,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { generateTableDOM } from 'ux4g-components-web/dom-generators';\r\nimport { TableSize, TableDivider, TableZebra } from 'ux4g-components-web/types';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\n/**\r\n * UX4GNativeTableComponent — Angular Native Wrapper for the Table component.\r\n *\r\n * Generates the complete UX4G table DOM internally using the shared\r\n * DOM Generator. Produces a `<table>` with `<thead>` containing one\r\n * `<th>` per column and `<tbody>` containing one `<tr>` per data row,\r\n * each with one `<td>` per column.\r\n *\r\n * Sortable columns receive `aria-sort=\"none\"` on their `<th>`.\r\n */\r\n@Component({\r\n  selector: 'ux4g-native-table',\r\n  standalone: true,\r\n  template: '',\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GNativeTableComponent extends BaseNativeComponent implements OnChanges {\r\n  @Input() columns: Array<{ key: string; label: string; sortable?: boolean; width?: string }> = [];\r\n  @Input() data: Array<Record<string, unknown>> = [];\r\n  @Input() size?: TableSize;\r\n  @Input() divider?: TableDivider;\r\n  @Input() zebra?: TableZebra;\r\n  @Input() interactive?: boolean;\r\n\r\n  ngOnChanges(): void {\r\n    this.renderComponent();\r\n  }\r\n\r\n  protected override renderComponent(): void {\r\n    // Clear existing children\r\n    const hostEl = this.elementRef.nativeElement;\r\n    while (hostEl.firstChild) {\r\n      this.renderer.removeChild(hostEl, hostEl.firstChild);\r\n    }\r\n\r\n    // Generate descriptor and render to DOM\r\n    if (this.columns && this.columns.length > 0) {\r\n      const descriptor = generateTableDOM({\r\n        columns: this.columns,\r\n        data: this.data || [],\r\n        size: this.size,\r\n        divider: this.divider,\r\n        zebra: this.zebra,\r\n        interactive: this.interactive,\r\n      });\r\n      renderDescriptorToDOM(this.renderer, descriptor, hostEl);\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeTableComponent } from './ux4g-native-table.component';\r\n\r\n/**\r\n * NgModule for backward compatibility with module-based Angular applications.\r\n * Standalone-first consumers can import UX4GNativeTableComponent directly.\r\n */\r\n@NgModule({\r\n  imports: [UX4GNativeTableComponent],\r\n  exports: [UX4GNativeTableComponent],\r\n})\r\nexport class UX4GNativeTableModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAUA;;;;;;;;;AASG;AAOG,MAAO,wBAAyB,SAAQ,mBAAmB,CAAA;AANjE,IAAA,WAAA,GAAA;;QAOW,IAAA,CAAA,OAAO,GAA8E,EAAE;QACvF,IAAA,CAAA,IAAI,GAAmC,EAAE;AA8BnD,IAAA;IAxBC,WAAW,GAAA;QACT,IAAI,CAAC,eAAe,EAAE;IACxB;IAEmB,eAAe,GAAA;;AAEhC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC5C,QAAA,OAAO,MAAM,CAAC,UAAU,EAAE;YACxB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC;QACtD;;AAGA,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3C,MAAM,UAAU,GAAG,gBAAgB,CAAC;gBAClC,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,gBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;gBACrB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,WAAW,EAAE,IAAI,CAAC,WAAW;AAC9B,aAAA,CAAC;YACF,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;QAC1D;IACF;+GA/BW,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,qPAHzB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGD,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,OAAO,EAAA,CAAA;sBAAf;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,WAAW,EAAA,CAAA;sBAAnB;;;AC7BH;;;AAGG;MAKU,qBAAqB,CAAA;+GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAArB,qBAAqB,EAAA,OAAA,EAAA,CAHtB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CACxB,wBAAwB,CAAA,EAAA,CAAA,CAAA;gHAEvB,qBAAqB,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,wBAAwB,CAAC;oBACnC,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;ACVD;;AAEG;;;;"}

package/dist/native/table/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ux4g-components-angular" />
+export * from './public-api';
+//# sourceMappingURL=ux4g-components-angular-native-table.d.ts.map

package/dist/native/table/public-api.d.ts

@@ -0,0 +1,3 @@
+export { UX4GNativeTableComponent } from './ux4g-native-table.component';
+export { UX4GNativeTableModule } from './ux4g-native-table.module';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/native/table/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/table/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/native/table/ux4g-components-angular-native-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-table.d.ts","sourceRoot":"","sources":["../../../src/native/table/ux4g-components-angular-native-table.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}

package/dist/native/table/ux4g-native-table.component.d.ts

@@ -0,0 +1,32 @@
+import { OnChanges } from '@angular/core';
+import { TableSize, TableDivider, TableZebra } from 'ux4g-components-web/types';
+import { BaseNativeComponent } from '@ux4g-native-shared';
+import * as i0 from "@angular/core";
+/**
+ * UX4GNativeTableComponent — Angular Native Wrapper for the Table component.
+ *
+ * Generates the complete UX4G table DOM internally using the shared
+ * DOM Generator. Produces a `<table>` with `<thead>` containing one
+ * `<th>` per column and `<tbody>` containing one `<tr>` per data row,
+ * each with one `<td>` per column.
+ *
+ * Sortable columns receive `aria-sort="none"` on their `<th>`.
+ */
+export declare class UX4GNativeTableComponent extends BaseNativeComponent implements OnChanges {
+    columns: Array<{
+        key: string;
+        label: string;
+        sortable?: boolean;
+        width?: string;
+    }>;
+    data: Array<Record<string, unknown>>;
+    size?: TableSize;
+    divider?: TableDivider;
+    zebra?: TableZebra;
+    interactive?: boolean;
+    ngOnChanges(): void;
+    protected renderComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeTableComponent, "ux4g-native-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "zebra": { "alias": "zebra"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=ux4g-native-table.component.d.ts.map

package/dist/native/table/ux4g-native-table.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-table.component.d.ts","sourceRoot":"","sources":["../../../src/native/table/ux4g-native-table.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAEV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAEjF;;;;;;;;;GASG;AACH,qBAMa,wBAAyB,SAAQ,mBAAoB,YAAW,SAAS;IAC3E,OAAO,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IACxF,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAM;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAE/B,WAAW,IAAI,IAAI;cAIA,eAAe,IAAI,IAAI;yCAZ/B,wBAAwB;2CAAxB,wBAAwB;CAgCpC"}

package/dist/native/table/ux4g-native-table.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ux4g-native-table.component";
+/**
+ * NgModule for backward compatibility with module-based Angular applications.
+ * Standalone-first consumers can import UX4GNativeTableComponent directly.
+ */
+export declare class UX4GNativeTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UX4GNativeTableModule, never, [typeof i1.UX4GNativeTableComponent], [typeof i1.UX4GNativeTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UX4GNativeTableModule>;
+}
+//# sourceMappingURL=ux4g-native-table.module.d.ts.map

package/dist/native/table/ux4g-native-table.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-table.module.d.ts","sourceRoot":"","sources":["../../../src/native/table/ux4g-native-table.module.ts"],"names":[],"mappings":";;AAGA;;;GAGG;AACH,qBAIa,qBAAqB;yCAArB,qBAAqB;0CAArB,qBAAqB;0CAArB,qBAAqB;CAAG"}