@dragonworks/ngx-dashboard-widgets 20.1.6 → 20.3.1

package/index.d.ts

@@ -3,6 +3,8 @@ import { AfterViewInit } from '@angular/core';
 import * as _angular_platform_browser from '@angular/platform-browser';
 import { Widget, WidgetMetadata } from '@dragonworks/ngx-dashboard';
 
+declare const NGX_DASHBOARD_WIDGETS_VERSION = "20.3.1";
+
 interface ArrowWidgetState {
     direction: 'left' | 'up' | 'right' | 'down';
     opacity?: number;
@@ -31,6 +33,7 @@ interface LabelWidgetState {
     responsive?: boolean;
     minFontSize?: number;
     maxFontSize?: number;
+    templateString?: string;
 }
 declare class LabelWidgetComponent implements Widget {
     #private;
@@ -44,6 +47,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 +460,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 +478,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 +490,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,8 +534,8 @@ 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 };
+export { ArrowWidgetComponent, ClockWidgetComponent, LabelWidgetComponent, NGX_DASHBOARD_WIDGETS_VERSION, RadialGaugeComponent, RadialGaugeWidgetComponent, ResponsiveTextDirective };
 export type { RadialGaugeSegment };

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@dragonworks/ngx-dashboard-widgets",
-  "version": "20.1.6",
+  "version": "20.3.1",
   "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",
-    "@dragonworks/ngx-dashboard": "^20.0.0"
+    "@angular/localize": "^20.2.0",
+    "@dragonworks/ngx-dashboard": "^20.3.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"