@flywheel-io/vision 2.0.0-beta.8 → 2.0.0

package/components/number-input/number-input.component.d.ts

@@ -38,5 +38,5 @@ export declare class FwNumberInputComponent implements ControlValueAccessor {
     handleDecrement(): void;
     handleIncrement(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwNumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwNumberInputComponent, "fw-number-input", never, { "disabled": "disabled"; "useActionableIcons": "useActionableIcons"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "prefix": "prefix"; "context": "context"; "placeholder": "placeholder"; "readOnly": "readOnly"; "size": "size"; "min": "min"; "max": "max"; "step": "step"; "arrows": "arrows"; "numberType": "numberType"; "autofocus": "autofocus"; "autocomplete": "autocomplete"; "error": "error"; "value": "value"; }, { "leftIconAction": "leftIconAction"; "rightIconAction": "rightIconAction"; }, never, ["input", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwNumberInputComponent, "fw-number-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "useActionableIcons": { "alias": "useActionableIcons"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "context": { "alias": "context"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "arrows": { "alias": "arrows"; "required": false; }; "numberType": { "alias": "numberType"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "error": { "alias": "error"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "leftIconAction": "leftIconAction"; "rightIconAction": "rightIconAction"; }, never, ["input", "*"], false, never>;
 }

package/components/paginator/paginator-advanced/paginator-advanced.component.d.ts

@@ -28,5 +28,5 @@ export declare class FwPaginatorAdvancedComponent {
     hasNextPage(): boolean;
     hasPreviousPage(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwPaginatorAdvancedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwPaginatorAdvancedComponent, "fw-paginator-advanced", never, { "disabled": "disabled"; "showNext": "showNext"; "showPrevious": "showPrevious"; "showFirst": "showFirst"; "showLast": "showLast"; "pageIndex": "pageIndex"; "pageSizeOptions": "pageSizeOptions"; "length": "length"; "alignment": "alignment"; "selectorTitle": "selectorTitle"; "pageSize": "pageSize"; }, { "page": "page"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwPaginatorAdvancedComponent, "fw-paginator-advanced", never, { "disabled": { "alias": "disabled"; "required": false; }; "showNext": { "alias": "showNext"; "required": false; }; "showPrevious": { "alias": "showPrevious"; "required": false; }; "showFirst": { "alias": "showFirst"; "required": false; }; "showLast": { "alias": "showLast"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "length": { "alias": "length"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "selectorTitle": { "alias": "selectorTitle"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "page": "page"; }, never, never, false, never>;
 }

package/components/paginator/paginator.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges, TrackByFunction } from '@angular/core';
 import { FwPaginatorEvent } from './paginator.model';
 import * as i0 from "@angular/core";
 export interface PaginationPage {
@@ -6,7 +6,7 @@ export interface PaginationPage {
     number: number;
     active: boolean;
 }
-export declare class FwPaginatorComponent {
+export declare class FwPaginatorComponent implements OnChanges {
     size: 'small' | 'medium' | 'large';
     color: 'slate' | 'primary' | 'secondary';
     shape: 'rounded' | 'circle';
@@ -23,6 +23,9 @@ export declare class FwPaginatorComponent {
     alignment: 'start' | 'center' | 'end';
     selectorTitle: string;
     page: EventEmitter<FwPaginatorEvent>;
+    pages: PaginationPage[];
+    pagesTrackByFn: TrackByFunction<PaginationPage>;
+    ngOnChanges(changes: SimpleChanges): void;
     private buildPageEvent;
     firstPage(): void;
     lastPage(): void;
@@ -36,5 +39,5 @@ export declare class FwPaginatorComponent {
     hasNextPage(): boolean;
     hasPreviousPage(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwPaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwPaginatorComponent, "fw-paginator", never, { "size": "size"; "color": "color"; "shape": "shape"; "variant": "variant"; "disabled": "disabled"; "showNext": "showNext"; "showPrevious": "showPrevious"; "showFirst": "showFirst"; "showLast": "showLast"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "maxPagesShown": "maxPagesShown"; "length": "length"; "alignment": "alignment"; "selectorTitle": "selectorTitle"; }, { "page": "page"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwPaginatorComponent, "fw-paginator", never, { "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showNext": { "alias": "showNext"; "required": false; }; "showPrevious": { "alias": "showPrevious"; "required": false; }; "showFirst": { "alias": "showFirst"; "required": false; }; "showLast": { "alias": "showLast"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "maxPagesShown": { "alias": "maxPagesShown"; "required": false; }; "length": { "alias": "length"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "selectorTitle": { "alias": "selectorTitle"; "required": false; }; }, { "page": "page"; }, never, never, false, never>;
 }

package/components/phone-input/phone-input.component.d.ts

@@ -62,5 +62,5 @@ export declare class FwPhoneInputComponent implements OnInit, OnChanges, Control
     private get formattedPhoneNumber();
     private formatAsYouTypeIfEnabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwPhoneInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwPhoneInputComponent, "fw-phone-input", never, { "preferredCountries": "preferredCountries"; "onlyCountries": "onlyCountries"; "enableCountrySearch": "enableCountrySearch"; "showCountrySelector": "showCountrySelector"; "size": "size"; "rightIcon": "rightIcon"; "helperText": "helperText"; "errorText": "errorText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "error": "error"; "value": "value"; "disabled": "disabled"; "format": "format"; }, { "countryChanged": "countryChanged"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwPhoneInputComponent, "fw-phone-input", never, { "preferredCountries": { "alias": "preferredCountries"; "required": false; }; "onlyCountries": { "alias": "onlyCountries"; "required": false; }; "enableCountrySearch": { "alias": "enableCountrySearch"; "required": false; }; "showCountrySelector": { "alias": "showCountrySelector"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "error": { "alias": "error"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "countryChanged": "countryChanged"; }, never, ["*"], false, never>;
 }

package/components/phone-input/phone-input.model.d.ts

@@ -7,4 +7,4 @@ export interface Country {
     flagClass: string;
     placeHolder?: string;
 }
-export declare type PhoneNumberFormat = 'default' | 'national' | 'international';
+export type PhoneNumberFormat = 'default' | 'national' | 'international';

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

@@ -6,5 +6,5 @@ export declare class FwPopoverPanelComponent {
     get classes(): string;
     hidePopover(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwPopoverPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwPopoverPanelComponent, "fw-popover-panel", never, { "position": "position"; }, { "mouseLeave": "mouseLeave"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwPopoverPanelComponent, "fw-popover-panel", never, { "position": { "alias": "position"; "required": false; }; }, { "mouseLeave": "mouseLeave"; }, never, ["*"], false, never>;
 }

package/components/popover/popover.component.d.ts

@@ -15,5 +15,5 @@ export declare class FwPopoverComponent implements OnChanges {
     backdropClick(): void;
     handlePanelLeave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwPopoverComponent, "fw-popover", never, { "position": "position"; "trigger": "trigger"; "isOpen": "isOpen"; "action": "action"; "flyoutPanel": "flyoutPanel"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwPopoverComponent, "fw-popover", never, { "position": { "alias": "position"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "action": { "alias": "action"; "required": false; }; "flyoutPanel": { "alias": "flyoutPanel"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/components/progress/bar/bar.component.d.ts

@@ -28,5 +28,5 @@ export declare class FwProgressBarComponent {
     /** Returns whether the progress bar is indeterminate. */
     _isIndeterminate(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwProgressBarComponent, "fw-progress-bar", never, { "mode": "mode"; "color": "color"; "showValue": "showValue"; "value": "value"; "bufferValue": "bufferValue"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwProgressBarComponent, "fw-progress-bar", never, { "mode": { "alias": "mode"; "required": false; }; "color": { "alias": "color"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "bufferValue": { "alias": "bufferValue"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/progress/spinner/spinner.component.d.ts

@@ -33,5 +33,5 @@ export declare class FwProgressSpinnerComponent {
     /** Stroke width of the circle in percent. */
     _circleStrokeWidth(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwProgressSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwProgressSpinnerComponent, "fw-progress-spinner", never, { "mode": "mode"; "size": "size"; "color": "color"; "showValue": "showValue"; "value": "value"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwProgressSpinnerComponent, "fw-progress-spinner", never, { "mode": { "alias": "mode"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -28,5 +28,5 @@ export declare class FwRadioGroupComponent implements ControlValueAccessor, OnCh
     setDisabledState(isDisabled: boolean): void;
     handleChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwRadioGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwRadioGroupComponent, "fw-radio-group", never, { "value": "value"; "group": "group"; "color": "color"; "size": "size"; "disabled": "disabled"; "direction": "direction"; }, { "change": "change"; }, ["radioButtons"], ["fw-radio-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwRadioGroupComponent, "fw-radio-group", never, { "value": { "alias": "value"; "required": false; }; "group": { "alias": "group"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, { "change": "change"; }, ["radioButtons"], ["fw-radio-button"], false, never>;
 }

package/components/radio/radio.component.d.ts

@@ -13,5 +13,5 @@ export declare class FwRadioComponent {
     get radioStyles(): string[];
     handleChange(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwRadioComponent, "fw-radio-button", never, { "checked": "checked"; "value": "value"; "group": "group"; "disabled": "disabled"; "size": "size"; "color": "color"; "title": "title"; "focused": "focused"; }, { "change": "change"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwRadioComponent, "fw-radio-button", never, { "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "group": { "alias": "group"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "title": { "alias": "title"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; }, { "change": "change"; }, never, ["*"], false, never>;
 }

package/components/section-heading/back-button/back-button.component.d.ts

@@ -7,5 +7,5 @@ export declare class FwBackButtonComponent {
     constructor(location: Location);
     handleClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwBackButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwBackButtonComponent, "fw-back-button", never, { "backFunction": "backFunction"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwBackButtonComponent, "fw-back-button", never, { "backFunction": { "alias": "backFunction"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/section-heading/section-heading.component.d.ts

@@ -9,5 +9,5 @@ export declare class FwSectionHeadingComponent {
     icon?: IconType;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FwSectionHeadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwSectionHeadingComponent, "fw-section-heading", never, { "title": "title"; "description": "description"; "backButton": "backButton"; "backFunction": "backFunction"; "icon": "icon"; }, {}, never, ["fw-icon", "fw-chip", "p", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwSectionHeadingComponent, "fw-section-heading", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "backButton": { "alias": "backButton"; "required": false; }; "backFunction": { "alias": "backFunction"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["fw-icon", "fw-chip", "p", "*"], false, never>;
 }

package/components/section-heading/subsection-heading/subsection-heading.component.d.ts

@@ -5,5 +5,5 @@ export declare class FwSubsectionHeadingComponent {
     icon?: IconType;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FwSubsectionHeadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwSubsectionHeadingComponent, "fw-subsection-heading", never, { "title": "title"; "icon": "icon"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwSubsectionHeadingComponent, "fw-subsection-heading", never, { "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -1,21 +1,33 @@
+import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkMenuTrigger } from '@angular/cdk/menu';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, WritableSignal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FwMenuComponent } from '../../menu/menu.component';
+import { FwMenuContainerComponent } from '../../menu/menu-container/menu-container.component';
 import { FwMenuItemComponent } from '../../menu/menu-item/menu-item.component';
 import * as i0 from "@angular/core";
-export declare class FwMultiSelectMenuComponent implements ControlValueAccessor, AfterContentInit, OnChanges, OnDestroy {
+/**
+ * FwMultiSelect a component for selecting multiple options
+ * @see [Storybook Docs](https://cdn.flywheel.io/docs/vision/master/?path=/docs/form-controls-multi-select--docs)
+ */
+export declare class FwMultiSelectMenuComponent implements ControlValueAccessor, AfterContentInit, OnDestroy {
     protected _changeDetectorRef: ChangeDetectorRef;
+    private elementRef;
     outsideClick(): void;
     options: object[];
     valueProperty?: string;
     titleProperty?: string;
     iconProperty?: string;
+    emptyText: string;
+    placeholder: string;
     disabled?: boolean;
     useCheckbox?: boolean;
     closeOnSelect?: boolean;
-    filterItemsOnSelect?: boolean;
     maxSelectedShown: number;
+    showClear: import("@angular/core").InputSignal<boolean>;
+    showFilter: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    showSelectionInfo: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    filterItemsOnSelect: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     width: string;
     minHeight: string;
     maxHeight: string;
@@ -23,43 +35,48 @@ export declare class FwMultiSelectMenuComponent implements ControlValueAccessor,
     minOptionsHeight?: string;
     maxOptionsHeight?: string;
     size?: 'small' | 'medium' | 'large';
-    placeholder: string;
-    emptyText: string;
     trigger: CdkMenuTrigger;
     menu: FwMenuComponent;
+    menuFilter: import("@angular/core").Signal<FwMenuContainerComponent>;
     renderedMenuItems: QueryList<FwMenuItemComponent>;
-    menuItems: QueryList<FwMenuItemComponent>;
-    selectedValues: string[];
+    customMenuItems: QueryList<FwMenuItemComponent>;
+    createArray: (d: Iterable<unknown>) => unknown[];
+    selectedValues: Set<string>;
     selectedOptions: object[];
-    filteredOptions: object[];
+    displayedOptions: WritableSignal<FwMenuItemComponent[]>;
+    focusedIndex: WritableSignal<number>;
+    touched: boolean;
     private subscriptions;
-    textInput: ElementRef<HTMLInputElement>;
-    textInitialInput: ElementRef<HTMLInputElement>;
-    change: EventEmitter<any>;
-    focused: number;
-    private touched;
     private _isOpen;
+    change: EventEmitter<any>;
     get value(): any[];
     set value(newValue: any[]);
     private _value;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
+    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef);
+    tabIndex: number;
+    pointerEvents: string;
     onChange: (value: any[]) => void;
     onTouched: () => void;
     registerOnChange(fn: (value: any[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState?(isDisabled: boolean): void;
     writeValue(value: any[]): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
+    private registerCustomMenuItems;
     handleTouched(): void;
-    handleClose(chip: object): void;
+    handleChipClose(chip: object): void;
     handleChange(e: string[]): void;
-    updateFilteredItems(): void;
-    updateValue(value: any[]): void;
-    moveFocused(direction: string): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleInput(event: Event): void;
+    addValue(incoming: string): void;
+    updateValue(incomingValues: any[]): void;
+    customFilter: (filter: string, menuItems: FwMenuItemComponent[]) => FwMenuItemComponent[];
+    private moveFocused;
+    setFocusedIndex(item: unknown): void;
+    displayFocusIndicator: import("@angular/core").EffectRef;
+    private keyboardActionMap;
+    private closedTriggerKeyboardActionsMap;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    private postSelectSideEffects;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwMultiSelectMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwMultiSelectMenuComponent, "fw-multi-select", never, { "options": "options"; "valueProperty": "valueProperty"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "disabled": "disabled"; "useCheckbox": "useCheckbox"; "closeOnSelect": "closeOnSelect"; "filterItemsOnSelect": "filterItemsOnSelect"; "maxSelectedShown": "maxSelectedShown"; "width": "width"; "minHeight": "minHeight"; "maxHeight": "maxHeight"; "optionsWidth": "optionsWidth"; "minOptionsHeight": "minOptionsHeight"; "maxOptionsHeight": "maxOptionsHeight"; "size": "size"; "placeholder": "placeholder"; "emptyText": "emptyText"; "value": "value"; }, { "change": "change"; }, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwMultiSelectMenuComponent, "fw-multi-select", never, { "options": { "alias": "options"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "titleProperty": { "alias": "titleProperty"; "required": false; }; "iconProperty": { "alias": "iconProperty"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "useCheckbox": { "alias": "useCheckbox"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "maxSelectedShown": { "alias": "maxSelectedShown"; "required": false; }; "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; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["customMenuItems"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group, fw-menu-header]"], false, never>;
 }

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

@@ -66,5 +66,5 @@ export declare class FwSelectMenuComponent implements OnChanges, AfterContentIni
     close(): void;
     onFilterChanged(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuComponent, [null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": "options"; "valueProperty": "valueProperty"; "useFullOptionAsValue": "useFullOptionAsValue"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "staticIcon": "staticIcon"; "descriptionProperty": "descriptionProperty"; "showFilter": "showFilter"; "showReset": "showReset"; "disabled": "disabled"; "errored": "errored"; "width": "width"; "optionsWidth": "optionsWidth"; "minOptionsHeight": "minOptionsHeight"; "maxOptionsHeight": "maxOptionsHeight"; "size": "size"; "placeholder": "placeholder"; "value": "value"; }, { "change": "change"; "filterChanged": "filterChanged"; }, ["menuItems"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": { "alias": "options"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "useFullOptionAsValue": { "alias": "useFullOptionAsValue"; "required": false; }; "titleProperty": { "alias": "titleProperty"; "required": false; }; "iconProperty": { "alias": "iconProperty"; "required": false; }; "staticIcon": { "alias": "staticIcon"; "required": false; }; "descriptionProperty": { "alias": "descriptionProperty"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "showReset": { "alias": "showReset"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errored": { "alias": "errored"; "required": false; }; "width": { "alias": "width"; "required": false; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; "filterChanged": "filterChanged"; }, ["menuItems"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group]"], false, never>;
 }

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

@@ -4,13 +4,14 @@ import * as i2 from "./select-menu.component";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/cdk/menu";
 import * as i5 from "@angular/forms";
-import * as i6 from "../chip/chip.module";
-import * as i7 from "../icon/icon.module";
-import * as i8 from "../menu/menu.module";
-import * as i9 from "../text-input/text-input.module";
-import * as i10 from "../../directives/menu-register.directive";
+import * as i6 from "../button/button.module";
+import * as i7 from "../chip/chip.module";
+import * as i8 from "../icon/icon.module";
+import * as i9 from "../menu/menu.module";
+import * as i10 from "../text-input/text-input.module";
+import * as i11 from "../../directives/menu-register.directive";
 export declare class FwSelectMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FwSelectMenuModule, [typeof i1.FwMultiSelectMenuComponent, typeof i2.FwSelectMenuComponent], [typeof i3.CommonModule, typeof i4.CdkMenuModule, typeof i5.FormsModule, typeof i6.FwChipModule, typeof i7.FwIconModule, typeof i8.FwMenuModule, typeof i9.FwTextInputModule, typeof i10.MenuRegisterDirective], [typeof i1.FwMultiSelectMenuComponent, typeof i2.FwSelectMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwSelectMenuModule, [typeof i1.FwMultiSelectMenuComponent, typeof i2.FwSelectMenuComponent], [typeof i3.CommonModule, typeof i4.CdkMenuModule, typeof i5.FormsModule, typeof i6.FwButtonModule, typeof i7.FwChipModule, typeof i8.FwIconModule, typeof i9.FwMenuModule, typeof i10.FwTextInputModule, typeof i11.MenuRegisterDirective], [typeof i1.FwMultiSelectMenuComponent, typeof i2.FwSelectMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FwSelectMenuModule>;
 }

package/components/snackbar/snackbar/snackbar.component.d.ts

@@ -20,5 +20,5 @@ export declare class FwSnackbarComponent implements AfterViewInit, OnInit {
     handleDismiss(): void;
     handleAction(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwSnackbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwSnackbarComponent, "fw-snackbar", never, { "message": "message"; "messageDuration": "messageDuration"; }, { "ready": "ready"; "dismiss": "dismiss"; "action": "action"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwSnackbarComponent, "fw-snackbar", never, { "message": { "alias": "message"; "required": false; }; "messageDuration": { "alias": "messageDuration"; "required": false; }; }, { "ready": "ready"; "dismiss": "dismiss"; "action": "action"; }, never, never, false, never>;
 }

package/components/stepper/step.component.d.ts

@@ -19,7 +19,7 @@ export declare class FwStepComponent implements OnChanges {
     handleClick(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwStepComponent, "fw-step", never, { "stepNumber": "stepNumber"; "color": "color"; "variant": "variant"; "alignment": "alignment"; "backgroundColor": "backgroundColor"; "title": "title"; "description": "description"; "icon": "icon"; "disabled": "disabled"; "active": "active"; "completed": "completed"; "done": "done"; "status": "status"; }, { "select": "select"; }, never, ["fw-step-decorator"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwStepComponent, "fw-step", never, { "stepNumber": { "alias": "stepNumber"; "required": false; }; "color": { "alias": "color"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "active": { "alias": "active"; "required": false; }; "completed": { "alias": "completed"; "required": false; }; "done": { "alias": "done"; "required": false; }; "status": { "alias": "status"; "required": false; }; }, { "select": "select"; }, never, ["fw-step-decorator"], false, never>;
 }
 export declare class FwStepDecoratorComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FwStepDecoratorComponent, never>;

package/components/stepper/stepper.component.d.ts

@@ -19,5 +19,5 @@ export declare class FwStepperComponent implements OnChanges, OnDestroy, AfterCo
     handleSelect(step?: number): void;
     updateSteps(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwStepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwStepperComponent, "fw-stepper", never, { "activeStep": "activeStep"; "doneStep": "doneStep"; "alignment": "alignment"; "backgroundColor": "backgroundColor"; }, { "stepChange": "stepChange"; }, ["steps"], ["fw-step"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwStepperComponent, "fw-stepper", never, { "activeStep": { "alias": "activeStep"; "required": false; }; "doneStep": { "alias": "doneStep"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, { "stepChange": "stepChange"; }, ["steps"], ["fw-step"], false, never>;
 }

package/components/switch/switch.component.d.ts

@@ -18,5 +18,5 @@ export declare class FwSwitchComponent implements ControlValueAccessor {
     writeValue(checked: boolean): void;
     handleClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwSwitchComponent, "fw-switch", never, { "name": "name"; "title": "title"; "titlePosition": "titlePosition"; "size": "size"; "color": "color"; "disabled": "disabled"; "checked": "checked"; }, { "change": "change"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwSwitchComponent, "fw-switch", never, { "name": { "alias": "name"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titlePosition": { "alias": "titlePosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "change": "change"; }, never, never, false, never>;
 }

package/components/table/cell.d.ts

@@ -40,7 +40,7 @@ export declare class FwColumnDef extends CdkColumnDef {
      */
     protected _updateColumnCssClassName(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwColumnDef, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FwColumnDef, "[fwColumnDef]", never, { "name": "fwColumnDef"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FwColumnDef, "[fwColumnDef]", never, { "name": { "alias": "fwColumnDef"; "required": false; }; }, {}, never, never, true, never>;
 }
 /** Header cell template container that adds the right classes and role. */
 export declare class FwHeaderCell extends CdkHeaderCell {

package/components/table/row.d.ts

@@ -6,9 +6,8 @@ import * as i0 from "@angular/core";
  */
 export declare class FwHeaderRowDef extends CdkHeaderRowDef {
     columns: string[];
-    sticky: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwHeaderRowDef, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FwHeaderRowDef, "[fwHeaderRowDef]", never, { "columns": "fwHeaderRowDef"; "sticky": "fwHeaderRowDefSticky"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FwHeaderRowDef, "[fwHeaderRowDef]", never, { "columns": { "alias": "fwHeaderRowDef"; "required": false; }; }, {}, never, never, false, never>;
 }
 /**
  * Footer row definition for the fw-table.
@@ -16,9 +15,8 @@ export declare class FwHeaderRowDef extends CdkHeaderRowDef {
  */
 export declare class FwFooterRowDef extends CdkFooterRowDef {
     columns: string[];
-    sticky: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwFooterRowDef, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FwFooterRowDef, "[fwFooterRowDef]", never, { "columns": "fwFooterRowDef"; "sticky": "fwFooterRowDefSticky"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FwFooterRowDef, "[fwFooterRowDef]", never, { "columns": { "alias": "fwFooterRowDef"; "required": false; }; }, {}, never, never, false, never>;
 }
 /**
  * Data row definition for the fw-table.
@@ -29,7 +27,7 @@ export declare class FwRowDef<T> extends CdkRowDef<T> {
     columns: string[];
     when: (index: number, rowData: T) => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwRowDef<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FwRowDef<any>, "[fwRowDef]", never, { "columns": "fwRowDefColumns"; "when": "fwRowDefWhen"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FwRowDef<any>, "[fwRowDef]", never, { "columns": { "alias": "fwRowDefColumns"; "required": false; }; "when": { "alias": "fwRowDefWhen"; "required": false; }; }, {}, never, never, false, never>;
 }
 /** Header template container that contains the cell outlet. Adds the right class and role. */
 export declare class FwHeaderRow extends CdkHeaderRow {

package/components/tabs/tab/tab.component.d.ts

@@ -17,5 +17,5 @@ export declare class FwTabComponent {
     keyEvent(event: KeyboardEvent): void;
     handleSelect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTabComponent, "fw-tab", never, { "title": "title"; "panel": "panel"; "color": "color"; "icon": "icon"; "active": "active"; "disabled": "disabled"; "tabindex": "tabindex"; }, { "select": "select"; }, never, ["fw-badge"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTabComponent, "fw-tab", never, { "title": { "alias": "title"; "required": false; }; "panel": { "alias": "panel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "select": "select"; }, never, ["fw-badge"], false, never>;
 }

package/components/tabs/tab-panel/tab-panel.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class FwTabPanelComponent {
     active: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTabPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTabPanelComponent, "fw-tab-panel", never, { "active": "active"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTabPanelComponent, "fw-tab-panel", never, { "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/components/tabs/tabs.component.d.ts

@@ -13,5 +13,5 @@ export declare class FwTabsComponent implements AfterContentInit, OnDestroy {
     ngAfterContentInit(): void;
     handleTabChange(tab: FwTabComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTabsComponent, "fw-tabs", never, { "activeTabIndex": "activeTabIndex"; "activeTab": "activeTab"; "bordered": "bordered"; }, { "select": "select"; }, ["tabs"], ["fw-tab", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTabsComponent, "fw-tabs", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; }, { "select": "select"; }, ["tabs"], ["fw-tab", "*"], false, never>;
 }

package/components/text-input/text-input.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { IconType } from '../icon/icon.types';
 import * as i0 from "@angular/core";
@@ -6,9 +6,7 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
     disabled?: boolean;
     useActionableIcons?: boolean;
     leftIcon?: IconType;
-    leftIconAction?: EventEmitter<void>;
     rightIcon?: string;
-    rightIconAction?: EventEmitter<void>;
     prefix?: string;
     context?: string;
     /**
@@ -24,11 +22,15 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
     size?: 'small' | 'medium' | 'large';
     type?: string;
     maxLength?: number;
-    autofocus?: string;
+    autofocus?: boolean;
     autocomplete?: string;
+    value: string;
+    inputRef: ElementRef<HTMLInputElement>;
     error?: boolean;
+    leftIconAction: EventEmitter<void>;
+    rightIconAction: EventEmitter<void>;
     textInput: any;
-    value: string;
+    width: string;
     externalControl: FormControl;
     onTouch: () => void;
     onChange: (value: string) => void;
@@ -40,6 +42,7 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
     blurHandler(): void;
     onLeftIconClick(): void;
     onRightIconClick(): void;
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTextInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "disabled": "disabled"; "useActionableIcons": "useActionableIcons"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "prefix": "prefix"; "context": "context"; "helperText": "helperText"; "errorText": "errorText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "size": "size"; "type": "type"; "maxLength": "maxLength"; "autofocus": "autofocus"; "autocomplete": "autocomplete"; "error": "error"; "value": "value"; }, { "leftIconAction": "leftIconAction"; "rightIconAction": "rightIconAction"; }, ["textInput"], ["input", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "useActionableIcons": { "alias": "useActionableIcons"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "context": { "alias": "context"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "leftIconAction": "leftIconAction"; "rightIconAction": "rightIconAction"; }, ["textInput"], ["input", "*"], false, never>;
 }

package/components/textarea-input/textarea-input.component.d.ts

@@ -30,5 +30,5 @@ export declare class FwTextAreaInputComponent implements ControlValueAccessor {
     blurHandler(): void;
     protected readonly min: typeof min;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTextAreaInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTextAreaInputComponent, "fw-textarea-input", never, { "minRows": "minRows"; "maxRows": "maxRows"; "disabled": "disabled"; "helperText": "helperText"; "errorText": "errorText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "autofocus": "autofocus"; "width": "width"; "error": "error"; "value": "value"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTextAreaInputComponent, "fw-textarea-input", never, { "minRows": { "alias": "minRows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "width": { "alias": "width"; "required": false; }; "error": { "alias": "error"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -8,5 +8,5 @@ export declare class FwTooltipPanelComponent {
     get classes(): string;
     hidePopover(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTooltipPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTooltipPanelComponent, "fw-tooltip-panel", never, { "position": "position"; "color": "color"; "maxWidth": "maxWidth"; }, { "mouseLeave": "mouseLeave"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTooltipPanelComponent, "fw-tooltip-panel", never, { "position": { "alias": "position"; "required": false; }; "color": { "alias": "color"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "mouseLeave": "mouseLeave"; }, never, ["*"], false, never>;
 }

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

@@ -13,5 +13,5 @@ export declare class FwTooltipComponent {
         [key: string]: ConnectedPosition;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTooltipComponent, "fw-tooltip", never, { "title": "title"; "color": "color"; "position": "position"; "maxWidth": "maxWidth"; "fullWidth": "fullWidth"; "isOpen": "isOpen"; "trigger": "trigger"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTooltipComponent, "fw-tooltip", never, { "title": { "alias": "title"; "required": false; }; "color": { "alias": "color"; "required": false; }; "position": { "alias": "position"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/components/wrapped-input/wrapped-input.component.d.ts

@@ -6,5 +6,5 @@ export declare class FwWrappedInputComponent {
     errorText?: string;
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwWrappedInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwWrappedInputComponent, "fw-wrapped-input", never, { "title": "title"; "description": "description"; "helperText": "helperText"; "errorText": "errorText"; }, {}, never, ["fw-form-heading", "fw-button-toggle, fw-date-input, fw-text-input, fw-number-input, fw-phone-input, fw-textarea-input, fw-select, fw-multi-select, fw-checkbox"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwWrappedInputComponent, "fw-wrapped-input", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; }, {}, never, ["fw-form-heading", "fw-button-toggle, fw-date-input, fw-text-input, fw-number-input, fw-phone-input, fw-textarea-input, fw-select, fw-multi-select, fw-checkbox"], false, never>;
 }

package/esm2022/color.utils.mjs

@@ -0,0 +1,45 @@
+const accesibilityPallete = [
+    '#00c0cb',
+    '#ffff00',
+    '#00ff00',
+    '#80d8c7',
+    '#ffff80',
+    '#80ff80',
+    '#00ff00',
+    '#ffe0b0',
+    '#c0ffc0',
+    '#80c0ff',
+    '#ff8000',
+    '#80d8c7',
+    '#b080ff',
+    '#ffc080',
+    '#c0ffc0',
+    '#ff69b4',
+    '#fff0d0',
+    '#ff8080',
+    '#ff6040',
+    '#40e0e0',
+    '#ff6930',
+    '#ffc0c0',
+    '#80e0e0',
+    '#ff8000',
+    '#c0f0f0',
+    '#ffc000',
+    '#ffb0c0',
+    '#b0d0ff',
+    '#f0f0c0',
+    '#ffc0e0',
+    '#d0e0ff',
+];
+export const hashCode = (str) => {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+        hash = str.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    return Math.abs(hash);
+};
+export const pickColorViaHash = (seed = '') => {
+    const hash = hashCode(seed);
+    return accesibilityPallete[hash % (accesibilityPallete.length - 1)];
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IudXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29sb3IudXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxtQkFBbUIsR0FBRztJQUMxQixTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0lBQ1QsU0FBUztJQUNULFNBQVM7SUFDVCxTQUFTO0NBQ1YsQ0FBQTtBQUVELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFDLEdBQVcsRUFBVSxFQUFFO0lBQzlDLElBQUksSUFBSSxHQUFHLENBQUMsQ0FBQztJQUNiLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDcEMsSUFBSSxHQUFHLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBQ0QsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQ3hCLENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsSUFBSSxHQUFHLEVBQUUsRUFBVSxFQUFFO0lBQ3BELE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixPQUFPLG1CQUFtQixDQUFDLElBQUksR0FBRyxDQUFDLG1CQUFtQixDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFBO0FBQ3JFLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIlxuY29uc3QgYWNjZXNpYmlsaXR5UGFsbGV0ZSA9IFtcbiAgJyMwMGMwY2InLFxuICAnI2ZmZmYwMCcsXG4gICcjMDBmZjAwJyxcbiAgJyM4MGQ4YzcnLFxuICAnI2ZmZmY4MCcsXG4gICcjODBmZjgwJyxcbiAgJyMwMGZmMDAnLFxuICAnI2ZmZTBiMCcsXG4gICcjYzBmZmMwJyxcbiAgJyM4MGMwZmYnLFxuICAnI2ZmODAwMCcsXG4gICcjODBkOGM3JyxcbiAgJyNiMDgwZmYnLFxuICAnI2ZmYzA4MCcsXG4gICcjYzBmZmMwJyxcbiAgJyNmZjY5YjQnLFxuICAnI2ZmZjBkMCcsXG4gICcjZmY4MDgwJyxcbiAgJyNmZjYwNDAnLFxuICAnIzQwZTBlMCcsXG4gICcjZmY2OTMwJyxcbiAgJyNmZmMwYzAnLFxuICAnIzgwZTBlMCcsXG4gICcjZmY4MDAwJyxcbiAgJyNjMGYwZjAnLFxuICAnI2ZmYzAwMCcsXG4gICcjZmZiMGMwJyxcbiAgJyNiMGQwZmYnLFxuICAnI2YwZjBjMCcsXG4gICcjZmZjMGUwJyxcbiAgJyNkMGUwZmYnLFxuXVxuXG5leHBvcnQgY29uc3QgaGFzaENvZGUgPSAoc3RyOiBzdHJpbmcpOiBudW1iZXIgPT4ge1xuICBsZXQgaGFzaCA9IDA7XG4gIGZvciAobGV0IGkgPSAwOyBpIDwgc3RyLmxlbmd0aDsgaSsrKSB7XG4gICAgaGFzaCA9IHN0ci5jaGFyQ29kZUF0KGkpICsgKChoYXNoIDw8IDUpIC0gaGFzaCk7XG4gIH1cbiAgcmV0dXJuIE1hdGguYWJzKGhhc2gpO1xufVxuXG5leHBvcnQgY29uc3QgcGlja0NvbG9yVmlhSGFzaCA9IChzZWVkID0gJycpOiBzdHJpbmcgPT4ge1xuICBjb25zdCBoYXNoID0gaGFzaENvZGUoc2VlZCk7XG4gIHJldHVybiBhY2Nlc2liaWxpdHlQYWxsZXRlW2hhc2ggJSAoYWNjZXNpYmlsaXR5UGFsbGV0ZS5sZW5ndGggLSAxKV1cbn1cbiJdfQ==