@flywheel-io/vision 19.3.3 → 19.4.1

package/components/button-group/button-group.component.d.ts

@@ -1,22 +1,21 @@
-import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FwButtonToggleItemComponent } from '../button-toggle/button-toggle-item/button-toggle-item.component';
 import * as i0 from "@angular/core";
 export declare class FwButtonGroupComponent implements ControlValueAccessor, OnChanges, OnDestroy, AfterContentInit {
-    private cdref;
-    get classes(): string;
     layout?: 'basic' | 'compact';
     size?: 'small' | 'medium' | 'large';
     disabled?: boolean;
     color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
     selectedColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
+    fullWidth: boolean;
+    get classes(): string;
     toggleButtons: QueryList<FwButtonToggleItemComponent>;
     private subscriptions;
     change: EventEmitter<string[]>;
     private _value;
     get value(): string[];
     set value(newValue: string[]);
-    constructor(cdref: ChangeDetectorRef);
     onChange: (value: string[]) => void;
     onTouched: () => void;
     registerOnChange(fn: (value: string[]) => void): void;
@@ -29,5 +28,5 @@ export declare class FwButtonGroupComponent implements ControlValueAccessor, OnC
     updateValue(value: string[]): void;
     formatToggles(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonGroupComponent, "fw-button-group", never, { "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "selectedColor": { "alias": "selectedColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["toggleButtons"], ["fw-button-toggle-item,fw-tooltip"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonGroupComponent, "fw-button-group", never, { "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "selectedColor": { "alias": "selectedColor"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["toggleButtons"], ["fw-button-toggle-item,fw-tooltip"], true, never>;
 }

package/components/button-toggle/button-toggle-item/button-toggle-item.component.d.ts

@@ -12,10 +12,11 @@ export declare class FwButtonToggleItemComponent {
     color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
     selectedColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
     selectedStyle?: 'background' | 'foreground';
+    fullWidth: import("@angular/core").ModelSignal<boolean>;
     click: EventEmitter<string>;
     get classes(): string;
     constructor();
     handleClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonToggleItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonToggleItemComponent, "fw-button-toggle-item", never, { "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selectedIcon": { "alias": "selectedIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "selectedColor": { "alias": "selectedColor"; "required": false; }; "selectedStyle": { "alias": "selectedStyle"; "required": false; }; }, { "click": "click"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonToggleItemComponent, "fw-button-toggle-item", never, { "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selectedIcon": { "alias": "selectedIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "selectedColor": { "alias": "selectedColor"; "required": false; }; "selectedStyle": { "alias": "selectedStyle"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, { "fullWidth": "fullWidthChange"; "click": "click"; }, never, never, true, never>;
 }

package/components/button-toggle/button-toggle.component.d.ts

@@ -4,12 +4,13 @@ import { FwButtonToggleItemComponent } from './button-toggle-item/button-toggle-
 import * as i0 from "@angular/core";
 export declare class FwButtonToggleComponent implements ControlValueAccessor, OnChanges, OnDestroy, AfterContentInit {
     private cdref;
-    get classes(): string;
     layout?: 'basic' | 'compact';
     size?: 'small' | 'medium' | 'large';
     disabled?: boolean;
     color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
     selectedColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
+    fullWidth: boolean;
+    get classes(): string;
     toggleButtons: QueryList<FwButtonToggleItemComponent>;
     private subscriptions;
     change: EventEmitter<string>;
@@ -30,5 +31,5 @@ export declare class FwButtonToggleComponent implements ControlValueAccessor, On
     updateValue(value: string): void;
     formatToggles(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonToggleComponent, "fw-button-toggle", never, { "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "selectedColor": { "alias": "selectedColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["toggleButtons"], ["fw-button-toggle-item,fw-tooltip"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonToggleComponent, "fw-button-toggle", never, { "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "selectedColor": { "alias": "selectedColor"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["toggleButtons"], ["fw-button-toggle-item,fw-tooltip"], true, never>;
 }

package/components/tooltip/tooltip-panel/tooltip-panel.component.d.ts

@@ -6,18 +6,19 @@ export type SimplePosition = 'above' | 'below' | 'left' | 'right';
 export declare class FwTooltipPanelComponent {
     animation: any;
     trigger: import("@angular/core").InputSignalWithTransform<CdkOverlayOrigin, ElementRef<HTMLElement> | CdkOverlayOrigin>;
-    title: string;
+    title: import("@angular/core").InputSignal<string>;
     isOpen: import("@angular/core").InputSignal<boolean>;
     position: import("@angular/core").InputSignal<SimplePosition>;
     connectedPosition: import("@angular/core").Signal<ConnectedPosition[]>;
-    color?: 'light' | 'dark';
-    maxWidth?: number;
-    displayCaret: boolean;
-    mouseLeave: EventEmitter<MouseEvent>;
+    positionClass: import("@angular/core").Signal<string>;
+    color: import("@angular/core").InputSignal<"dark" | "light">;
+    maxWidth: import("@angular/core").InputSignal<number>;
+    displayCaret: import("@angular/core").InputSignal<boolean>;
     delay: import("@angular/core").InputSignal<DelayLength>;
     delayMs: import("@angular/core").Signal<number>;
-    get classes(): string;
+    contentClass: import("@angular/core").InputSignal<string>;
+    mouseLeave: EventEmitter<MouseEvent>;
     hidePopover(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTooltipPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTooltipPanelComponent, "fw-tooltip-panel", never, { "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "displayCaret": { "alias": "displayCaret"; "required": false; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; }, { "mouseLeave": "mouseLeave"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTooltipPanelComponent, "fw-tooltip-panel", never, { "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "displayCaret": { "alias": "displayCaret"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; }, { "mouseLeave": "mouseLeave"; }, never, ["*"], true, never>;
 }

package/components/tooltip/tooltip.directive.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 type DelayLength = 'none' | 'short' | 'long';
 /**
  * Directive for displaying extra context on hover
- * @see [Vision Docs](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-tooltip--docs)
+ * @see [Vision Storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-tooltip--docs)
  */
 export declare class FwTooltipDirective implements OnInit, OnDestroy {
     /***** External Context *****/
@@ -31,6 +31,10 @@ export declare class FwTooltipDirective implements OnInit, OnDestroy {
      * maximum width of the tooltip in pixels
      */
     maxWidth: import("@angular/core").ModelSignal<number>;
+    /**
+     * Custom class to apply to the content of the tooltip
+     */
+    contentClass: import("@angular/core").ModelSignal<string>;
     /**
      * amount of delay before the tooltip displays
      *
@@ -58,6 +62,6 @@ export declare class FwTooltipDirective implements OnInit, OnDestroy {
     hideTooltip(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FwTooltipDirective, "[fwTooltip]", never, { "title": { "alias": "fwTooltip"; "required": false; "isSignal": true; }; "position": { "alias": "fwTooltipPosition"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "fwTooltipMaxWidthPx"; "required": false; "isSignal": true; }; "delayMs": { "alias": "fwTooltipDelay"; "required": false; "isSignal": true; }; "displayCaret": { "alias": "fwTooltipCaret"; "required": false; "isSignal": true; }; "enabled": { "alias": "fwTooltipEnabled"; "required": false; "isSignal": true; }; }, { "title": "fwTooltipChange"; "position": "fwTooltipPositionChange"; "maxWidth": "fwTooltipMaxWidthPxChange"; "enabled": "fwTooltipEnabledChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FwTooltipDirective, "[fwTooltip]", never, { "title": { "alias": "fwTooltip"; "required": false; "isSignal": true; }; "position": { "alias": "fwTooltipPosition"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "fwTooltipMaxWidthPx"; "required": false; "isSignal": true; }; "contentClass": { "alias": "fwTooltipClass"; "required": false; "isSignal": true; }; "delayMs": { "alias": "fwTooltipDelay"; "required": false; "isSignal": true; }; "displayCaret": { "alias": "fwTooltipCaret"; "required": false; "isSignal": true; }; "enabled": { "alias": "fwTooltipEnabled"; "required": false; "isSignal": true; }; }, { "title": "fwTooltipChange"; "position": "fwTooltipPositionChange"; "maxWidth": "fwTooltipMaxWidthPxChange"; "contentClass": "fwTooltipClassChange"; "enabled": "fwTooltipEnabledChange"; }, never, never, true, never>;
 }
 export {};