@unipin/angular-applet 21.3.0 → 21.3.2

package/fesm2022/unipin-angular-applet-tooltip.mjs

@@ -95,10 +95,10 @@ class UpTooltipDirective {
         this.renderer.setStyle(tooltipEl, 'top', `${Math.round(top)}px`);
         this.renderer.setStyle(tooltipEl, 'left', `${Math.round(left)}px`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTooltipDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: UpTooltipDirective, isStandalone: true, selector: "[upTooltip]", inputs: { toolTipText: { classPropertyName: "toolTipText", publicName: "toolTipText", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["upTooltip"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: UpTooltipDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: UpTooltipDirective, isStandalone: true, selector: "[upTooltip]", inputs: { toolTipText: { classPropertyName: "toolTipText", publicName: "toolTipText", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["upTooltip"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: UpTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unipin/angular-applet",
-  "version": "21.3.0",
+  "version": "21.3.2",
   "peerDependencies": {
     "@angular/cdk": "21.x.x",
     "@angular/common": "21.x.x",
@@ -8,6 +8,7 @@
     "@angular/elements": "21.x.x",
     "@unipin/angular-gql": "1.x.x",
     "@ng-icons/core": "33.x.x",
+    "@ng-icons/flag-icons": "^33.x.x",
     "@ng-icons/material-icons": "33.x.x",
     "@ng-select/ng-select": "21.x.x",
     "angular-froala-wysiwyg": "4.x.x",

package/types/unipin-angular-applet-forms.d.ts

@@ -1,12 +1,66 @@
+import { FormGroup, ValidatorFn, NgControl, AbstractControl, NgForm, FormGroupDirective, ControlValueAccessor } from '@angular/forms';
 import * as _angular_core from '@angular/core';
 import { Signal, DoCheck, Injector, Renderer2, ElementRef, WritableSignal, InputSignal, ModelSignal, OutputEmitterRef, OnInit, OnDestroy } from '@angular/core';
 import { ClassValue } from 'clsx';
-import { NgControl, AbstractControl, NgForm, FormGroupDirective, ControlValueAccessor, FormGroup, ValidatorFn } from '@angular/forms';
 import { Subscription, Observable, Subject } from 'rxjs';
 import { Country, Currency } from '@unipin/graphql-schema';
 import { CountryService, CurrencyService, RateGroupCodeService } from '@unipin/angular-applet/common';
 import { SingleDate, RangeDate } from '@unipin/angular-applet/calendar';
 
+type TimeValue = {
+    hour: number;
+    minute: number;
+};
+
+declare function setValidator(form: FormGroup, keys: string[], validators: ValidatorFn | ValidatorFn[]): void;
+
+declare function toggleFormControls(form: FormGroup, keys: string[], mode: 'enable' | 'disable'): void;
+
+/**
+ * Range validator for number and date values.
+ * @param {string} fromKey - The "from" control name
+ * @param {string} toKey - The "to" control name
+ * @returns {ValidatorFn} Throw error message when fromKey is greater than toKey
+ *
+ * Usage:
+ * this.form = new FormGroup({
+ *   agingFrom: new FormControl(),
+ *   agingTo: new FormControl(),
+ * }, { validators: rangeValidator('agingFrom', 'agingTo') });
+ */
+declare function validRangeValidator(fromKey: string, toKey: string): ValidatorFn;
+
+/**
+ * Validator that requires all specified form controls to have the same value.
+ *
+ * @param {string[]} controlNames - The names of the controls that must match
+ * @param {string} [message] - Optional custom error message
+ * @returns {ValidatorFn} A validator function producing an `isEqual` error if values do not match
+ *
+ * @example
+ * this.form = new FormGroup({
+ *   password: new FormControl(''),
+ *   confirmPassword: new FormControl(''),
+ * }, { validators: isEqualValidator(['password', 'confirmPassword']) });
+ */
+declare function isEqualValidator(controlNames: string[], message?: string): ValidatorFn;
+
+/**
+ * Validator that requires all specified form controls to have different values.
+ *
+ * @param {string[]} controlNames - The names of the controls that must all be unique
+ * @param {string} [message] - Optional custom error message
+ * @returns {ValidatorFn} A validator function producing an `isNotEqual` error if duplicate values exist
+ *
+ * @example
+ * this.form = new FormGroup({
+ *   primaryEmail: new FormControl(''),
+ *   secondaryEmail: new FormControl(''),
+ *   backupEmail: new FormControl(''),
+ * }, { validators: isNotEqualValidator(['primaryEmail', 'secondaryEmail', 'backupEmail']) });
+ */
+declare function isNotEqualValidator(controlNames: string[], message?: string): ValidatorFn;
+
 declare abstract class UpFieldControl {
     abstract readonly error: Signal<string>;
     abstract readonly ngControl: NgControl | AbstractControl | null;
@@ -254,6 +308,7 @@ declare class UpCountrySelectComponent extends UpFieldControlComponent implement
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly appendTo: _angular_core.InputSignal<(string & {}) | "body" | ".cdk-overlay-pane">;
     readonly value: _angular_core.ModelSignal<string | null>;
     readonly changed: OutputEmitterRef<Country>;
     readonly countries: _angular_core.WritableSignal<Country[]>;
@@ -273,7 +328,7 @@ declare class UpCountrySelectComponent extends UpFieldControlComponent implement
     onTouched(): void;
     change(value: any): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpCountrySelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpCountrySelectComponent, "up-country-select", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpCountrySelectComponent, "up-country-select", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
 declare class UpCurrencySelectComponent extends UpFieldControlComponent implements OnInit, OnDestroy, ControlValueAccessor {
@@ -283,6 +338,7 @@ declare class UpCurrencySelectComponent extends UpFieldControlComponent implemen
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly appendTo: _angular_core.InputSignal<(string & {}) | "body" | ".cdk-overlay-pane">;
     readonly value: _angular_core.ModelSignal<string | null>;
     readonly changed: OutputEmitterRef<Currency>;
     readonly isLoading: _angular_core.WritableSignal<boolean>;
@@ -304,7 +360,7 @@ declare class UpCurrencySelectComponent extends UpFieldControlComponent implemen
     onTouched(): void;
     change(value: any): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpCurrencySelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpCurrencySelectComponent, "up-currency-select", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpCurrencySelectComponent, "up-currency-select", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
 declare class UpSearchableSelectComponent extends UpFieldControlComponent implements ControlValueAccessor {
@@ -435,11 +491,6 @@ declare class UpDateRangePickerComponent extends UpFieldControlComponent impleme
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpDateRangePickerComponent, "up-date-range-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "format"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type TimeValue = {
-    hour: number;
-    minute: number;
-};
-
 declare class UpTimeComponent {
     readonly hoursScroll: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     readonly minutesScroll: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
@@ -551,53 +602,5 @@ declare class UpImagePickerComponent extends UpFieldControlComponent implements
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpImagePickerComponent, "up-image-picker", never, { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "src"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "imgSrc": "srcChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
-declare function setValidator(form: FormGroup, keys: string[], validators: ValidatorFn | ValidatorFn[]): void;
-
-declare function toggleFormControls(form: FormGroup, keys: string[], mode: 'enable' | 'disable'): void;
-
-/**
- * Range validator for number and date values.
- * @param {string} fromKey - The "from" control name
- * @param {string} toKey - The "to" control name
- * @returns {ValidatorFn} Throw error message when fromKey is greater than toKey
- *
- * Usage:
- * this.form = new FormGroup({
- *   agingFrom: new FormControl(),
- *   agingTo: new FormControl(),
- * }, { validators: rangeValidator('agingFrom', 'agingTo') });
- */
-declare function validRangeValidator(fromKey: string, toKey: string): ValidatorFn;
-
-/**
- * Validator that requires all specified form controls to have the same value.
- *
- * @param {string[]} controlNames - The names of the controls that must match
- * @param {string} [message] - Optional custom error message
- * @returns {ValidatorFn} A validator function producing an `isEqual` error if values do not match
- *
- * @example
- * this.form = new FormGroup({
- *   password: new FormControl(''),
- *   confirmPassword: new FormControl(''),
- * }, { validators: isEqualValidator(['password', 'confirmPassword']) });
- */
-declare function isEqualValidator(controlNames: string[], message?: string): ValidatorFn;
-
-/**
- * Validator that requires all specified form controls to have different values.
- *
- * @param {string[]} controlNames - The names of the controls that must all be unique
- * @param {string} [message] - Optional custom error message
- * @returns {ValidatorFn} A validator function producing an `isNotEqual` error if duplicate values exist
- *
- * @example
- * this.form = new FormGroup({
- *   primaryEmail: new FormControl(''),
- *   secondaryEmail: new FormControl(''),
- *   backupEmail: new FormControl(''),
- * }, { validators: isNotEqualValidator(['primaryEmail', 'secondaryEmail', 'backupEmail']) });
- */
-declare function isNotEqualValidator(controlNames: string[], message?: string): ValidatorFn;
-
 export { UpCheckboxDirective, UpCountrySelectComponent, UpCurrencySelectComponent, UpDateRangePickerComponent, UpDatepickerComponent, UpFieldControl, UpFieldControlComponent, UpFormFieldComponent, UpImagePickerComponent, UpInputDirective, UpNumberDirective, UpOptionComponent, UpPasswordComponent, UpRadioDirective, UpRateGroupCodeSelectComponent, UpSearchableSelectComponent, UpSelectComponent, UpSwitchComponent, UpTimeComponent, UpTimepickerComponent, isEqualValidator, isNotEqualValidator, setValidator, toggleFormControls, validRangeValidator };
+export type { TimeValue };

package/types/unipin-angular-applet-grids.d.ts

@@ -16,7 +16,7 @@ declare const rowNumberColumn: {
     };
 };
 
-declare function renderFlag(value: string | string[]): string;
+declare function renderFlag(countryCode: string | string[]): string;
 
 type RenderGridBadgeOptions = {
     additionalClass?: string;