ux4g-components-angular 1.4.1 → 1.5.0

package/dist/native/shared/base-native.component.d.ts

@@ -0,0 +1,38 @@
+import { OnDestroy, Renderer2, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Base class for Angular Native Wrapper components.
+ * Provides ControlValueAccessor boilerplate and common lifecycle management.
+ *
+ * Extending components should:
+ * - Call `super()` in constructor
+ * - Override `buildDescriptor()` to return the component's NodeDescriptor
+ * - Call `renderComponent()` in ngOnChanges or ngOnInit to render
+ * - Use `this.value` for the current form value
+ * - Call `this.notifyChange(newValue)` when value changes
+ * - Call `this.notifyTouched()` when the component is touched
+ */
+export declare abstract class BaseNativeComponent implements ControlValueAccessor, OnDestroy {
+    protected renderer: Renderer2;
+    protected elementRef: ElementRef<any>;
+    protected value: any;
+    protected disabled: boolean;
+    private onChange;
+    private onTouched;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected notifyChange(value: any): void;
+    protected notifyTouched(): void;
+    /**
+     * Clears the host element and re-renders from the NodeDescriptor.
+     * Subclasses call this when inputs change.
+     */
+    protected renderComponent(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseNativeComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseNativeComponent, never, never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=base-native.component.d.ts.map

package/dist/native/shared/base-native.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-native.component.d.ts","sourceRoot":"","sources":["../../../src/native/shared/base-native.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAE,UAAU,EAAU,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;;AAEtD;;;;;;;;;;;GAWG;AACH,8BACsB,mBAAoB,YAAW,oBAAoB,EAAE,SAAS;IAClF,SAAS,CAAC,QAAQ,YAAqB;IACvC,SAAS,CAAC,UAAU,kBAAsB;IAE1C,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,QAAQ,UAAS;IAE3B,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,SAAS,CAAwB;IAGzC,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAK5B,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAI/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAIhC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAK3C,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAKxC,SAAS,CAAC,aAAa,IAAI,IAAI;IAI/B;;;OAGG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;IASjC,WAAW,IAAI,IAAI;yCAnDC,mBAAmB;2CAAnB,mBAAmB;CAsDxC"}

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

@@ -0,0 +1,113 @@
+import * as i0 from '@angular/core';
+import { inject, Renderer2, ElementRef, Directive } from '@angular/core';
+
+/**
+ * Recursively converts a NodeDescriptor tree into actual DOM elements using Angular's Renderer2.
+ * This is the Angular equivalent of React's renderDescriptor.
+ */
+function renderDescriptorToDOM(renderer, descriptor, parentElement) {
+    if (typeof descriptor === 'string') {
+        const text = renderer.createText(descriptor);
+        renderer.appendChild(parentElement, text);
+        return;
+    }
+    const { tag, props, children } = descriptor;
+    const element = renderer.createElement(tag);
+    // Apply all props as attributes
+    if (props) {
+        Object.entries(props).forEach(([key, value]) => {
+            if (value === undefined)
+                return;
+            if (key === 'className') {
+                renderer.setAttribute(element, 'class', String(value));
+            }
+            else if (key === 'tabIndex') {
+                renderer.setAttribute(element, 'tabindex', String(value));
+            }
+            else if (typeof value === 'boolean') {
+                if (value) {
+                    renderer.setAttribute(element, key, '');
+                }
+            }
+            else {
+                renderer.setAttribute(element, key, String(value));
+            }
+        });
+    }
+    // Recursively render children
+    children.forEach((child) => {
+        renderDescriptorToDOM(renderer, child, element);
+    });
+    renderer.appendChild(parentElement, element);
+}
+
+/**
+ * Base class for Angular Native Wrapper components.
+ * Provides ControlValueAccessor boilerplate and common lifecycle management.
+ *
+ * Extending components should:
+ * - Call `super()` in constructor
+ * - Override `buildDescriptor()` to return the component's NodeDescriptor
+ * - Call `renderComponent()` in ngOnChanges or ngOnInit to render
+ * - Use `this.value` for the current form value
+ * - Call `this.notifyChange(newValue)` when value changes
+ * - Call `this.notifyTouched()` when the component is touched
+ */
+class BaseNativeComponent {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.elementRef = inject(ElementRef);
+        this.disabled = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this.value = value;
+        this.renderComponent();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.renderComponent();
+    }
+    notifyChange(value) {
+        this.value = value;
+        this.onChange(value);
+    }
+    notifyTouched() {
+        this.onTouched();
+    }
+    /**
+     * Clears the host element and re-renders from the NodeDescriptor.
+     * Subclasses call this when inputs change.
+     */
+    renderComponent() {
+        // Clear existing children
+        const hostEl = this.elementRef.nativeElement;
+        while (hostEl.firstChild) {
+            this.renderer.removeChild(hostEl, hostEl.firstChild);
+        }
+        // Subclasses override this method to call renderDescriptorToDOM
+    }
+    ngOnDestroy() {
+        // Cleanup hook for subclasses to override
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseNativeComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BaseNativeComponent, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseNativeComponent, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseNativeComponent, renderDescriptorToDOM };
+//# sourceMappingURL=ux4g-components-angular-native-shared.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-shared.mjs","sources":["../../../../src/native/shared/render-descriptor.ts","../../../../src/native/shared/base-native.component.ts","../../../../src/native/shared/ux4g-components-angular-native-shared.ts"],"sourcesContent":["import { Renderer2 } from '@angular/core';\r\nimport { NodeDescriptor } from 'ux4g-components-web/dom-generators';\r\n\r\n/**\r\n * Recursively converts a NodeDescriptor tree into actual DOM elements using Angular's Renderer2.\r\n * This is the Angular equivalent of React's renderDescriptor.\r\n */\r\nexport function renderDescriptorToDOM(\r\n  renderer: Renderer2,\r\n  descriptor: NodeDescriptor | string,\r\n  parentElement: any\r\n): void {\r\n  if (typeof descriptor === 'string') {\r\n    const text = renderer.createText(descriptor);\r\n    renderer.appendChild(parentElement, text);\r\n    return;\r\n  }\r\n\r\n  const { tag, props, children } = descriptor;\r\n  const element = renderer.createElement(tag);\r\n\r\n  // Apply all props as attributes\r\n  if (props) {\r\n    Object.entries(props).forEach(([key, value]) => {\r\n      if (value === undefined) return;\r\n      if (key === 'className') {\r\n        renderer.setAttribute(element, 'class', String(value));\r\n      } else if (key === 'tabIndex') {\r\n        renderer.setAttribute(element, 'tabindex', String(value));\r\n      } else if (typeof value === 'boolean') {\r\n        if (value) {\r\n          renderer.setAttribute(element, key, '');\r\n        }\r\n      } else {\r\n        renderer.setAttribute(element, key, String(value));\r\n      }\r\n    });\r\n  }\r\n\r\n  // Recursively render children\r\n  children.forEach((child: NodeDescriptor | string) => {\r\n    renderDescriptorToDOM(renderer, child, element);\r\n  });\r\n\r\n  renderer.appendChild(parentElement, element);\r\n}\r\n","import { Directive, OnDestroy, Renderer2, ElementRef, inject } from '@angular/core';\r\nimport { ControlValueAccessor } from '@angular/forms';\r\n\r\n/**\r\n * Base class for Angular Native Wrapper components.\r\n * Provides ControlValueAccessor boilerplate and common lifecycle management.\r\n *\r\n * Extending components should:\r\n * - Call `super()` in constructor\r\n * - Override `buildDescriptor()` to return the component's NodeDescriptor\r\n * - Call `renderComponent()` in ngOnChanges or ngOnInit to render\r\n * - Use `this.value` for the current form value\r\n * - Call `this.notifyChange(newValue)` when value changes\r\n * - Call `this.notifyTouched()` when the component is touched\r\n */\r\n@Directive()\r\nexport abstract class BaseNativeComponent implements ControlValueAccessor, OnDestroy {\r\n  protected renderer = inject(Renderer2);\r\n  protected elementRef = inject(ElementRef);\r\n\r\n  protected value: any;\r\n  protected disabled = false;\r\n\r\n  private onChange: (value: any) => void = () => {};\r\n  private onTouched: () => void = () => {};\r\n\r\n  // ControlValueAccessor implementation\r\n  writeValue(value: any): void {\r\n    this.value = value;\r\n    this.renderComponent();\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n    this.renderComponent();\r\n  }\r\n\r\n  protected notifyChange(value: any): void {\r\n    this.value = value;\r\n    this.onChange(value);\r\n  }\r\n\r\n  protected notifyTouched(): void {\r\n    this.onTouched();\r\n  }\r\n\r\n  /**\r\n   * Clears the host element and re-renders from the NodeDescriptor.\r\n   * Subclasses call this when inputs change.\r\n   */\r\n  protected 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    // Subclasses override this method to call renderDescriptorToDOM\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    // Cleanup hook for subclasses to override\r\n  }\r\n}\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/shared/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-shared.d.ts.map

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

@@ -0,0 +1,3 @@
+export { renderDescriptorToDOM } from './render-descriptor';
+export { BaseNativeComponent } from './base-native.component';
+//# sourceMappingURL=public-api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/shared/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/native/shared/render-descriptor.d.ts

@@ -0,0 +1,8 @@
+import { Renderer2 } from '@angular/core';
+import { NodeDescriptor } from 'ux4g-components-web/dom-generators';
+/**
+ * Recursively converts a NodeDescriptor tree into actual DOM elements using Angular's Renderer2.
+ * This is the Angular equivalent of React's renderDescriptor.
+ */
+export declare function renderDescriptorToDOM(renderer: Renderer2, descriptor: NodeDescriptor | string, parentElement: any): void;
+//# sourceMappingURL=render-descriptor.d.ts.map

package/dist/native/shared/render-descriptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-descriptor.d.ts","sourceRoot":"","sources":["../../../src/native/shared/render-descriptor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,cAAc,GAAG,MAAM,EACnC,aAAa,EAAE,GAAG,GACjB,IAAI,CAkCN"}

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

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