@dragonworks/ngx-dashboard-widgets 20.1.4 → 20.2.0

package/index.d.ts

@@ -31,6 +31,7 @@ interface LabelWidgetState {
     responsive?: boolean;
     minFontSize?: number;
     maxFontSize?: number;
+    templateString?: string;
 }
 declare class LabelWidgetComponent implements Widget {
     #private;
@@ -44,6 +45,7 @@ declare class LabelWidgetComponent implements Widget {
     get label(): string;
     readonly minFontSize: _angular_core.Signal<number>;
     readonly maxFontSize: _angular_core.Signal<number>;
+    readonly templateString: _angular_core.Signal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LabelWidgetComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LabelWidgetComponent, "ngx-dashboard-label-widget", never, {}, {}, never, never, true, never>;
 }
@@ -456,7 +458,8 @@ declare class RadialGaugeComponent {
  *
  * @example
  * <div class="container">
- *   <span responsiveText [minFontSize]="12" [maxFontSize]="72">Dynamic text here</span>
+ *   <span libResponsiveText [minFontSize]="12" [maxFontSize]="72">Dynamic text here</span>
+ *   <span libResponsiveText [templateString]="'Template for sizing'">Shorter text</span>
  * </div>
  */
 declare class ResponsiveTextDirective implements AfterViewInit {
@@ -473,6 +476,8 @@ declare class ResponsiveTextDirective implements AfterViewInit {
     observeMutations: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Debounce delay in ms for resize/mutation callbacks */
     debounceMs: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Template string to use for size calculations instead of actual content */
+    templateString: _angular_core.InputSignal<string | undefined>;
     private readonly el;
     private readonly zone;
     private readonly platformId;
@@ -483,9 +488,11 @@ declare class ResponsiveTextDirective implements AfterViewInit {
     private mo?;
     private fitTimeout?;
     private lastText;
+    private lastTemplateString;
     private lastMaxW;
     private lastMaxH;
     private lastFontSize;
+    private isViewInitialized;
     constructor();
     ngAfterViewInit(): void;
     /**
@@ -525,7 +532,7 @@ declare class ResponsiveTextDirective implements AfterViewInit {
      */
     private cleanup;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResponsiveTextDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ResponsiveTextDirective, "[libResponsiveText]", never, { "minFontSize": { "alias": "minFontSize"; "required": false; "isSignal": true; }; "maxFontSize": { "alias": "maxFontSize"; "required": false; "isSignal": true; }; "lineHeight": { "alias": "lineHeight"; "required": false; "isSignal": true; }; "observeMutations": { "alias": "observeMutations"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ResponsiveTextDirective, "[libResponsiveText]", never, { "minFontSize": { "alias": "minFontSize"; "required": false; "isSignal": true; }; "maxFontSize": { "alias": "maxFontSize"; "required": false; "isSignal": true; }; "lineHeight": { "alias": "lineHeight"; "required": false; "isSignal": true; }; "observeMutations": { "alias": "observeMutations"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "templateString": { "alias": "templateString"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { ArrowWidgetComponent, ClockWidgetComponent, LabelWidgetComponent, RadialGaugeComponent, RadialGaugeWidgetComponent, ResponsiveTextDirective };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@dragonworks/ngx-dashboard-widgets",
-  "version": "20.1.4",
+  "version": "20.2.0",
   "description": "Widget collection for ngx-dashboard with Material Design 3 compliance including arrow, label, clock widgets and responsive text directive",
   "peerDependencies": {
     "@angular/common": "^20.2.0",
     "@angular/core": "^20.2.0",
+    "@angular/localize": "^20.2.0",
     "@dragonworks/ngx-dashboard": "^20.0.0"
   },
   "dependencies": {