@unipin/angular-applet 21.6.1 → 21.6.5

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

@@ -1 +1 @@
-{"version":3,"file":"unipin-angular-applet-tooltip.mjs","sources":["../../../projects/unipin-angular/tooltip/tooltip.directive.ts","../../../projects/unipin-angular/tooltip/unipin-angular-applet-tooltip.ts"],"sourcesContent":["import { Directive, ElementRef, Renderer2, OnInit, OnDestroy, input, Inject } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\n\n@Directive({\n  exportAs: 'upTooltip',\n  selector: '[upTooltip]',\n})\nexport class UpTooltipDirective implements OnInit, OnDestroy {\n\n  /**\n   * Input variable specifying the text displayed in the tooltip helper, which provides a hint to the user about the purpose of the element.\n   * @type {InputSignal<string>}\n   * @default ''\n   */\n  public readonly toolTipText = input.required<string>();\n  \n  /**\n   * Input variable specifying the position of the tooltip relative to the host element.\n   * @type {InputSignal<string>}\n   * @default 'top'\n   */\n  public readonly position = input<'top' | 'right' | 'bottom' | 'left'>('top');\n  \n  protected _winListener: Array<() => void> = [];\n  protected _hostListener: Array<() => void> = [];\n  protected _tooltipElement: HTMLElement | null = null;\n\n  constructor(\n    @Inject(DOCUMENT) protected readonly doc: Document,\n    protected readonly renderer: Renderer2,\n    protected readonly el: ElementRef<HTMLElement>,\n  ) {}\n\n  public ngOnInit(): void{\n    this._hostListener.push(\n      this.renderer.listen(\n        this.el.nativeElement, \n        'mouseenter', \n        () => {\n          if (this._tooltipElement) {\n            this.renderer.removeClass(this._tooltipElement, 'invisible');\n            return;\n          }\n          this._tooltipElement = this.renderer.createElement('span');\n          \n          this.renderer.setAttribute(\n            this._tooltipElement, \n            'class', \n            'fixed z-[10000] text-white max-w-xs text-xs w-max whitespace-normal bg-[#2D3336] rounded-lg px-2 py-1 break-words pointer-events-none'\n          );\n\n          this.renderer.appendChild(\n            this._tooltipElement, \n            this.renderer.createText(\n              this.toolTipText()\n            )\n          );\n          this.renderer.appendChild(this.doc.body, this._tooltipElement);\n  \n          this.positionTooltip();        \n          this._winListener.push(\n            this.renderer.listen('window', 'scroll', () => this.positionTooltip()),\n            this.renderer.listen('window', 'resize', () => this.positionTooltip())\n          );\n        }\n      ),\n      \n      this.renderer.listen(\n        this.el.nativeElement, \n        'mouseleave', \n        () => {\n          this.hideTooltip();\n        }\n      )\n    );\n  }\n\n  public ngOnDestroy(): void{\n    this.hideTooltip();\n\n    for (const off of this._hostListener) {\n      try { \n        off(); \n      } catch {}\n    }\n    this._hostListener.length = 0;\n\n    for (const off of this._winListener) {\n      try { \n        off(); \n      } catch {}\n    }\n    this._winListener.length = 0;\n  }\n\n  protected hideTooltip(): void{\n    if (this._tooltipElement) {\n      this.renderer.addClass(this._tooltipElement, 'invisible');\n    }\n  }\n\n  protected positionTooltip(): void{\n    if (!this._tooltipElement) {\n      return;\n    }\n\n    const hostRect = this.el.nativeElement.getBoundingClientRect();\n    const tooltipEl = this._tooltipElement as HTMLElement;\n    const tooltipRect = tooltipEl.getBoundingClientRect();\n\n    const gap = 8;\n    let top = 0;\n    let left = 0;\n\n    switch (this.position()) {\n      case 'top':\n        top = hostRect.top - tooltipRect.height - gap;\n        left = hostRect.left + (hostRect.width - tooltipRect.width) / 2;\n        break;\n\n      case 'left':\n        top = hostRect.top + (hostRect.height - tooltipRect.height) / 2;\n        left = hostRect.left - tooltipRect.width - gap;\n        break;\n\n      case 'right':\n        top = hostRect.top + (hostRect.height - tooltipRect.height) / 2;\n        left = hostRect.right + gap;\n        break;\n\n      default:\n        top = hostRect.bottom + gap;\n        left = hostRect.left + (hostRect.width - tooltipRect.width) / 2;\n        break;\n    }\n\n    const margin = 4;\n    left = Math.max(\n      margin, \n      Math.min(\n        left, \n        this.doc.defaultView?.innerWidth?? 0 - tooltipRect.width - margin\n      )\n    );\n    \n    top = Math.max(\n      margin, \n      Math.min(\n        top, \n        this.doc.defaultView?.innerHeight?? 0 - tooltipRect.height - margin\n      )\n    );\n    this.renderer.setStyle(tooltipEl, 'top', `${ Math.round(top) }px`);\n    this.renderer.setStyle(tooltipEl, 'left', `${ Math.round(left) }px`);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"unipin-angular-applet-tooltip.mjs","sources":["../../../projects/unipin-angular/tooltip/tooltip.directive.ts","../../../projects/unipin-angular/tooltip/unipin-angular-applet-tooltip.ts"],"sourcesContent":["import { Directive, ElementRef, Renderer2, OnInit, OnDestroy, input, Inject } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\n\n@Directive({\n  exportAs: 'upTooltip',\n  selector: '[upTooltip]',\n})\nexport class UpTooltipDirective implements OnInit, OnDestroy {\n\n  /**\n   * Input variable specifying the text displayed in the tooltip helper, which provides a hint to the user about the purpose of the element.\n   * @type {InputSignal<string>}\n   * @default ''\n   */\n  public readonly toolTipText = input.required<string>();\n  \n  /**\n   * Input variable specifying the position of the tooltip relative to the host element.\n   * @type {InputSignal<string>}\n   * @default 'top'\n   */\n  public readonly position = input<'top' | 'right' | 'bottom' | 'left'>('top');\n  \n  protected _winListener: Array<() => void> = [];\n  protected _hostListener: Array<() => void> = [];\n  protected _tooltipElement: HTMLElement | null = null;\n\n  constructor(\n    @Inject(DOCUMENT) protected readonly doc: Document,\n    protected readonly renderer: Renderer2,\n    protected readonly el: ElementRef<HTMLElement>,\n  ) {}\n\n  public ngOnInit(): void{\n    this._hostListener.push(\n      this.renderer.listen(\n        this.el.nativeElement, \n        'mouseenter', \n        () => {\n          if (this._tooltipElement) {\n            this.renderer.removeClass(this._tooltipElement, 'invisible');\n            return;\n          }\n          this._tooltipElement = this.renderer.createElement('span');\n          \n          this.renderer.setAttribute(\n            this._tooltipElement, \n            'class', \n            'fixed z-[10000] text-white max-w-xs text-xs w-max whitespace-normal bg-[#2D3336] rounded-lg px-2 py-1 break-words pointer-events-none'\n          );\n\n          this.renderer.appendChild(\n            this._tooltipElement, \n            this.renderer.createText(\n              this.toolTipText()\n            )\n          );\n          this.renderer.appendChild(this.doc.body, this._tooltipElement);\n  \n          this.positionTooltip();        \n          this._winListener.push(\n            this.renderer.listen('window', 'scroll', () => this.positionTooltip()),\n            this.renderer.listen('window', 'resize', () => this.positionTooltip())\n          );\n        }\n      ),\n      \n      this.renderer.listen(\n        this.el.nativeElement, \n        'mouseleave', \n        () => {\n          this.hideTooltip();\n        }\n      )\n    );\n  }\n\n  public ngOnDestroy(): void{\n    this.hideTooltip();\n\n    for (const off of this._hostListener) {\n      try { \n        off(); \n      } catch {}\n    }\n    this._hostListener.length = 0;\n\n    for (const off of this._winListener) {\n      try { \n        off(); \n      } catch {}\n    }\n    this._winListener.length = 0;\n  }\n\n  protected hideTooltip(): void{\n    if (this._tooltipElement) {\n      this.renderer.addClass(this._tooltipElement, 'invisible');\n    }\n  }\n\n  protected positionTooltip(): void{\n    if (!this._tooltipElement) {\n      return;\n    }\n\n    const tooltipEl = this._tooltipElement;\n    const hostRect = this.el.nativeElement.getBoundingClientRect();\n    const tooltipRect = tooltipEl.getBoundingClientRect();\n\n    const gap = 8;\n    let top = 0;\n    let left = 0;\n\n    switch (this.position()) {\n      case 'top':\n        top = hostRect.top - tooltipRect.height - gap;\n        left = hostRect.left + (hostRect.width - tooltipRect.width) / 2;\n        break;\n\n      case 'left':\n        top = hostRect.top + (hostRect.height - tooltipRect.height) / 2;\n        left = hostRect.left - tooltipRect.width - gap;\n        break;\n\n      case 'right':\n        top = hostRect.top + (hostRect.height - tooltipRect.height) / 2;\n        left = hostRect.right + gap;\n        break;\n\n      default:\n        top = hostRect.bottom + gap;\n        left = hostRect.left + (hostRect.width - tooltipRect.width) / 2;\n        break;\n    }\n\n    const margin = 4;\n    left = Math.max(\n      margin, \n      Math.min(\n        left, \n        this.doc.defaultView?.innerWidth?? 0 - tooltipRect.width - margin\n      )\n    );\n    \n    top = Math.max(\n      margin, \n      Math.min(\n        top, \n        this.doc.defaultView?.innerHeight?? 0 - tooltipRect.height - margin\n      )\n    );\n    this.renderer.setStyle(tooltipEl, 'top', `${ Math.round(top) }px`);\n    this.renderer.setStyle(tooltipEl, 'left', `${ Math.round(left) }px`);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unipin/angular-applet",
-  "version": "21.6.1",
+  "version": "21.6.5",
   "peerDependencies": {
     "@angular/cdk": "21.x.x",
     "@angular/common": "21.x.x",

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

@@ -28,6 +28,7 @@ declare class UpAccordionItemDirective {
     protected _computedClass: _angular_core.Signal<string>;
     constructor(wrapper: UpAccordionDirective);
     setOpen(value: boolean): void;
+    protected normalizeWrapperValueToArray<T>(value: T | T[] | undefined): T[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpAccordionItemDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpAccordionItemDirective, "[upAccordionItem]", ["upAccordionItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "isOpened": { "alias": "isOpened"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "isOpened": "isOpenedChange"; }, never, never, true, never>;
 }

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

@@ -2,7 +2,7 @@ import { Observable, Subscription } from 'rxjs';
 import { GqlParser, CacheStrategy, QueryResult, MutationResult } from '@unipin/angular-gql';
 import { ApprovalCriteria, PageableResponse, MutationApprovalMsApproveOrDeclineRequestArgs, Approval } from '@unipin/graphql-schema';
 import * as i0 from '@angular/core';
-import { Provider, InputSignal } from '@angular/core';
+import { Provider, OnDestroy, InputSignal } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { ClassValue } from 'clsx';
 import { ColDef, GridApi } from 'ag-grid-community';
@@ -59,7 +59,7 @@ declare class UpApprovalFormComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<UpApprovalFormComponent, "up-approval-form", never, { "approvalData": { "alias": "approvalData"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "isLoading": "isLoadingChange"; }, never, never, true, never>;
 }
 
-declare class UpApprovalGridComponent {
+declare class UpApprovalGridComponent implements OnDestroy {
     readonly entities: string[];
     protected readonly router: Router;
     protected readonly route: ActivatedRoute;

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

@@ -4,12 +4,12 @@ import * as _angular_core from '@angular/core';
 import { ClassValue } from 'clsx';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "success" | "warning" | "info" | "outline" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BadgeVariants = VariantProps<typeof badgeVariants>;
 
 declare class UpBadgeDirective {
-    readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | null | undefined>;
+    readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "success" | "warning" | "info" | "outline" | null | undefined>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
     protected readonly _computedClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpBadgeDirective, never>;

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

@@ -35,7 +35,7 @@ declare class UpInitialPipe implements PipeTransform {
 }
 declare function formatInitial(value: string): string;
 
-declare class UpLinkifyPipe {
+declare class UpLinkifyPipe implements PipeTransform {
     protected readonly sanitizer: DomSanitizer;
     constructor(sanitizer: DomSanitizer);
     transform(value: any): SafeHtml;
@@ -44,7 +44,7 @@ declare class UpLinkifyPipe {
 }
 declare function formatLinkify(value: string, sanitizer: DomSanitizer): SafeHtml;
 
-declare class UpCapitalizaPipe {
+declare class UpCapitalizaPipe implements PipeTransform {
     transform(value: string | string[], onlyFirstWord?: boolean): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<UpCapitalizaPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<UpCapitalizaPipe, "upCapitalize", true>;
@@ -60,7 +60,7 @@ declare function formatCapitalize(str: string | string[], onlyFirstWord?: boolea
 declare class CountryService {
     protected readonly gql: GqlParser;
     constructor(gql: GqlParser);
-    query(input?: CountryQueryCriteria): Observable<QueryResult<{
+    query({ page, pageSize, sortBy, sortDirection }?: CountryQueryCriteria): Observable<QueryResult<{
         webConfigMsCountry: CountryResult;
     }>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CountryService, never>;
@@ -70,7 +70,7 @@ declare class CountryService {
 declare class CurrencyService {
     protected readonly gql: GqlParser;
     constructor(gql: GqlParser);
-    query(input?: CurrencyQueryCriteria): Observable<QueryResult<{
+    query({ page, pageSize, sortBy, sortDirection }?: CurrencyQueryCriteria): Observable<QueryResult<{
         webConfigMsCurrency: CurrencyResult;
     }>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyService, never>;

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

@@ -1,6 +1,6 @@
-import { FormGroup, ValidatorFn, NgControl, AbstractControl, NgForm, FormGroupDirective, ControlValueAccessor } from '@angular/forms';
+import { FormGroup, ValidatorFn, ControlValueAccessor, NgControl, AbstractControl, NgForm, FormGroupDirective } 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 { ElementRef, WritableSignal, Signal, DoCheck, Injector, Renderer2, OnInit, InputSignal, ModelSignal, OutputEmitterRef, OnDestroy } from '@angular/core';
 import { ClassValue } from 'clsx';
 import { Subscription, Observable, Subject } from 'rxjs';
 import { Country, Currency } from '@unipin/graphql-schema';
@@ -61,6 +61,37 @@ declare function isEqualValidator(controlNames: string[], message?: string): Val
  */
 declare function isNotEqualValidator(controlNames: string[], message?: string): ValidatorFn;
 
+declare class UpPinComponent implements ControlValueAccessor {
+    readonly length: _angular_core.InputSignal<number>;
+    readonly obscure: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _pinInputs: _angular_core.Signal<readonly ElementRef<HTMLInputElement>[]>;
+    protected readonly _focusedIndex: WritableSignal<number>;
+    protected readonly _values: WritableSignal<string[]>;
+    protected readonly _slots: _angular_core.Signal<number[]>;
+    protected readonly _displayValues: _angular_core.Signal<string[]>;
+    protected readonly _hostClass: _angular_core.Signal<string>;
+    protected readonly _inputClass: _angular_core.Signal<string>;
+    protected _isTouched: boolean;
+    protected _onTouched: () => void;
+    protected _onChange: (val: string) => void;
+    registerOnChange(fn: (val: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(val: string | null | undefined): void;
+    protected _emitChange(): void;
+    protected _onBlur(): void;
+    protected _moveFocus(index: number): void;
+    protected _onFocus(index: number): void;
+    protected _getValues(): string[];
+    protected _onPaste(event: ClipboardEvent): void;
+    protected _onInput(event: Event, index: number): void;
+    protected _onKeydown(event: KeyboardEvent, index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpPinComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpPinComponent, "up-pin", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "obscure": { "alias": "obscure"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "inlineClass"; "required": false; "isSignal": true; }; }, { "obscure": "obscureChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
 declare abstract class UpFieldControl {
     abstract readonly error: Signal<string>;
     abstract readonly ngControl: NgControl | AbstractControl | null;
@@ -262,7 +293,7 @@ declare class UpOptionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpOptionComponent, "up-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class UpSelectComponent extends UpFieldControlComponent implements ControlValueAccessor {
+declare class UpSelectComponent extends UpFieldControlComponent implements OnInit, ControlValueAccessor {
     readonly options: Signal<readonly UpOptionComponent[]>;
     readonly label: InputSignal<string>;
     readonly placeholder: InputSignal<string>;
@@ -280,7 +311,7 @@ declare class UpSelectComponent extends UpFieldControlComponent implements Contr
     readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly items: InputSignal<any[] | undefined>;
     readonly _items: Signal<any[]>;
-    readonly value: ModelSignal<any | null>;
+    readonly value: ModelSignal<any>;
     readonly changed: OutputEmitterRef<any>;
     readonly control: Signal<UpFieldControl | undefined>;
     readonly _computedClass: Signal<any>;
@@ -386,7 +417,7 @@ declare class UpCurrencySelectComponent extends UpFieldControlComponent implemen
     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 {
+declare class UpSearchableSelectComponent extends UpFieldControlComponent implements OnInit, ControlValueAccessor {
     readonly query: InputSignal<(keyword: string) => Observable<any>>;
     readonly label: InputSignal<string>;
     readonly placeholder: InputSignal<string>;
@@ -402,7 +433,7 @@ declare class UpSearchableSelectComponent extends UpFieldControlComponent implem
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly loading: ModelSignal<boolean>;
-    readonly value: ModelSignal<any | null>;
+    readonly value: ModelSignal<any>;
     readonly changed: OutputEmitterRef<any>;
     readonly control: Signal<UpFieldControl | undefined>;
     readonly _computedClass: Signal<any>;
@@ -559,6 +590,14 @@ declare class UpTimeComponent {
     scrollToMinuteImmediate(index: number): void;
     clampTime(time: TimeValue): TimeValue;
     protected emitTime(): void;
+    protected updateHourIndex(index: number): void;
+    protected updateMinuteIndex(index: number): void;
+    protected findHourIndex(target: number): number;
+    protected snapMinuteToInterval(minute: number): number;
+    protected clampToMin(time: TimeValue): TimeValue;
+    protected clampToMax(time: TimeValue): TimeValue;
+    protected clampHourSelection(): void;
+    protected clampMinuteSelection(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpTimeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpTimeComponent, "up-time", never, { "minuteInterval": { "alias": "minuteInterval"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "timeChanged": "timeChanged"; }, never, never, true, never>;
 }
@@ -603,7 +642,7 @@ declare class UpFormFieldComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpFormFieldComponent, "up-form-field", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "hideAsterisk": { "alias": "hideAsterisk"; "required": false; "isSignal": true; }; }, {}, ["control"], ["*"], true, never>;
 }
 
-declare class UpImagePickerComponent extends UpFieldControlComponent implements ControlValueAccessor {
+declare class UpImagePickerComponent extends UpFieldControlComponent implements ControlValueAccessor, OnDestroy {
     readonly ratio: _angular_core.InputSignal<string>;
     readonly imgSrc: _angular_core.ModelSignal<string>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
@@ -626,5 +665,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>;
 }
 
-export { UpCheckboxDirective, UpCountrySelectComponent, UpCurrencySelectComponent, UpDateRangePickerComponent, UpDatepickerComponent, UpFieldControl, UpFieldControlComponent, UpFormFieldComponent, UpImagePickerComponent, UpInputDirective, UpNumberDirective, UpOptionComponent, UpPasswordComponent, UpRadioDirective, UpRadioGroupComponent, UpRateGroupCodeSelectComponent, UpSearchableSelectComponent, UpSelectComponent, UpSwitchComponent, UpTimeComponent, UpTimepickerComponent, isEqualValidator, isNotEqualValidator, setValidator, toggleFormControls, validRangeValidator };
+export { UpCheckboxDirective, UpCountrySelectComponent, UpCurrencySelectComponent, UpDateRangePickerComponent, UpDatepickerComponent, UpFieldControl, UpFieldControlComponent, UpFormFieldComponent, UpImagePickerComponent, UpInputDirective, UpNumberDirective, UpOptionComponent, UpPasswordComponent, UpPinComponent, UpRadioDirective, UpRadioGroupComponent, UpRateGroupCodeSelectComponent, UpSearchableSelectComponent, UpSelectComponent, UpSwitchComponent, UpTimeComponent, UpTimepickerComponent, isEqualValidator, isNotEqualValidator, setValidator, toggleFormControls, validRangeValidator };
 export type { TimeValue };

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

@@ -43,7 +43,7 @@ type RenderGridBadgeOptions = {
     isAutoGenerateColor?: boolean;
     variant?: BadgeVariants['variant'];
 };
-declare function renderGridBadge(value: string, { additionalClass, variant, isAutoGenerateColor, }: RenderGridBadgeOptions): string;
+declare function renderGridBadge(value: string, { variant, additionalClass, isAutoGenerateColor, }: RenderGridBadgeOptions): string;
 
 type RenderStatusBadgeOptions = Omit<RenderGridBadgeOptions, 'isAutoGenerateColor' | 'variant'> & {
     additionalStatus?: {

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InputSignal, OnDestroy, ElementRef, Renderer2, WritableSignal } from '@angular/core';
+import { OnDestroy, InputSignal, ElementRef, Renderer2, WritableSignal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
 import { ClassValue } from 'clsx';
@@ -22,7 +22,7 @@ declare class MarkdownService {
     static ɵprov: i0.ɵɵInjectableDeclaration<MarkdownService>;
 }
 
-declare class UpMarkdownInputComponent extends UpFieldControlComponent implements ControlValueAccessor {
+declare class UpMarkdownInputComponent extends UpFieldControlComponent implements OnDestroy, ControlValueAccessor {
     protected readonly markdownService: MarkdownService;
     readonly value: i0.ModelSignal<string>;
     readonly placeholder: InputSignal<string>;

package/types/unipin-angular-applet-progress-bar.d.ts

@@ -6,6 +6,8 @@ declare class UpProgressBarDirective {
     readonly progress: _angular_core.InputSignal<number>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
     protected readonly _computedClass: _angular_core.Signal<string>;
+    protected readonly _safeMax: _angular_core.Signal<number>;
+    protected readonly _clampedProgress: _angular_core.Signal<number>;
     protected readonly _progressWidth: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpProgressBarDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpProgressBarDirective, "[upProgressBar]", ["upProgressBar"], { "max": { "alias": "max"; "required": true; "isSignal": true; }; "progress": { "alias": "progress"; "required": true; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -2,11 +2,11 @@ import * as _angular_core from '@angular/core';
 import { ClassValue } from 'clsx';
 
 declare class UpSpinnerComponent {
-    readonly stokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly strokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
     protected readonly _computedClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSpinnerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpSpinnerComponent, "up-spinner", never, { "stokeWidth": { "alias": "stokeWidth"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "inlineClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpSpinnerComponent, "up-spinner", never, { "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { UpSpinnerComponent };

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

@@ -21,7 +21,7 @@ declare class UpSwipeableButtonsDirective {
 
 declare class UpSwipeableDirective {
     readonly threshold: _angular_core.InputSignal<number>;
-    readonly overSwipeThreshold: _angular_core.InputSignal<number>;
+    readonly overSwipeThreshold: _angular_core.InputSignal<number | null>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
     readonly leftSwiped: _angular_core.OutputEmitterRef<void>;