@flywheel-io/vision 21.7.0 → 21.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flywheel-io/vision",
-  "version": "21.7.0",
+  "version": "21.8.0",
   "description": "Flywheel UI elements provided as Angular components and native web components",
   "author": "Flywheel",
   "license": "MIT",

package/scss/config/typography.scss

@@ -1,13 +1,15 @@
 @import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700';
 
+$font-family: 'Inter', sans-serif;
+
 @mixin shared-heading-style {
-  font-family: Inter, sans-serif;
+  font-family: $font-family;
   color: var(--typography-base);
   font-weight: 500;
 }
 
 @mixin shared-paragraph-style {
-  font-family: Inter, sans-serif;
+  font-family: $font-family;
   color: var(--typography-base);
   font-weight: 400;
 }
@@ -170,6 +172,10 @@
 }
 
 @mixin global-typography {
+  body {
+    font-family: $font-family;
+  }
+
   h1 {
     @include h1;
   }

package/styles.css

@@ -128,35 +128,35 @@ Color Palettes for use with vision's theming system
 }
 
 .vision-h1 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 22px;
 }
 
 .vision-h2 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 18px;
 }
 
 .vision-h3 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 16px;
 }
 
 .vision-h4 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 14px;
 }
 
 .vision-h5 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 12px;
@@ -164,7 +164,7 @@ Color Palettes for use with vision's theming system
 }
 
 .vision-h6 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 10px;
@@ -173,35 +173,35 @@ Color Palettes for use with vision's theming system
 
 .vision-p1 {
   font-size: 18px;
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 400;
 }
 
 .vision-p2 {
   font-size: 14px;
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 400;
 }
 
 .vision-p3 {
   font-size: 12px;
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 400;
 }
 
 .vision-p4 {
   font-size: 10px;
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 400;
 }
 
 .vision-p5 {
   font-size: 8px;
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 400;
 }
@@ -348,36 +348,40 @@ html {
   --typography-muted: #5d6877ff;
 }
 
+body {
+  font-family: "Inter", sans-serif;
+}
+
 h1 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 22px;
 }
 
 h2 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 18px;
 }
 
 h3 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 16px;
 }
 
 h4 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 14px;
 }
 
 h5 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 12px;
@@ -385,7 +389,7 @@ h5 {
 }
 
 h6 {
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 500;
   font-size: 10px;
@@ -394,7 +398,7 @@ h6 {
 
 p {
   font-size: 14px;
-  font-family: Inter, sans-serif;
+  font-family: "Inter", sans-serif;
   color: var(--typography-base);
   font-weight: 400;
 }

package/types/flywheel-io-vision.d.ts

@@ -7,7 +7,7 @@ import * as i2 from '@angular/forms';
 import { ControlValueAccessor, FormControl, FormControlStatus, FormGroup, AsyncValidatorFn, ValidatorFn, AbstractControl, NgControl } from '@angular/forms';
 import * as i2$1 from '@angular/cdk/dialog';
 import { DialogRef, DialogConfig, Dialog } from '@angular/cdk/dialog';
-import * as i3 from '@angular/cdk/overlay';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { OverlayContainer, ComponentType, CdkOverlayOrigin, ConnectedPosition, OverlayConfig, FlexibleConnectedPositionStrategyOrigin, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
 import { RulesLogic } from 'json-logic-js';
 import * as i1$1 from '@angular/cdk/menu';
@@ -18,7 +18,7 @@ export { CdkTableModule } from '@angular/cdk/table';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { CountryCode } from 'libphonenumber-js';
 import { Observable, BehaviorSubject, min } from 'rxjs';
-import * as i3$1 from '@angular/cdk/text-field';
+import * as i3 from '@angular/cdk/text-field';
 import { CdkTextareaAutosize } from '@angular/cdk/text-field';
 
 /**
@@ -1681,7 +1681,7 @@ declare class FwTooltipDirective implements OnInit, OnDestroy {
     enabled: _angular_core.ModelSignal<boolean>;
     /***** Derived State *****/
     connectedPositions: _angular_core.Signal<ConnectedPosition[]>;
-    positionStrategy: _angular_core.Signal<i3.FlexibleConnectedPositionStrategy>;
+    positionStrategy: _angular_core.Signal<_angular_cdk_overlay.FlexibleConnectedPositionStrategy>;
     overlayConfig: _angular_core.Signal<OverlayConfig>;
     /***** Effects and Methods *****/
     private readonly boundShowTooltip;
@@ -1827,7 +1827,7 @@ declare class FwPopoverComponent {
  */
 declare class FwPopoverModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwPopoverModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FwPopoverModule, never, [typeof i1.CommonModule, typeof FwLayoutsModule, typeof i3.OverlayModule, typeof FwPopoverComponent, typeof FwPopoverPanelComponent], [typeof FwPopoverComponent, typeof FwPopoverPanelComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FwPopoverModule, never, [typeof i1.CommonModule, typeof FwLayoutsModule, typeof _angular_cdk_overlay.OverlayModule, typeof FwPopoverComponent, typeof FwPopoverPanelComponent], [typeof FwPopoverComponent, typeof FwPopoverPanelComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FwPopoverModule>;
 }
 
@@ -1861,7 +1861,7 @@ declare class FwTooltipComponent {
  */
 declare class FwTooltipModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwTooltipModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FwTooltipModule, never, [typeof i1.CommonModule, typeof FwPopoverModule, typeof i3.OverlayModule, typeof i4.CdkNoDataRow, typeof FwTooltipDirective, typeof FwTooltipComponent, typeof FwTooltipPanelComponent], [typeof FwTooltipComponent, typeof FwTooltipPanelComponent, typeof FwTooltipDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FwTooltipModule, never, [typeof i1.CommonModule, typeof FwPopoverModule, typeof _angular_cdk_overlay.OverlayModule, typeof i4.CdkNoDataRow, typeof FwTooltipDirective, typeof FwTooltipComponent, typeof FwTooltipPanelComponent], [typeof FwTooltipComponent, typeof FwTooltipPanelComponent, typeof FwTooltipDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FwTooltipModule>;
 }
 
@@ -2290,6 +2290,8 @@ declare class FwMultiSelectMenuComponent implements ControlValueAccessor, AfterC
     readonly optionsWidth: _angular_core.InputSignal<string>;
     readonly minOptionsHeight: _angular_core.InputSignal<string>;
     readonly maxOptionsHeight: _angular_core.InputSignal<string>;
+    readonly offset: _angular_core.InputSignalWithTransform<number, unknown>;
+    protected readonly menuPositions: _angular_core.Signal<_angular_cdk_overlay.ConnectedPosition[]>;
     readonly size: _angular_core.InputSignal<"large" | "medium" | "small">;
     trigger: CdkMenuTrigger;
     menu: FwMenuComponent;
@@ -2344,7 +2346,7 @@ declare class FwMultiSelectMenuComponent implements ControlValueAccessor, AfterC
     handleKeyDown: (event: KeyboardEvent) => void;
     private postSelectSideEffects;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwMultiSelectMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwMultiSelectMenuComponent, "fw-multi-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "valueProperty": { "alias": "valueProperty"; "required": false; "isSignal": true; }; "titleProperty": { "alias": "titleProperty"; "required": false; "isSignal": true; }; "iconProperty": { "alias": "iconProperty"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "useCheckbox": { "alias": "useCheckbox"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "maxSelectedShown": { "alias": "maxSelectedShown"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showSelectionInfo": { "alias": "showSelectionInfo"; "required": false; "isSignal": true; }; "filterItemsOnSelect": { "alias": "filterItemsOnSelect"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "disabled": "disabledChange"; "change": "change"; }, ["customMenuItems"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group, fw-menu-header]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwMultiSelectMenuComponent, "fw-multi-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "valueProperty": { "alias": "valueProperty"; "required": false; "isSignal": true; }; "titleProperty": { "alias": "titleProperty"; "required": false; "isSignal": true; }; "iconProperty": { "alias": "iconProperty"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "useCheckbox": { "alias": "useCheckbox"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "maxSelectedShown": { "alias": "maxSelectedShown"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showSelectionInfo": { "alias": "showSelectionInfo"; "required": false; "isSignal": true; }; "filterItemsOnSelect": { "alias": "filterItemsOnSelect"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "disabled": "disabledChange"; "change": "change"; }, ["customMenuItems"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group, fw-menu-header]"], true, never>;
 }
 
 type DisplayFn = (menuItem: FwMenuItemComponent) => string;
@@ -2384,6 +2386,8 @@ declare class FwSelectMenuComponent implements OnInit, OnDestroy, ControlValueAc
     optionsWidth: _angular_core.InputSignal<string>;
     minOptionsHeight: _angular_core.InputSignal<string>;
     maxOptionsHeight: _angular_core.InputSignal<string>;
+    offset: _angular_core.InputSignalWithTransform<number, unknown>;
+    protected readonly menuPositions: _angular_core.Signal<_angular_cdk_overlay.ConnectedPosition[]>;
     size: _angular_core.InputSignal<"large" | "medium" | "small">;
     placeholder: _angular_core.InputSignal<string>;
     /**
@@ -2505,7 +2509,7 @@ declare class FwSelectMenuComponent implements OnInit, OnDestroy, ControlValueAc
     onFilterChanged(value: string): void;
     onInputChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwSelectMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "valueProperty": { "alias": "valueProperty"; "required": false; "isSignal": true; }; "useFullOptionAsValue": { "alias": "useFullOptionAsValue"; "required": false; "isSignal": true; }; "titleProperty": { "alias": "titleProperty"; "required": false; "isSignal": true; }; "iconProperty": { "alias": "iconProperty"; "required": false; "isSignal": true; }; "staticIcon": { "alias": "staticIcon"; "required": false; "isSignal": true; }; "descriptionProperty": { "alias": "descriptionProperty"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showReset": { "alias": "showReset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errored": { "alias": "errored"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "valueDisplayFn": { "alias": "valueDisplayFn"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "disabled": "disabledChange"; "change": "change"; "filterChanged": "filterChanged"; }, ["menuItems", "menuItemGroups", "menuSeparators"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "valueProperty": { "alias": "valueProperty"; "required": false; "isSignal": true; }; "useFullOptionAsValue": { "alias": "useFullOptionAsValue"; "required": false; "isSignal": true; }; "titleProperty": { "alias": "titleProperty"; "required": false; "isSignal": true; }; "iconProperty": { "alias": "iconProperty"; "required": false; "isSignal": true; }; "staticIcon": { "alias": "staticIcon"; "required": false; "isSignal": true; }; "descriptionProperty": { "alias": "descriptionProperty"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showReset": { "alias": "showReset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errored": { "alias": "errored"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "valueDisplayFn": { "alias": "valueDisplayFn"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "disabled": "disabledChange"; "change": "change"; "filterChanged": "filterChanged"; }, ["menuItems", "menuItemGroups", "menuSeparators"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group]"], true, never>;
 }
 
 /**
@@ -3156,7 +3160,7 @@ declare class FwTextAreaInputComponent implements ControlValueAccessor {
  */
 declare class FwTextAreaInputModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwTextAreaInputModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FwTextAreaInputModule, never, [typeof i1.CommonModule, typeof i2.ReactiveFormsModule, typeof i3$1.TextFieldModule, typeof FwTextAreaInputComponent], [typeof FwTextAreaInputComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FwTextAreaInputModule, never, [typeof i1.CommonModule, typeof i2.ReactiveFormsModule, typeof i3.TextFieldModule, typeof FwTextAreaInputComponent], [typeof FwTextAreaInputComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FwTextAreaInputModule>;
 }
 
@@ -3268,6 +3272,8 @@ declare class FwTypeaheadComponent implements ControlValueAccessor {
     minOptionsHeight: _angular_core.InputSignal<string>;
     optionsWidth: _angular_core.InputSignal<string>;
     maxHeight: _angular_core.InputSignal<string>;
+    offset: _angular_core.InputSignalWithTransform<number, unknown>;
+    protected readonly menuPositions: _angular_core.Signal<_angular_cdk_overlay.ConnectedPosition[]>;
     selectType: _angular_core.InputSignal<"multiple" | "single">;
     notifyOnValueChanges: _angular_core.EffectRef;
     searchValue: _angular_core.ModelSignal<string>;
@@ -3324,7 +3330,7 @@ declare class FwTypeaheadComponent implements ControlValueAccessor {
     setFocusByValue(value: string): void;
     private moveFocused;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwTypeaheadComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwTypeaheadComponent, "fw-typeahead", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "exhaustedText": { "alias": "exhaustedText"; "required": false; "isSignal": true; }; "optionsNotAllowed": { "alias": "optionsNotAllowed"; "required": false; "isSignal": true; }; "onValidateNewOption": { "alias": "onValidateNewOption"; "required": false; "isSignal": true; }; "optionNewLabel": { "alias": "optionNewLabel"; "required": false; "isSignal": true; }; "optionNotAllowedLabel": { "alias": "optionNotAllowedLabel"; "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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwTypeaheadComponent, "fw-typeahead", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "exhaustedText": { "alias": "exhaustedText"; "required": false; "isSignal": true; }; "optionsNotAllowed": { "alias": "optionsNotAllowed"; "required": false; "isSignal": true; }; "onValidateNewOption": { "alias": "onValidateNewOption"; "required": false; "isSignal": true; }; "optionNewLabel": { "alias": "optionNewLabel"; "required": false; "isSignal": true; }; "optionNotAllowedLabel": { "alias": "optionNotAllowedLabel"; "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; }; "offset": { "alias": "offset"; "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>;
 }
 
 /**