@unipin/angular-applet 21.1.3 → 21.3.0

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

@@ -21,10 +21,10 @@ class UpSwipeableContentDirective {
     translateX(x) {
         this.element.style.transform = `translateX(${x}px)`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpSwipeableContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: UpSwipeableContentDirective, isStandalone: true, selector: "[upSwipeableContent]", inputs: { inlineClass: { classPropertyName: "inlineClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, exportAs: ["upSwipeableContent"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpSwipeableContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: UpSwipeableContentDirective, isStandalone: true, selector: "[upSwipeableContent]", inputs: { inlineClass: { classPropertyName: "inlineClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, exportAs: ["upSwipeableContent"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpSwipeableContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpSwipeableContentDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -44,10 +44,10 @@ class UpSwipeableButtonsDirective {
             return up('absolute top-px bottom-px h-auto w-2/5 flex items-stretch z-0', this.side() === 'left' ? 'left-px flex-row' : 'right-px flex-row-reverse');
         }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpSwipeableButtonsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: UpSwipeableButtonsDirective, isStandalone: true, selector: "[upSwipeableButtons]", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, exportAs: ["upSwipeableButtons"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpSwipeableButtonsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: UpSwipeableButtonsDirective, isStandalone: true, selector: "[upSwipeableButtons]", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, exportAs: ["upSwipeableButtons"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpSwipeableButtonsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpSwipeableButtonsDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -204,10 +204,10 @@ class UpSwipeableDirective {
         }
         this.rightSwiped.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpSwipeableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.0.6", type: UpSwipeableDirective, isStandalone: true, selector: "[upSwipeable]", inputs: { threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, overSwipeThreshold: { classPropertyName: "overSwipeThreshold", publicName: "overSwipeThreshold", isSignal: true, isRequired: false, transformFunction: null }, inlineClass: { classPropertyName: "inlineClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", leftSwiped: "leftSwiped", rightSwiped: "rightSwiped" }, host: { listeners: { "mousedown": "onMouseDown($event)", "document:mousemove": "onMouseMove($event)", "document:mouseup": "onMouseUp($event)", "touchstart": "onTouchStart($event)", "touchmove": "onTouchMove($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "_computedClass()" } }, queries: [{ propertyName: "content", first: true, predicate: UpSwipeableContentDirective, descendants: true, isSignal: true }, { propertyName: "buttonContainers", predicate: UpSwipeableButtonsDirective, isSignal: true }], exportAs: ["upSwipeable"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpSwipeableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.5", type: UpSwipeableDirective, isStandalone: true, selector: "[upSwipeable]", inputs: { threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, overSwipeThreshold: { classPropertyName: "overSwipeThreshold", publicName: "overSwipeThreshold", isSignal: true, isRequired: false, transformFunction: null }, inlineClass: { classPropertyName: "inlineClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", leftSwiped: "leftSwiped", rightSwiped: "rightSwiped" }, host: { listeners: { "mousedown": "onMouseDown($event)", "document:mousemove": "onMouseMove($event)", "document:mouseup": "onMouseUp($event)", "touchstart": "onTouchStart($event)", "touchmove": "onTouchMove($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "_computedClass()" } }, queries: [{ propertyName: "content", first: true, predicate: UpSwipeableContentDirective, descendants: true, isSignal: true }, { propertyName: "buttonContainers", predicate: UpSwipeableButtonsDirective, isSignal: true }], exportAs: ["upSwipeable"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpSwipeableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpSwipeableDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -247,10 +247,10 @@ class UpSwipeableButtonDirective extends UpButtonDirective {
             }), this.inlineClass(), 'h-full rounded-none flex-1');
         }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpSwipeableButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: UpSwipeableButtonDirective, isStandalone: true, selector: "[upSwipeableBtn]", host: { properties: { "class": "_computedClass()" } }, exportAs: ["upSwipeableBtn"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpSwipeableButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: UpSwipeableButtonDirective, isStandalone: true, selector: "[upSwipeableBtn]", host: { properties: { "class": "_computedClass()" } }, exportAs: ["upSwipeableBtn"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpSwipeableButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpSwipeableButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

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

@@ -46,8 +46,8 @@ class UpTabsComponent {
     setActive(tab) {
         this.activeTab.set(tab);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: UpTabsComponent, isStandalone: true, selector: "up-tabs", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, inlineStyle: { classPropertyName: "inlineStyle", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, defaultActiveTab: { classPropertyName: "defaultActiveTab", publicName: "default", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: UpTabsComponent, isStandalone: true, selector: "up-tabs", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, inlineStyle: { classPropertyName: "inlineStyle", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, defaultActiveTab: { classPropertyName: "defaultActiveTab", publicName: "default", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div [class]="tabsClass()">
       <ng-content select="[upTabsTrigger]" />
     </div>
@@ -55,7 +55,7 @@ class UpTabsComponent {
     <ng-content select="[upTabsContent]" />
   `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTabsComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -86,10 +86,10 @@ class UpTabsContentDirective {
             this.isActive.set(this.parent.activeTab() === this.value());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpTabsContentDirective, deps: [{ token: UpTabsComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: UpTabsContentDirective, isStandalone: true, selector: "[upTabsContent]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, inlineStyle: { classPropertyName: "inlineStyle", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!isActive()", "class": "tabsContentClass()" } }, exportAs: ["upTabsContent"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTabsContentDirective, deps: [{ token: UpTabsComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: UpTabsContentDirective, isStandalone: true, selector: "[upTabsContent]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, inlineStyle: { classPropertyName: "inlineStyle", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!isActive()", "class": "tabsContentClass()" } }, exportAs: ["upTabsContent"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpTabsContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTabsContentDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -117,10 +117,10 @@ class UpTabsTriggerDirective {
     activate() {
         this.parent?.setActive(this.value());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpTabsTriggerDirective, deps: [{ token: UpTabsComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: UpTabsTriggerDirective, isStandalone: true, selector: "[upTabsTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "activate()" }, properties: { "class": "tabsTriggerClass()", "attr.data-state": "isActive()? 'active' : 'inactive'" } }, exportAs: ["upTabsTrigger"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTabsTriggerDirective, deps: [{ token: UpTabsComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: UpTabsTriggerDirective, isStandalone: true, selector: "[upTabsTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "activate()" }, properties: { "class": "tabsTriggerClass()", "attr.data-state": "isActive()? 'active' : 'inactive'" } }, exportAs: ["upTabsTrigger"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpTabsTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTabsTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

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.0.6", 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.0.6", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UpTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UpTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unipin/angular-applet",
-  "version": "21.1.3",
+  "version": "21.3.0",
   "peerDependencies": {
     "@angular/cdk": "21.x.x",
     "@angular/common": "21.x.x",
@@ -50,6 +50,10 @@
       "types": "./types/unipin-angular-applet-approval.d.ts",
       "default": "./fesm2022/unipin-angular-applet-approval.mjs"
     },
+    "./audit": {
+      "types": "./types/unipin-angular-applet-audit.d.ts",
+      "default": "./fesm2022/unipin-angular-applet-audit.mjs"
+    },
     "./auth": {
       "types": "./types/unipin-angular-applet-auth.d.ts",
       "default": "./fesm2022/unipin-angular-applet-auth.mjs"

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

@@ -0,0 +1,49 @@
+import { Observable, Subscription } from 'rxjs';
+import { GqlParser, QueryResult } from '@unipin/angular-gql';
+import { AuditTrailCriteria, AuditTrail } from '@unipin/graphql-schema';
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+
+declare class AuditService {
+    protected readonly gql: GqlParser;
+    constructor(gql: GqlParser);
+    query(input: AuditTrailCriteria): Observable<QueryResult<{
+        auditMsAuditTrail: AuditTrail[];
+    }>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AuditService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AuditService>;
+}
+
+type AuditTrailData = AuditTrail & {
+    icon: string;
+    changedData?: Array<{
+        field: string;
+        oldValue: any;
+        newValue: any;
+    }>;
+};
+declare class UpAuditListComponent implements OnDestroy {
+    protected readonly service: AuditService;
+    readonly tagValues: _angular_core.InputSignal<string[] | undefined>;
+    readonly relatedEntities: _angular_core.InputSignal<string[] | undefined>;
+    readonly hasMore: _angular_core.WritableSignal<boolean>;
+    readonly isLoading: _angular_core.WritableSignal<boolean>;
+    readonly auditTrails: _angular_core.WritableSignal<AuditTrailData[]>;
+    readonly selectedTrail: _angular_core.WritableSignal<AuditTrailData | null>;
+    protected sub?: Subscription;
+    protected readonly criteria: AuditTrailCriteria;
+    constructor(service: AuditService);
+    ngOnDestroy(): void;
+    loadData(): void;
+    protected getAuditIcon(audit: AuditTrail): string;
+    protected getChangedData(data: any): Array<{
+        field: string;
+        oldValue: any;
+        newValue: any;
+    }>;
+    protected formatValue(value: any): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpAuditListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpAuditListComponent, "up-audit-list", never, { "tagValues": { "alias": "tagValues"; "required": false; "isSignal": true; }; "relatedEntities": { "alias": "relatedEntities"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { AuditService, UpAuditListComponent };

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

@@ -3,12 +3,13 @@ import { ElementRef, Renderer2 } from '@angular/core';
 import { ClassValue } from 'clsx';
 
 declare class UpAvatarDirective {
-    protected readonly el: ElementRef;
+    protected readonly el: ElementRef<HTMLElement>;
     protected readonly renderer: Renderer2;
     readonly initialText: _angular_core.InputSignal<string>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
     protected readonly _computedClass: _angular_core.Signal<string>;
-    constructor(el: ElementRef, renderer: Renderer2);
+    constructor(el: ElementRef<HTMLElement>, renderer: Renderer2);
+    setFallback(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpAvatarDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpAvatarDirective, "[upAvatar]", ["upAvatar"], { "initialText": { "alias": "initial"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, ViewContainerRef, DestroyRef, ComponentRef, ComponentMirror, Provider, InjectionToken } from '@angular/core';
+import { OnInit, ViewContainerRef, DestroyRef, ComponentRef, ComponentMirror, InjectionToken, Provider } from '@angular/core';
 import { Router, ActivatedRoute, Route, RedirectFunction } from '@angular/router';
 import { PermissionService } from '@unipin/angular-applet/auth';
 

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

@@ -1,20 +1,22 @@
 import * as _angular_core from '@angular/core';
-import { StaticProvider, ElementRef, InjectOptions, ValueProvider, Signal, WritableSignal, Injector, RendererFactory2, TemplateRef, ViewContainerRef, EffectRef, AfterViewInit, OnDestroy, OutputRefSubscription } from '@angular/core';
+import { StaticProvider, ElementRef, InjectOptions, ValueProvider, Signal, WritableSignal, Injector, RendererFactory2, TemplateRef, ViewContainerRef, EffectRef, OnDestroy, OutputRefSubscription } from '@angular/core';
 import * as _angular_cdk_dialog from '@angular/cdk/dialog';
 import { AutoFocusTarget, DialogRef, Dialog } from '@angular/cdk/dialog';
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { PositionStrategy, ScrollStrategy, ConnectedPosition, FlexibleConnectedPositionStrategyOrigin, OverlayPositionBuilder, ScrollStrategyOptions, ComponentType } from '@angular/cdk/overlay';
-import { Observable } from 'rxjs';
+import * as clsx from 'clsx';
 import { ClassValue } from 'clsx';
+import { Observable } from 'rxjs';
 
 type UpDialogOptions = {
     id?: string;
     hasBackdrop: boolean;
     disableClose: boolean;
+    panelClass: ClassValue;
     role: 'dialog' | 'alertdialog';
     providers?: StaticProvider[] | (() => StaticProvider[]);
     restoreFocus: boolean | string | ElementRef;
-    autoFocus?: AutoFocusTarget | (Record<never, never> & string);
+    autoFocus?: AutoFocusTarget | (Record<never, never> & string) | boolean;
     closeDelay: number;
     closeOnBackdropClick: boolean;
     closeOnOutsidePointerEvents: boolean;
@@ -86,7 +88,7 @@ declare class UpDialog {
     readonly defaultOptions: UpDialogOptions;
     readonly attachTo: _angular_core.InputSignal<_angular_cdk_overlay.FlexibleConnectedPositionStrategyOrigin | null | undefined>;
     readonly role: _angular_core.InputSignal<"dialog" | "alertdialog">;
-    readonly autoFocus: _angular_core.InputSignal<_angular_cdk_dialog.AutoFocusTarget | (Record<never, never> & string) | undefined>;
+    readonly autoFocus: _angular_core.InputSignal<boolean | _angular_cdk_dialog.AutoFocusTarget | (Record<never, never> & string) | undefined>;
     readonly restoreFocus: _angular_core.InputSignal<string | boolean | _angular_core.ElementRef<any>>;
     readonly scrollStrategy: _angular_core.InputSignal<ScrollStrategy | "close" | "reposition" | null>;
     readonly attachPositions: _angular_core.InputSignal<_angular_cdk_overlay.ConnectedPosition[]>;
@@ -97,12 +99,13 @@ declare class UpDialog {
     readonly closeOnOutsidePointerEvents: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly closed: _angular_core.OutputEmitterRef<any>;
     readonly stateChanged: _angular_core.OutputEmitterRef<"open" | "closed">;
-    readonly state: WritableSignal<boolean>;
-    readonly mutableAttachTo: _angular_core.Signal<WritableSignal<_angular_cdk_overlay.FlexibleConnectedPositionStrategyOrigin | null | undefined>>;
+    readonly state: _angular_core.WritableSignal<boolean>;
+    readonly panelClass: _angular_core.WritableSignal<clsx.ClassValue>;
+    readonly mutableAttachTo: _angular_core.Signal<_angular_core.WritableSignal<_angular_cdk_overlay.FlexibleConnectedPositionStrategyOrigin | null | undefined>>;
     readonly stateComputed: _angular_core.Signal<"open" | "closed">;
-    readonly mutableAttachPositions: _angular_core.Signal<WritableSignal<_angular_cdk_overlay.ConnectedPosition[]>>;
-    readonly mutablePositionStrategy: _angular_core.Signal<WritableSignal<_angular_cdk_overlay.PositionStrategy | null | undefined>>;
-    readonly mutableCloseOnOutsidePointerEvents: _angular_core.Signal<WritableSignal<boolean>>;
+    readonly mutableAttachPositions: _angular_core.Signal<_angular_core.WritableSignal<_angular_cdk_overlay.ConnectedPosition[]>>;
+    readonly mutablePositionStrategy: _angular_core.Signal<_angular_core.WritableSignal<_angular_cdk_overlay.PositionStrategy | null | undefined>>;
+    readonly mutableCloseOnOutsidePointerEvents: _angular_core.Signal<_angular_core.WritableSignal<boolean>>;
     dialogRef: UpDialogRef | undefined;
     protected readonly attachToState: _angular_core.Signal<_angular_cdk_overlay.FlexibleConnectedPositionStrategyOrigin | null | undefined>;
     protected readonly positionStrategyState: _angular_core.Signal<_angular_cdk_overlay.PositionStrategy | null | undefined>;
@@ -130,14 +133,11 @@ declare class UpDialogCloseDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpDialogCloseDirective, "button[upDialogClose]", never, { "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class UpDialogContentDirective implements AfterViewInit, OnDestroy {
+declare class UpDialogContentDirective {
     readonly dialogRef: UpDialogRef<any>;
     readonly inlineClass: _angular_core.InputSignal<ClassValue>;
     readonly state: _angular_core.Signal<"open" | "closed">;
     protected readonly _computedClass: _angular_core.Signal<string>;
-    protected _mutationObserver: MutationObserver;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpDialogContentDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpDialogContentDirective, "[upDialogContent]", ["upDialogContent"], { "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -435,6 +435,87 @@ 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>;
+    readonly minuteInterval: _angular_core.InputSignal<number>;
+    readonly minTime: _angular_core.InputSignal<TimeValue | undefined>;
+    readonly maxTime: _angular_core.InputSignal<TimeValue | undefined>;
+    readonly value: _angular_core.InputSignal<TimeValue>;
+    readonly timeChanged: _angular_core.OutputEmitterRef<TimeValue>;
+    readonly selectedHourIndex: _angular_core.WritableSignal<number>;
+    readonly selectedMinuteIndex: _angular_core.WritableSignal<number>;
+    readonly minHour: _angular_core.Signal<number>;
+    readonly maxHour: _angular_core.Signal<number>;
+    readonly minMinute: _angular_core.Signal<number>;
+    readonly maxMinute: _angular_core.Signal<number>;
+    protected readonly hours: number[];
+    protected readonly minutes: _angular_core.Signal<number[]>;
+    protected readonly hourInvisible: _angular_core.Signal<boolean[]>;
+    protected readonly minuteInvisible: _angular_core.Signal<boolean[]>;
+    protected readonly validMinuteRange: _angular_core.Signal<{
+        min: number;
+        max: number;
+    }>;
+    protected itemHeight: number;
+    protected visibleItems: number;
+    protected containerHeight: number;
+    protected padding: number;
+    protected highlightTop: number;
+    protected scrollTimeout: any;
+    protected lastEmittedTime: TimeValue | null;
+    constructor();
+    initializeScrollPosition(): void;
+    onHoursScroll(): void;
+    onMinutesScroll(): void;
+    private debounceEmit;
+    private clampSelectionToValidRange;
+    updateHourSelection(): void;
+    updateMinuteSelection(): void;
+    snapHours(): void;
+    snapMinutes(): void;
+    scrollToHour(index: number): void;
+    scrollToMinute(index: number): void;
+    scrollToHourImmediate(index: number): void;
+    scrollToMinuteImmediate(index: number): void;
+    clampTime(time: TimeValue): TimeValue;
+    protected emitTime(): 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>;
+}
+
+declare class UpTimepickerComponent extends UpFieldControlComponent implements ControlValueAccessor {
+    readonly minTime: _angular_core.InputSignal<TimeValue | undefined>;
+    readonly maxTime: _angular_core.InputSignal<TimeValue | undefined>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly initialHour: _angular_core.InputSignal<number>;
+    readonly initialMinute: _angular_core.InputSignal<number>;
+    readonly minuteInterval: _angular_core.InputSignal<number>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly _disabled: _angular_core.WritableSignal<boolean>;
+    readonly value: _angular_core.WritableSignal<TimeValue>;
+    readonly formattedTime: _angular_core.Signal<string>;
+    readonly _computedClass: _angular_core.Signal<string>;
+    protected _isTouched: boolean;
+    protected _onTouched: () => void;
+    protected _onChange: (_val: any) => void;
+    constructor();
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    touch(): void;
+    setDisabledState?(isDisabled: boolean): void;
+    writeValue(value: TimeValue): void;
+    selectedTime(time: TimeValue): void;
+    protected _markTouched(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpTimepickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpTimepickerComponent, "up-timepicker", never, { "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "initialHour": { "alias": "initialHour"; "required": false; "isSignal": true; }; "initialMinute": { "alias": "initialMinute"; "required": false; "isSignal": true; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class UpFormFieldComponent {
     readonly name: _angular_core.InputSignal<string>;
     readonly hint: _angular_core.InputSignal<string>;
@@ -519,4 +600,4 @@ declare function isEqualValidator(controlNames: string[], message?: string): Val
  */
 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, isEqualValidator, isNotEqualValidator, setValidator, toggleFormControls, validRangeValidator };
+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 };

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

@@ -1,5 +1,21 @@
 import { BadgeVariants } from '@unipin/angular-applet/badge';
 
+declare const rowNumberColumn: {
+    maxWidth: number;
+    pinned: string;
+    sortable: boolean;
+    lockPinned: boolean;
+    headerName: string;
+    lockPosition: boolean;
+    suppressMovable: boolean;
+    valueGetter: string;
+    cellStyle: {
+        fontWeight: number;
+        textAlign: string;
+        justifyContent: string;
+    };
+};
+
 declare function renderFlag(value: string | string[]): string;
 
 type RenderGridBadgeOptions = {
@@ -19,4 +35,4 @@ type RenderStatusBadgeOptions = Omit<RenderGridBadgeOptions, 'isAutoGenerateColo
 };
 declare function renderStatusBadge(value: string, { additionalStatus, additionalClass }: RenderStatusBadgeOptions): string;
 
-export { renderFlag, renderGridBadge, renderStatusBadge };
+export { renderFlag, renderGridBadge, renderStatusBadge, rowNumberColumn };

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

@@ -29,10 +29,10 @@ declare class UpPopoverTriggerDirective extends UpDialogTriggerDirective {
 
 declare class UpPopoverContentDirective {
     readonly stateProvider: _unipin_angular_applet_dialog.ExposesState;
-    readonly userClass: i0.InputSignal<ClassValue>;
+    readonly inlineClass: i0.InputSignal<ClassValue>;
     protected readonly _computedClass: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UpPopoverContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<UpPopoverContentDirective, "[upPopoverContent]", ["upPopoverContent"], { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpPopoverContentDirective, "[upPopoverContent]", ["upPopoverContent"], { "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class UpPopoverContentRefDirective<T> extends UpDialogContentRefDirective<T> {