@nettyapps/ntyux 21.0.0 → 21.0.1

package/fesm2022/nettyapps-ntyux.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, NgModule, inject, Injectable, input, output, ViewContainerRef, ViewChild, Input, ViewEncapsulation, signal, effect, computed, forwardRef, ChangeDetectionStrategy, ElementRef, model } from '@angular/core';
+import { Component, NgModule, inject, Injectable, input, output, ViewContainerRef, ViewChild, Input, ViewEncapsulation, signal, effect, computed, forwardRef, ChangeDetectionStrategy, model, viewChild, ElementRef } from '@angular/core';
 import * as i1$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i2$1 from '@angular/material/autocomplete';
@@ -11,7 +11,7 @@ import * as i4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { UiBase, NettyUISearchInput } from '@nettyapps/ntyui';
+import { UiBase, NettyUINumberInput, NettyUISearchInput } from '@nettyapps/ntyui';
 import { HttpClient } from '@angular/common/http';
 import { EnvironmentProxy } from '@nettyapps/ntycontract';
 import { MAT_DIALOG_DATA, MatDialog, MatDialogConfig, MatDialogModule } from '@angular/material/dialog';
@@ -601,6 +601,108 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                 args: ['autoCompleteInput']
             }] } });
 
+class ValueUnitInput extends UiBase {
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+    // Number input
+    min = input(null, ...(ngDevMode ? [{ debugName: "min" }] : []));
+    max = input(null, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : []));
+    precision = input(2, ...(ngDevMode ? [{ debugName: "precision" }] : []));
+    // AutoComplete
+    tableName = input('', ...(ngDevMode ? [{ debugName: "tableName" }] : []));
+    searchAfter = input(3, ...(ngDevMode ? [{ debugName: "searchAfter" }] : []));
+    fieldCode = input(null, ...(ngDevMode ? [{ debugName: "fieldCode" }] : []));
+    fieldName = input(null, ...(ngDevMode ? [{ debugName: "fieldName" }] : []));
+    lookupComponent = input(null, ...(ngDevMode ? [{ debugName: "lookupComponent" }] : []));
+    lookupComponentPath = input(null, ...(ngDevMode ? [{ debugName: "lookupComponentPath" }] : []));
+    filterField = input(null, ...(ngDevMode ? [{ debugName: "filterField" }] : []));
+    filterFieldValue = input(null, ...(ngDevMode ? [{ debugName: "filterFieldValue" }] : []));
+    filterFieldNumeric = input(false, ...(ngDevMode ? [{ debugName: "filterFieldNumeric" }] : []));
+    filterFieldEquality = input('=', ...(ngDevMode ? [{ debugName: "filterFieldEquality" }] : []));
+    debounceTime = input(500, ...(ngDevMode ? [{ debugName: "debounceTime" }] : []));
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    quantityModel = viewChild('quantityModel', ...(ngDevMode ? [{ debugName: "quantityModel" }] : []));
+    unitModel = viewChild('unitModel', ...(ngDevMode ? [{ debugName: "unitModel" }] : []));
+    internalValue = {
+        quantity: null,
+        unit: null,
+    };
+    constructor() {
+        super();
+        effect(() => {
+            const currentValue = this.value();
+            if (currentValue !== null && currentValue !== this.internalValue) {
+                this.updateInternalValue(currentValue);
+            }
+        });
+    }
+    updateInternalValue(value) {
+        if (value && typeof value === 'object') {
+            this.internalValue = {
+                quantity: value.quantity || null,
+                unit: value.unit || null,
+            };
+        }
+        else {
+            this.internalValue = { quantity: null, unit: null };
+        }
+    }
+    // Quantity changed
+    onQuantityChange(quantity) {
+        this.internalValue.quantity = quantity;
+        this.updateValue();
+        this.onTouched();
+    }
+    // Unit changed
+    onUnitChange(unit) {
+        this.internalValue.unit = unit;
+        this.updateValue();
+        this.onTouched();
+    }
+    updateValue() {
+        const newValue = {
+            quantity: this.internalValue.quantity,
+            unit: this.internalValue.unit,
+        };
+        this.value.set(newValue);
+        this.onChange(newValue);
+    }
+    writeValue(value) {
+        if (value) {
+            this.updateInternalValue(value);
+            this.value.set(value);
+        }
+        else {
+            this.internalValue = { quantity: null, unit: null };
+            this.value.set(null);
+        }
+    }
+    clearAll() {
+        this.internalValue = { quantity: null, unit: null };
+        this.value.set(null);
+        this.onChange(null);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ValueUnitInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.3", type: ValueUnitInput, isStandalone: true, selector: "lib-value-unit-input", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, precision: { classPropertyName: "precision", publicName: "precision", isSignal: true, isRequired: false, transformFunction: null }, tableName: { classPropertyName: "tableName", publicName: "tableName", isSignal: true, isRequired: false, transformFunction: null }, searchAfter: { classPropertyName: "searchAfter", publicName: "searchAfter", isSignal: true, isRequired: false, transformFunction: null }, fieldCode: { classPropertyName: "fieldCode", publicName: "fieldCode", isSignal: true, isRequired: false, transformFunction: null }, fieldName: { classPropertyName: "fieldName", publicName: "fieldName", isSignal: true, isRequired: false, transformFunction: null }, lookupComponent: { classPropertyName: "lookupComponent", publicName: "lookupComponent", isSignal: true, isRequired: false, transformFunction: null }, lookupComponentPath: { classPropertyName: "lookupComponentPath", publicName: "lookupComponentPath", isSignal: true, isRequired: false, transformFunction: null }, filterField: { classPropertyName: "filterField", publicName: "filterField", isSignal: true, isRequired: false, transformFunction: null }, filterFieldValue: { classPropertyName: "filterFieldValue", publicName: "filterFieldValue", isSignal: true, isRequired: false, transformFunction: null }, filterFieldNumeric: { classPropertyName: "filterFieldNumeric", publicName: "filterFieldNumeric", isSignal: true, isRequired: false, transformFunction: null }, filterFieldEquality: { classPropertyName: "filterFieldEquality", publicName: "filterFieldEquality", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ValueUnitInput),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "quantityModel", first: true, predicate: ["quantityModel"], descendants: true, isSignal: true }, { propertyName: "unitModel", first: true, predicate: ["unitModel"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"value-unit-container\">\n  <!-- Number Input -->\n  <ntyui-number-input\n    #quantityModel=\"ngModel\"\n    [label]=\"label()\"\n    [appearance]=\"appearance()\"\n    [name]=\"name() + '_quantity'\"\n    [placeholder]=\"placeholder()\"\n    [required]=\"required()\"\n    [disabled]=\"disabled()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onQuantityChange($event)\"\n    class=\"quantity-input\"\n  >\n  </ntyui-number-input>\n\n  <!-- AutoComplete for Unit -->\n  <ntybase-auto-complete\n    #unitModel=\"ngModel\"\n    [label]=\"'Birim'\"\n    [appearance]=\"appearance()\"\n    [name]=\"name() + '_unit'\"\n    [required]=\"required()\"\n    [disabled]=\"disabled()\"\n    [tableName]=\"tableName()\"\n    [searchAfter]=\"searchAfter()\"\n    [fieldCode]=\"fieldCode()\"\n    [fieldName]=\"fieldName()\"\n    [lookupComponent]=\"lookupComponent()\"\n    [lookupComponentPath]=\"lookupComponentPath()\"\n    [filterField]=\"filterField()\"\n    [filterFieldValue]=\"filterFieldValue()\"\n    [filterFieldNumeric]=\"filterFieldNumeric()\"\n    [filterFieldEquality]=\"filterFieldEquality()\"\n    [debounceTime]=\"debounceTime()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onUnitChange($event)\"\n    class=\"unit-input\"\n  >\n  </ntybase-auto-complete>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: NettyUINumberInput, selector: "ntyui-number-input" }, { kind: "component", type: AutoComplete, selector: "ntybase-auto-complete", inputs: ["tableName", "searchAfter", "fieldCode", "fieldName", "lookupComponent", "lookupComponentPath", "filterField", "filterFieldValue", "filterFieldNumeric", "filterFieldEquality", "debounceTime"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ValueUnitInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-value-unit-input', imports: [NettyUINumberInput, AutoComplete, FormsModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ValueUnitInput),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"value-unit-container\">\n  <!-- Number Input -->\n  <ntyui-number-input\n    #quantityModel=\"ngModel\"\n    [label]=\"label()\"\n    [appearance]=\"appearance()\"\n    [name]=\"name() + '_quantity'\"\n    [placeholder]=\"placeholder()\"\n    [required]=\"required()\"\n    [disabled]=\"disabled()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onQuantityChange($event)\"\n    class=\"quantity-input\"\n  >\n  </ntyui-number-input>\n\n  <!-- AutoComplete for Unit -->\n  <ntybase-auto-complete\n    #unitModel=\"ngModel\"\n    [label]=\"'Birim'\"\n    [appearance]=\"appearance()\"\n    [name]=\"name() + '_unit'\"\n    [required]=\"required()\"\n    [disabled]=\"disabled()\"\n    [tableName]=\"tableName()\"\n    [searchAfter]=\"searchAfter()\"\n    [fieldCode]=\"fieldCode()\"\n    [fieldName]=\"fieldName()\"\n    [lookupComponent]=\"lookupComponent()\"\n    [lookupComponentPath]=\"lookupComponentPath()\"\n    [filterField]=\"filterField()\"\n    [filterFieldValue]=\"filterFieldValue()\"\n    [filterFieldNumeric]=\"filterFieldNumeric()\"\n    [filterFieldEquality]=\"filterFieldEquality()\"\n    [debounceTime]=\"debounceTime()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onUnitChange($event)\"\n    class=\"unit-input\"\n  >\n  </ntybase-auto-complete>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], precision: [{ type: i0.Input, args: [{ isSignal: true, alias: "precision", required: false }] }], tableName: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableName", required: false }] }], searchAfter: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchAfter", required: false }] }], fieldCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldCode", required: false }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: false }] }], lookupComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookupComponent", required: false }] }], lookupComponentPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookupComponentPath", required: false }] }], filterField: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterField", required: false }] }], filterFieldValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFieldValue", required: false }] }], filterFieldNumeric: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFieldNumeric", required: false }] }], filterFieldEquality: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFieldEquality", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], quantityModel: [{ type: i0.ViewChild, args: ['quantityModel', { isSignal: true }] }], unitModel: [{ type: i0.ViewChild, args: ['unitModel', { isSignal: true }] }] } });
+
 class HttpError403 {
     attemptedUrl = '';
     routeSubscription;
@@ -1079,5 +1181,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AutoComplete, ColorPalette, HttpError403, HttpError404, LeftSidenav, Ntyux, NtyuxModule, SelectionItem, Theme, Toolbar };
+export { AutoComplete, ColorPalette, HttpError403, HttpError404, LeftSidenav, Ntyux, NtyuxModule, SelectionItem, Theme, Toolbar, ValueUnitInput };
 //# sourceMappingURL=nettyapps-ntyux.mjs.map