ux4g-components-angular 1.4.0 → 1.5.0

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

@@ -0,0 +1,99 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { generateChipDOM } from 'ux4g-components-web/dom-generators';
+import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
+
+/**
+ * Angular Native Chip component.
+ * Generates the complete UX4G chip DOM structure internally using the shared DOM Generator.
+ *
+ * Produces a chip container with CSS classes from `buildChipClasses()`,
+ * a label span, and an optional dismiss button with `aria-label="Remove {label}"`.
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-chip
+ *   [label]="'Technology'"
+ *   [type]="'filter'"
+ *   [size]="'md'"
+ *   [active]="true"
+ *   (dismiss)="onDismiss()">
+ * </ux4g-native-chip>
+ * ```
+ */
+class UX4GNativeChipComponent extends BaseNativeComponent {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.type = 'filter';
+        this.size = 'md';
+        this.active = false;
+        this.dismiss = new EventEmitter();
+    }
+    ngOnChanges(_changes) {
+        this.renderComponent();
+    }
+    renderComponent() {
+        super.renderComponent();
+        const props = {
+            label: this.label,
+            type: this.type,
+            size: this.size,
+            active: this.active,
+            dismissible: this.dismiss.observed,
+        };
+        const descriptor = generateChipDOM(props);
+        renderDescriptorToDOM(this.renderer, descriptor, this.elementRef.nativeElement);
+        // Attach click handler to the dismiss button if dismissible
+        if (this.dismiss.observed) {
+            const hostEl = this.elementRef.nativeElement;
+            const dismissBtn = hostEl.querySelector('.ux4g-chip-dismiss');
+            if (dismissBtn) {
+                this.renderer.listen(dismissBtn, 'click', () => {
+                    this.dismiss.emit();
+                });
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeChipComponent, isStandalone: true, selector: "ux4g-native-chip", inputs: { label: "label", type: "type", size: "size", active: "active" }, outputs: { dismiss: "dismiss" }, 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: UX4GNativeChipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ux4g-native-chip',
+                    standalone: true,
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], dismiss: [{
+                type: Output
+            }] } });
+
+class UX4GNativeChipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeChipModule, imports: [UX4GNativeChipComponent], exports: [UX4GNativeChipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeChipModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeChipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [UX4GNativeChipComponent],
+                    exports: [UX4GNativeChipComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UX4GNativeChipComponent, UX4GNativeChipModule };
+//# sourceMappingURL=ux4g-components-angular-native-chip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-chip.mjs","sources":["../../../../src/native/chip/ux4g-native-chip.component.ts","../../../../src/native/chip/ux4g-native-chip.module.ts","../../../../src/native/chip/ux4g-components-angular-native-chip.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} from '@angular/core';\r\nimport { generateChipDOM, ChipNativeGeneratorProps } from 'ux4g-components-web/dom-generators';\r\nimport { ChipType, ChipSize } from 'ux4g-components-web/types';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\n/**\r\n * Angular Native Chip component.\r\n * Generates the complete UX4G chip DOM structure internally using the shared DOM Generator.\r\n *\r\n * Produces a chip container with CSS classes from `buildChipClasses()`,\r\n * a label span, and an optional dismiss button with `aria-label=\"Remove {label}\"`.\r\n *\r\n * Usage:\r\n * ```html\r\n * <ux4g-native-chip\r\n *   [label]=\"'Technology'\"\r\n *   [type]=\"'filter'\"\r\n *   [size]=\"'md'\"\r\n *   [active]=\"true\"\r\n *   (dismiss)=\"onDismiss()\">\r\n * </ux4g-native-chip>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ux4g-native-chip',\r\n  standalone: true,\r\n  template: '',\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GNativeChipComponent extends BaseNativeComponent implements OnChanges {\r\n  @Input() label: string = '';\r\n  @Input() type: ChipType = 'filter';\r\n  @Input() size: ChipSize = 'md';\r\n  @Input() active: boolean = false;\r\n  @Output() dismiss = new EventEmitter<void>();\r\n\r\n  ngOnChanges(_changes: SimpleChanges): void {\r\n    this.renderComponent();\r\n  }\r\n\r\n  protected override renderComponent(): void {\r\n    super.renderComponent();\r\n\r\n    const props: ChipNativeGeneratorProps = {\r\n      label: this.label,\r\n      type: this.type,\r\n      size: this.size,\r\n      active: this.active,\r\n      dismissible: this.dismiss.observed,\r\n    };\r\n\r\n    const descriptor = generateChipDOM(props);\r\n    renderDescriptorToDOM(this.renderer, descriptor, this.elementRef.nativeElement);\r\n\r\n    // Attach click handler to the dismiss button if dismissible\r\n    if (this.dismiss.observed) {\r\n      const hostEl = this.elementRef.nativeElement;\r\n      const dismissBtn = hostEl.querySelector('.ux4g-chip-dismiss');\r\n      if (dismissBtn) {\r\n        this.renderer.listen(dismissBtn, 'click', () => {\r\n          this.dismiss.emit();\r\n        });\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeChipComponent } from './ux4g-native-chip.component';\r\n\r\n@NgModule({\r\n  imports: [UX4GNativeChipComponent],\r\n  exports: [UX4GNativeChipComponent],\r\n})\r\nexport class UX4GNativeChipModule {}\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/chip/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-chip.d.ts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/chip/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

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

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

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

@@ -0,0 +1,34 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ChipType, ChipSize } from 'ux4g-components-web/types';
+import { BaseNativeComponent } from '@ux4g-native-shared';
+import * as i0 from "@angular/core";
+/**
+ * Angular Native Chip component.
+ * Generates the complete UX4G chip DOM structure internally using the shared DOM Generator.
+ *
+ * Produces a chip container with CSS classes from `buildChipClasses()`,
+ * a label span, and an optional dismiss button with `aria-label="Remove {label}"`.
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-chip
+ *   [label]="'Technology'"
+ *   [type]="'filter'"
+ *   [size]="'md'"
+ *   [active]="true"
+ *   (dismiss)="onDismiss()">
+ * </ux4g-native-chip>
+ * ```
+ */
+export declare class UX4GNativeChipComponent extends BaseNativeComponent implements OnChanges {
+    label: string;
+    type: ChipType;
+    size: ChipSize;
+    active: boolean;
+    dismiss: EventEmitter<void>;
+    ngOnChanges(_changes: SimpleChanges): void;
+    protected renderComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeChipComponent, "ux4g-native-chip", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+}
+//# sourceMappingURL=ux4g-native-chip.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-chip.component.d.ts","sourceRoot":"","sources":["../../../src/native/chip/ux4g-native-chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEZ,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAEjF;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,uBAAwB,SAAQ,mBAAoB,YAAW,SAAS;IAC1E,KAAK,EAAE,MAAM,CAAM;IACnB,IAAI,EAAE,QAAQ,CAAY;IAC1B,IAAI,EAAE,QAAQ,CAAQ;IACtB,MAAM,EAAE,OAAO,CAAS;IACvB,OAAO,qBAA4B;IAE7C,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;cAIvB,eAAe,IAAI,IAAI;yCAX/B,uBAAuB;2CAAvB,uBAAuB;CAoCnC"}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ux4g-native-chip.component";
+export declare class UX4GNativeChipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeChipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UX4GNativeChipModule, never, [typeof i1.UX4GNativeChipComponent], [typeof i1.UX4GNativeChipComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UX4GNativeChipModule>;
+}
+//# sourceMappingURL=ux4g-native-chip.module.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-chip.module.d.ts","sourceRoot":"","sources":["../../../src/native/chip/ux4g-native-chip.module.ts"],"names":[],"mappings":";;AAGA,qBAIa,oBAAoB;yCAApB,oBAAoB;0CAApB,oBAAoB;0CAApB,oBAAoB;CAAG"}