@dragonworks/ngx-dashboard-widgets 20.1.2 → 20.1.4

package/index.d.ts

@@ -93,84 +93,6 @@ declare class RadialGaugeWidgetComponent implements Widget {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadialGaugeWidgetComponent, "ngx-dashboard-radial-gauge-widget", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * Directive that automatically adjusts font size to fit text within its parent container.
- * Uses canvas-based measurement for performance and DOM verification for accuracy.
- *
- * @example
- * <div class="container">
- *   <span responsiveText [minFontSize]="12" [maxFontSize]="72">Dynamic text here</span>
- * </div>
- */
-declare class ResponsiveTextDirective implements AfterViewInit {
-    /** Minimum font-size in pixels (accessibility floor) */
-    minFontSize: _angular_core.InputSignalWithTransform<number, unknown>;
-    /** Maximum font-size in pixels (layout ceiling) */
-    maxFontSize: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Line-height: pass a multiplier (e.g. 1.1) or absolute px value.
-     * For single-line text a multiplier < 10 is treated as unitless.
-     */
-    lineHeight: _angular_core.InputSignalWithTransform<number, unknown>;
-    /** Whether to observe text mutations after first render */
-    observeMutations: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Debounce delay in ms for resize/mutation callbacks */
-    debounceMs: _angular_core.InputSignalWithTransform<number, unknown>;
-    private readonly el;
-    private readonly zone;
-    private readonly platformId;
-    private readonly destroyRef;
-    private _ctx?;
-    private get ctx();
-    private ro?;
-    private mo?;
-    private fitTimeout?;
-    private lastText;
-    private lastMaxW;
-    private lastMaxH;
-    private lastFontSize;
-    constructor();
-    ngAfterViewInit(): void;
-    /**
-     * Debounced fit handler to prevent excessive recalculations
-     */
-    private requestFit;
-    /**
-     * Recalculate & apply the ideal font-size
-     */
-    private fit;
-    /**
-     * Calculate available space accounting for padding and borders
-     */
-    private getAvailableSpace;
-    /**
-     * DOM-based verification to handle sub-pixel discrepancies
-     */
-    private verifyFit;
-    /**
-     * Binary search for optimal font size using canvas measurements
-     */
-    private calcFit;
-    /**
-     * Calculate text height from metrics
-     */
-    private calculateTextHeight;
-    /**
-     * Observe parent container resizes
-     */
-    private observeResize;
-    /**
-     * Observe text content changes
-     */
-    private observeText;
-    /**
-     * Cleanup resources
-     */
-    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>;
-}
-
 interface RadialGaugeSegment {
     from: number;
     to: number;
@@ -528,5 +450,83 @@ declare class RadialGaugeComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadialGaugeComponent, "ngx-radial-gauge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "segmentGapPx": { "alias": "segmentGapPx"; "required": false; "isSignal": true; }; "hasBackground": { "alias": "hasBackground"; "required": false; "isSignal": true; }; "showValueLabel": { "alias": "showValueLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fitToContainer": { "alias": "fitToContainer"; "required": false; "isSignal": true; }; "containerPadding": { "alias": "containerPadding"; "required": false; "isSignal": true; }; "responsiveMode": { "alias": "responsiveMode"; "required": false; "isSignal": true; }; "sizeToThicknessRatio": { "alias": "sizeToThicknessRatio"; "required": false; "isSignal": true; }; "responsiveProportions": { "alias": "responsiveProportions"; "required": false; "isSignal": true; }; "outerThickness": { "alias": "outerThickness"; "required": false; "isSignal": true; }; "innerThickness": { "alias": "innerThickness"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "labelReference": { "alias": "labelReference"; "required": false; "isSignal": true; }; "referenceGlyph": { "alias": "referenceGlyph"; "required": false; "isSignal": true; }; "labelPadding": { "alias": "labelPadding"; "required": false; "isSignal": true; }; "baselineSafety": { "alias": "baselineSafety"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Directive that automatically adjusts font size to fit text within its parent container.
+ * Uses canvas-based measurement for performance and DOM verification for accuracy.
+ *
+ * @example
+ * <div class="container">
+ *   <span responsiveText [minFontSize]="12" [maxFontSize]="72">Dynamic text here</span>
+ * </div>
+ */
+declare class ResponsiveTextDirective implements AfterViewInit {
+    /** Minimum font-size in pixels (accessibility floor) */
+    minFontSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Maximum font-size in pixels (layout ceiling) */
+    maxFontSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Line-height: pass a multiplier (e.g. 1.1) or absolute px value.
+     * For single-line text a multiplier < 10 is treated as unitless.
+     */
+    lineHeight: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Whether to observe text mutations after first render */
+    observeMutations: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Debounce delay in ms for resize/mutation callbacks */
+    debounceMs: _angular_core.InputSignalWithTransform<number, unknown>;
+    private readonly el;
+    private readonly zone;
+    private readonly platformId;
+    private readonly destroyRef;
+    private _ctx?;
+    private get ctx();
+    private ro?;
+    private mo?;
+    private fitTimeout?;
+    private lastText;
+    private lastMaxW;
+    private lastMaxH;
+    private lastFontSize;
+    constructor();
+    ngAfterViewInit(): void;
+    /**
+     * Debounced fit handler to prevent excessive recalculations
+     */
+    private requestFit;
+    /**
+     * Recalculate & apply the ideal font-size
+     */
+    private fit;
+    /**
+     * Calculate available space accounting for padding and borders
+     */
+    private getAvailableSpace;
+    /**
+     * DOM-based verification to handle sub-pixel discrepancies
+     */
+    private verifyFit;
+    /**
+     * Binary search for optimal font size using canvas measurements
+     */
+    private calcFit;
+    /**
+     * Calculate text height from metrics
+     */
+    private calculateTextHeight;
+    /**
+     * Observe parent container resizes
+     */
+    private observeResize;
+    /**
+     * Observe text content changes
+     */
+    private observeText;
+    /**
+     * Cleanup resources
+     */
+    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>;
+}
+
 export { ArrowWidgetComponent, ClockWidgetComponent, LabelWidgetComponent, RadialGaugeComponent, RadialGaugeWidgetComponent, ResponsiveTextDirective };
-export type { ArrowWidgetState, ClockWidgetState, LabelWidgetState, RadialGaugeSegment, RadialGaugeWidgetState };
+export type { RadialGaugeSegment };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dragonworks/ngx-dashboard-widgets",
-  "version": "20.1.2",
+  "version": "20.1.4",
   "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",