@flywheel-io/vision 19.3.2 → 19.4.0

package/components/menu/menu.component.d.ts

@@ -14,8 +14,10 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
     onChange: (value: string | string[]) => void;
     onTouched: () => void;
     private subscriptions;
+    private menuItemSubscriptions;
     ngOnChanges(): void;
     ngOnDestroy(): void;
+    private subscribeToMenuItems;
     ngAfterContentInit(): void;
     writeValue(value: string | string[]): void;
     registerOnChange(fn: (value: string | string[]) => void): void;

package/components/select-menu/select-menu.component.d.ts

@@ -1,5 +1,5 @@
 import { CdkMenuTrigger } from '@angular/cdk/menu';
-import { AfterContentInit, EventEmitter, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { IconType } from '../icon/icon.types';
 import { FwMenuComponent } from '../menu/menu.component';
@@ -8,7 +8,7 @@ import { FwMenuItemGroupComponent } from '../menu/menu-item-group/menu-item-grou
 import { FwMenuSeparatorComponent } from '../menu/menu-separator/menu-separator.component';
 import { FwTextInputComponent } from '../text-input/text-input.component';
 import * as i0 from "@angular/core";
-export declare class FwSelectMenuComponent implements AfterContentInit, OnDestroy, ControlValueAccessor {
+export declare class FwSelectMenuComponent implements OnDestroy, ControlValueAccessor {
     private ngControl;
     outsideClick(evt: any): void;
     get disabledClass(): boolean;
@@ -52,7 +52,8 @@ export declare class FwSelectMenuComponent implements AfterContentInit, OnDestro
     set value(newValue: any);
     private _value;
     constructor(ngControl: NgControl);
-    ngAfterContentInit(): void;
+    private subscribeToMenuItems;
+    private menuItemsWatcher;
     ngOnDestroy(): void;
     get invalid(): boolean;
     get touched(): boolean;

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 {};

package/components/typeahead/typeahead.component.d.ts

@@ -15,10 +15,13 @@ export declare class FwTypeaheadComponent implements ControlValueAccessor {
     changeDetector: ChangeDetectorRef;
     loading: import("@angular/core").ModelSignal<boolean>;
     disabled: import("@angular/core").ModelSignal<boolean>;
+    touched: import("@angular/core").WritableSignal<boolean>;
+    hasAmbiguousInput: import("@angular/core").WritableSignal<boolean>;
     setDisabledState(isDisabled: boolean): void;
     writeValue(incomingValue: string[]): void;
     onChange: (_: string[]) => void;
-    registerOnChange(onChangeFn: any): void;
+    clearValue(): void;
+    registerOnChange(onChangeFn: typeof this.onChange): void;
     onTouched: () => void;
     registerOnTouched(onTouchedFn: any): void;
     onClick(event: MouseEvent): void;
@@ -30,13 +33,16 @@ export declare class FwTypeaheadComponent implements ControlValueAccessor {
     minOptionsHeight: import("@angular/core").InputSignal<string>;
     optionsWidth: import("@angular/core").InputSignal<string>;
     maxHeight: import("@angular/core").InputSignal<string>;
+    selectType: import("@angular/core").InputSignal<"multiple" | "single">;
     notifyOnValueChanges: import("@angular/core").EffectRef;
     searchValue: import("@angular/core").ModelSignal<string>;
     searchValueChanges$: Observable<string>;
     handleSearchChange(event: KeyboardEvent): void;
     allowNew: import("@angular/core").InputSignal<boolean>;
     placeholder: import("@angular/core").InputSignal<string>;
-    showPlaceholder: import("@angular/core").Signal<boolean>;
+    errorText: import("@angular/core").WritableSignal<string>;
+    displayedPlaceholder: import("@angular/core").Signal<string>;
+    highlightPlaceholder: import("@angular/core").Signal<boolean>;
     /**
      * Options after they've been both filtered for matching the search and already selected
      */
@@ -48,7 +54,7 @@ export declare class FwTypeaheadComponent implements ControlValueAccessor {
     closeChip(chipValue: string): void;
     displayNewOption: import("@angular/core").Signal<boolean>;
     addValue: (newValue: string) => void;
-    handleOptionClick: (optionValue: any) => void;
+    handleOptionClick: (optionValue: string) => void;
     resetFocusOnOptionsChange: import("@angular/core").EffectRef;
     displayedOptions: import("@angular/core").Signal<readonly FwMenuItemComponent[]>;
     focusedIndex: import("@angular/core").WritableSignal<number>;
@@ -63,6 +69,6 @@ export declare class FwTypeaheadComponent implements ControlValueAccessor {
     setFocusByValue(value: string): void;
     private moveFocused;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTypeaheadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTypeaheadComponent, "fw-typeahead", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "allowNew": { "alias": "allowNew"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "loading": "loadingChange"; "disabled": "disabledChange"; "value": "valueChange"; "searchValue": "searchValueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTypeaheadComponent, "fw-typeahead", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selectType": { "alias": "selectType"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "allowNew": { "alias": "allowNew"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "loading": "loadingChange"; "disabled": "disabledChange"; "value": "valueChange"; "searchValue": "searchValueChange"; }, never, never, true, never>;
 }
 export {};