ux4g-components-angular 1.4.0 → 1.5.0

package/dist/native/date-picker/fesm2022/ux4g-components-angular-native-date-picker.mjs

@@ -0,0 +1,181 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Output, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { generateDatePickerDOM } from 'ux4g-components-web/dom-generators';
+import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
+
+/**
+ * UX4G Native DatePicker — Angular Native Wrapper for the UX4G DatePicker component.
+ *
+ * Generates the complete calendar grid DOM with proper ARIA attributes,
+ * day cells with `role="gridcell"`, navigation buttons, and weekday headers.
+ *
+ * Implements ControlValueAccessor for Angular forms integration (ngModel/formControl).
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-date-picker
+ *   [(ngModel)]="selectedDate"
+ *   [min]="'2024-01-01'"
+ *   [max]="'2024-12-31'"
+ *   locale="en-US">
+ * </ux4g-native-date-picker>
+ * ```
+ */
+class UX4GNativeDatePickerComponent extends BaseNativeComponent {
+    constructor() {
+        super(...arguments);
+        this.locale = 'en-US';
+        this.dateChange = new EventEmitter();
+        this.clickListener = null;
+    }
+    ngOnChanges(_changes) {
+        this.renderComponent();
+    }
+    renderComponent() {
+        // Clear existing children
+        const hostEl = this.elementRef.nativeElement;
+        while (hostEl.firstChild) {
+            this.renderer.removeChild(hostEl, hostEl.firstChild);
+        }
+        // Determine display month/year from value or current date
+        if (this.displayMonth === undefined || this.displayYear === undefined) {
+            if (this.value) {
+                const parts = this.value.split('-');
+                this.displayMonth = parseInt(parts[1], 10) - 1;
+                this.displayYear = parseInt(parts[0], 10);
+            }
+            else {
+                const now = new Date();
+                this.displayMonth = now.getMonth();
+                this.displayYear = now.getFullYear();
+            }
+        }
+        // Generate descriptor and render to DOM
+        const descriptor = generateDatePickerDOM({
+            value: this.value,
+            min: this.min,
+            max: this.max,
+            locale: this.locale,
+            displayMonth: this.displayMonth,
+            displayYear: this.displayYear,
+        });
+        renderDescriptorToDOM(this.renderer, descriptor, hostEl);
+        this.attachEventListeners();
+    }
+    attachEventListeners() {
+        this.removeEventListeners();
+        const hostEl = this.elementRef.nativeElement;
+        this.clickListener = this.renderer.listen(hostEl, 'click', (event) => {
+            const target = event.target;
+            // Handle prev/next month navigation
+            if (target.closest('.ux4g-date-picker-prev')) {
+                this.navigateMonth(-1);
+                return;
+            }
+            if (target.closest('.ux4g-date-picker-next')) {
+                this.navigateMonth(1);
+                return;
+            }
+            // Handle day cell selection
+            const cell = target.closest('[role="gridcell"]');
+            if (cell && !cell.classList.contains('ux4g-date-picker-cell-empty')) {
+                if (cell.getAttribute('aria-disabled') === 'true') {
+                    return;
+                }
+                const dayText = cell.textContent?.trim();
+                if (dayText) {
+                    const day = parseInt(dayText, 10);
+                    const month = (this.displayMonth + 1).toString().padStart(2, '0');
+                    const dayStr = day.toString().padStart(2, '0');
+                    const newValue = `${this.displayYear}-${month}-${dayStr}`;
+                    this.notifyChange(newValue);
+                    this.notifyTouched();
+                    this.dateChange.emit(newValue);
+                    this.renderComponent();
+                }
+            }
+        });
+    }
+    navigateMonth(direction) {
+        let month = this.displayMonth + direction;
+        let year = this.displayYear;
+        if (month < 0) {
+            month = 11;
+            year--;
+        }
+        else if (month > 11) {
+            month = 0;
+            year++;
+        }
+        this.displayMonth = month;
+        this.displayYear = year;
+        this.renderComponent();
+    }
+    removeEventListeners() {
+        if (this.clickListener) {
+            this.clickListener();
+            this.clickListener = null;
+        }
+    }
+    ngOnDestroy() {
+        this.removeEventListeners();
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeDatePickerComponent, isStandalone: true, selector: "ux4g-native-date-picker", inputs: { min: "min", max: "max", locale: "locale" }, outputs: { dateChange: "dateChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => UX4GNativeDatePickerComponent),
+                multi: true,
+            },
+        ], 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: UX4GNativeDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ux4g-native-date-picker',
+                    standalone: true,
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => UX4GNativeDatePickerComponent),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], dateChange: [{
+                type: Output
+            }] } });
+
+/**
+ * NgModule for backward compatibility with module-based Angular applications.
+ * For standalone components (Angular 17+), import UX4GNativeDatePickerComponent directly.
+ */
+class UX4GNativeDatePickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDatePickerModule, imports: [UX4GNativeDatePickerComponent], exports: [UX4GNativeDatePickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDatePickerModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDatePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [UX4GNativeDatePickerComponent],
+                    exports: [UX4GNativeDatePickerComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UX4GNativeDatePickerComponent, UX4GNativeDatePickerModule };
+//# sourceMappingURL=ux4g-components-angular-native-date-picker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-date-picker.mjs","sources":["../../../../src/native/date-picker/ux4g-native-date-picker.component.ts","../../../../src/native/date-picker/ux4g-native-date-picker.module.ts","../../../../src/native/date-picker/ux4g-components-angular-native-date-picker.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ViewEncapsulation,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  OnDestroy,\r\n  forwardRef,\r\n} from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { generateDatePickerDOM } from 'ux4g-components-web/dom-generators';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\n/**\r\n * UX4G Native DatePicker — Angular Native Wrapper for the UX4G DatePicker component.\r\n *\r\n * Generates the complete calendar grid DOM with proper ARIA attributes,\r\n * day cells with `role=\"gridcell\"`, navigation buttons, and weekday headers.\r\n *\r\n * Implements ControlValueAccessor for Angular forms integration (ngModel/formControl).\r\n *\r\n * Usage:\r\n * ```html\r\n * <ux4g-native-date-picker\r\n *   [(ngModel)]=\"selectedDate\"\r\n *   [min]=\"'2024-01-01'\"\r\n *   [max]=\"'2024-12-31'\"\r\n *   locale=\"en-US\">\r\n * </ux4g-native-date-picker>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ux4g-native-date-picker',\r\n  standalone: true,\r\n  template: '',\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => UX4GNativeDatePickerComponent),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class UX4GNativeDatePickerComponent\r\n  extends BaseNativeComponent\r\n  implements OnChanges, OnDestroy\r\n{\r\n  @Input() min?: string;\r\n  @Input() max?: string;\r\n  @Input() locale: string = 'en-US';\r\n\r\n  @Output() dateChange = new EventEmitter<string>();\r\n\r\n  private displayMonth?: number;\r\n  private displayYear?: number;\r\n  private clickListener: (() => void) | null = null;\r\n\r\n  ngOnChanges(_changes: SimpleChanges): 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    // Determine display month/year from value or current date\r\n    if (this.displayMonth === undefined || this.displayYear === undefined) {\r\n      if (this.value) {\r\n        const parts = (this.value as string).split('-');\r\n        this.displayMonth = parseInt(parts[1], 10) - 1;\r\n        this.displayYear = parseInt(parts[0], 10);\r\n      } else {\r\n        const now = new Date();\r\n        this.displayMonth = now.getMonth();\r\n        this.displayYear = now.getFullYear();\r\n      }\r\n    }\r\n\r\n    // Generate descriptor and render to DOM\r\n    const descriptor = generateDatePickerDOM({\r\n      value: this.value as string | undefined,\r\n      min: this.min,\r\n      max: this.max,\r\n      locale: this.locale,\r\n      displayMonth: this.displayMonth,\r\n      displayYear: this.displayYear,\r\n    });\r\n\r\n    renderDescriptorToDOM(this.renderer, descriptor, hostEl);\r\n\r\n    this.attachEventListeners();\r\n  }\r\n\r\n  private attachEventListeners(): void {\r\n    this.removeEventListeners();\r\n\r\n    const hostEl = this.elementRef.nativeElement;\r\n\r\n    this.clickListener = this.renderer.listen(hostEl, 'click', (event: Event) => {\r\n      const target = event.target as HTMLElement;\r\n\r\n      // Handle prev/next month navigation\r\n      if (target.closest('.ux4g-date-picker-prev')) {\r\n        this.navigateMonth(-1);\r\n        return;\r\n      }\r\n      if (target.closest('.ux4g-date-picker-next')) {\r\n        this.navigateMonth(1);\r\n        return;\r\n      }\r\n\r\n      // Handle day cell selection\r\n      const cell = target.closest('[role=\"gridcell\"]') as HTMLElement | null;\r\n      if (cell && !cell.classList.contains('ux4g-date-picker-cell-empty')) {\r\n        if (cell.getAttribute('aria-disabled') === 'true') {\r\n          return;\r\n        }\r\n        const dayText = cell.textContent?.trim();\r\n        if (dayText) {\r\n          const day = parseInt(dayText, 10);\r\n          const month = (this.displayMonth! + 1).toString().padStart(2, '0');\r\n          const dayStr = day.toString().padStart(2, '0');\r\n          const newValue = `${this.displayYear}-${month}-${dayStr}`;\r\n          this.notifyChange(newValue);\r\n          this.notifyTouched();\r\n          this.dateChange.emit(newValue);\r\n          this.renderComponent();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  private navigateMonth(direction: number): void {\r\n    let month = this.displayMonth! + direction;\r\n    let year = this.displayYear!;\r\n\r\n    if (month < 0) {\r\n      month = 11;\r\n      year--;\r\n    } else if (month > 11) {\r\n      month = 0;\r\n      year++;\r\n    }\r\n\r\n    this.displayMonth = month;\r\n    this.displayYear = year;\r\n    this.renderComponent();\r\n  }\r\n\r\n  private removeEventListeners(): void {\r\n    if (this.clickListener) {\r\n      this.clickListener();\r\n      this.clickListener = null;\r\n    }\r\n  }\r\n\r\n  override ngOnDestroy(): void {\r\n    this.removeEventListeners();\r\n    super.ngOnDestroy();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeDatePickerComponent } from './ux4g-native-date-picker.component';\r\n\r\n/**\r\n * NgModule for backward compatibility with module-based Angular applications.\r\n * For standalone components (Angular 17+), import UX4GNativeDatePickerComponent directly.\r\n */\r\n@NgModule({\r\n  imports: [UX4GNativeDatePickerComponent],\r\n  exports: [UX4GNativeDatePickerComponent],\r\n})\r\nexport class UX4GNativeDatePickerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/native/date-picker/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-date-picker.d.ts.map

package/dist/native/date-picker/public-api.d.ts

@@ -0,0 +1,3 @@
+export { UX4GNativeDatePickerComponent } from './ux4g-native-date-picker.component';
+export { UX4GNativeDatePickerModule } from './ux4g-native-date-picker.module';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/native/date-picker/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/date-picker/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC"}

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

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

package/dist/native/date-picker/ux4g-native-date-picker.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
+import { BaseNativeComponent } from '@ux4g-native-shared';
+import * as i0 from "@angular/core";
+/**
+ * UX4G Native DatePicker — Angular Native Wrapper for the UX4G DatePicker component.
+ *
+ * Generates the complete calendar grid DOM with proper ARIA attributes,
+ * day cells with `role="gridcell"`, navigation buttons, and weekday headers.
+ *
+ * Implements ControlValueAccessor for Angular forms integration (ngModel/formControl).
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-date-picker
+ *   [(ngModel)]="selectedDate"
+ *   [min]="'2024-01-01'"
+ *   [max]="'2024-12-31'"
+ *   locale="en-US">
+ * </ux4g-native-date-picker>
+ * ```
+ */
+export declare class UX4GNativeDatePickerComponent extends BaseNativeComponent implements OnChanges, OnDestroy {
+    min?: string;
+    max?: string;
+    locale: string;
+    dateChange: EventEmitter<string>;
+    private displayMonth?;
+    private displayYear?;
+    private clickListener;
+    ngOnChanges(_changes: SimpleChanges): void;
+    protected renderComponent(): void;
+    private attachEventListeners;
+    private navigateMonth;
+    private removeEventListeners;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeDatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeDatePickerComponent, "ux4g-native-date-picker", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=ux4g-native-date-picker.component.d.ts.map

package/dist/native/date-picker/ux4g-native-date-picker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-date-picker.component.d.ts","sourceRoot":"","sources":["../../../src/native/date-picker/ux4g-native-date-picker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEZ,SAAS,EACT,aAAa,EACb,SAAS,EAEV,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAEjF;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAaa,6BACX,SAAQ,mBACR,YAAW,SAAS,EAAE,SAAS;IAEtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAW;IAExB,UAAU,uBAA8B;IAElD,OAAO,CAAC,YAAY,CAAC,CAAS;IAC9B,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B,OAAO,CAAC,aAAa,CAA6B;IAElD,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;cAIvB,eAAe,IAAI,IAAI;IAmC1C,OAAO,CAAC,oBAAoB;IAuC5B,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,oBAAoB;IAOnB,WAAW,IAAI,IAAI;yCApHjB,6BAA6B;2CAA7B,6BAA6B;CAwHzC"}

package/dist/native/date-picker/ux4g-native-date-picker.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ux4g-native-date-picker.component";
+/**
+ * NgModule for backward compatibility with module-based Angular applications.
+ * For standalone components (Angular 17+), import UX4GNativeDatePickerComponent directly.
+ */
+export declare class UX4GNativeDatePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeDatePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UX4GNativeDatePickerModule, never, [typeof i1.UX4GNativeDatePickerComponent], [typeof i1.UX4GNativeDatePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UX4GNativeDatePickerModule>;
+}
+//# sourceMappingURL=ux4g-native-date-picker.module.d.ts.map

package/dist/native/date-picker/ux4g-native-date-picker.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-date-picker.module.d.ts","sourceRoot":"","sources":["../../../src/native/date-picker/ux4g-native-date-picker.module.ts"],"names":[],"mappings":";;AAGA;;;GAGG;AACH,qBAIa,0BAA0B;yCAA1B,0BAA0B;0CAA1B,0BAA0B;0CAA1B,0BAA0B;CAAG"}