@flywheel-io/vision 0.12.0 → 0.13.0

package/README.md

@@ -21,15 +21,41 @@ For an Angular application, import and add the modules you would like to use to
 
 ```ts
 import '@flywheel-io/vision/styles.scss'; // global styles and theme
-import { FwButtonModule, FwButtonGroupModule } from '@flywheel-io/vision';
+import { CommonModule } from '@angular/common';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import {
+  FwAlertModule, FwAvatarModule, FwBreadcrumbsModule,
+  FwButtonModule, FwButtonGroupModule, FwCardModule,
+  FwChipModule, FwDialogsModule, FwIconModule,
+  FwIconButtonModule, FwLayoutsModule, FwMenuModule,
+  FwSectionHeadingModule, FwSelectMenuModule,
+  FwStepperModule, FwTextInputModule
+} from '@flywheel-io/vision';
 
 @NgModule({
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
+    CommonModule,
+    FwAlertModule,
+    FwAvatarModule,
+    FwBreadcrumbsModule,
     FwButtonModule,
     FwButtonGroupModule,
+    FwCardModule,
+    FwChipModule,
+    FwDialogsModule,
+    FwIconModule,
+    FwIconButtonModule,
+    FwLayoutsModule,
+    FwMenuModule,
+    FwSectionHeadingModule,
+    FwSelectMenuModule,
+    FwStepperModule,
+    FwTextInputModule
   ],
 })
-export class AppModule {}
+export class AppModule {
+}
 ```

package/components/chip/chip.component.d.ts

@@ -13,6 +13,7 @@ export declare class FwChipComponent {
     selectable?: boolean;
     close?: EventEmitter<null>;
     select?: EventEmitter<object | string>;
+    handleClose(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwChipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FwChipComponent, "fw-chip", never, { "value": "value"; "variant": "variant"; "color": "color"; "icon": "icon"; "label": "label"; "secondaryLabel": "secondaryLabel"; "showClose": "showClose"; "disabled": "disabled"; "selected": "selected"; "selectable": "selectable"; }, { "close": "close"; "select": "select"; }, never, ["fw-avatar"], false>;
 }

package/components/layouts/context/context.component.d.ts

@@ -0,0 +1,12 @@
+import { LayoutWidth } from '../layout-width';
+import * as i0 from "@angular/core";
+export declare class FwLayoutContextComponent {
+    width?: LayoutWidth;
+    icon?: string;
+    iconColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'warning' | 'success';
+    title?: string;
+    description?: string;
+    get classes(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutContextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwLayoutContextComponent, "fw-layout-context", never, { "width": "width"; "icon": "icon"; "iconColor": "iconColor"; "title": "title"; "description": "description"; }, {}, never, ["fw-button"], false>;
+}

package/components/layouts/layout-group.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class FwLayoutGroupComponent {
+    stackable: boolean;
+    get classes(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwLayoutGroupComponent, "fw-layout-group", never, { "stackable": "stackable"; }, {}, never, ["*"], false>;
+}

package/components/layouts/layout-width.d.ts

@@ -0,0 +1,6 @@
+export declare enum LayoutWidth {
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    ExtraLarge = "extra-large"
+}

package/components/layouts/layouts.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./toolbar/toolbar.component";
+import * as i2 from "./layout-group.component";
+import * as i3 from "@angular/common";
+export declare class FwLayoutsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwLayoutsModule, [typeof i1.FwLayoutToolbarComponent, typeof i2.FwLayoutGroupComponent], [typeof i3.CommonModule], [typeof i1.FwLayoutToolbarComponent, typeof i2.FwLayoutGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwLayoutsModule>;
+}

package/components/layouts/toolbar/toolbar.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class FwLayoutToolbarComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwLayoutToolbarComponent, "fw-layout-toolbar", never, {}, {}, never, ["*"], false>;
+}

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

@@ -0,0 +1,21 @@
+import { AfterContentInit } from '@angular/core';
+import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
+import { FwMenuComponent } from '../menu.component';
+import * as i0 from "@angular/core";
+export declare class FwMenuContainerComponent implements AfterContentInit {
+    private sanitizer;
+    width?: string;
+    maxHeight?: string;
+    border?: 'none' | 'default';
+    shadow?: 'none' | 'small' | 'medium' | 'large' | 'extra-large' | 'inner';
+    showFilter?: boolean;
+    filterText?: string;
+    menu: FwMenuComponent;
+    get classes(): string;
+    get style(): SafeStyle;
+    constructor(sanitizer: DomSanitizer);
+    ngAfterContentInit(): void;
+    filterTextChange(text: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuContainerComponent, "fw-menu-container", never, { "width": "width"; "maxHeight": "maxHeight"; "border": "border"; "shadow": "shadow"; "showFilter": "showFilter"; "filterText": "filterText"; }, {}, ["menu"], ["*"], false>;
+}

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class FwMenuHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuHeaderComponent, "fw-menu-header", never, {}, {}, never, ["*"], false>;
+}

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FwMenuItemComponent {
+    value?: string;
+    variant?: 'default' | 'modern' | 'button';
+    size?: 'default' | 'compact';
+    label: string;
+    subtitle?: string;
+    icon?: string;
+    disabled?: boolean;
+    showCheckbox?: boolean;
+    hidden?: boolean;
+    collapsed?: boolean;
+    href?: string;
+    routerLink?: string[] | string | null | undefined;
+    select?: EventEmitter<string>;
+    focused?: boolean;
+    selected?: boolean;
+    handleClick(evt: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuItemComponent, "fw-menu-item", never, { "value": "value"; "variant": "variant"; "size": "size"; "label": "label"; "subtitle": "subtitle"; "icon": "icon"; "disabled": "disabled"; "showCheckbox": "showCheckbox"; "hidden": "hidden"; "collapsed": "collapsed"; "href": "href"; "routerLink": "routerLink"; "focused": "focused"; "selected": "selected"; }, { "select": "select"; }, never, ["fw-avatar", "*"], false>;
+}

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class FwMenuSeparatorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuSeparatorComponent, "fw-menu-separator", never, {}, {}, never, never, false>;
+}

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

@@ -0,0 +1,32 @@
+import { AfterContentInit, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { FwMenuItemComponent } from './menu-item/menu-item.component';
+import * as i0 from "@angular/core";
+export declare class FwMenuComponent implements ControlValueAccessor, OnChanges, OnDestroy, AfterContentInit {
+    disabled: boolean;
+    size?: 'default' | 'compact';
+    variant?: 'default' | 'modern' | 'button';
+    collapsed?: boolean;
+    multiSelect?: boolean;
+    useCheckbox?: boolean;
+    openWidth?: string;
+    collapsedWidth?: string;
+    value?: string | string[];
+    menuItems: QueryList<FwMenuItemComponent>;
+    private _filterText;
+    onChange: (value: string | string[]) => void;
+    onTouched: () => void;
+    private subscriptions;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    writeValue(value: string | string[]): void;
+    registerOnChange(fn: (value: string | string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    setFilter(filterText: string): void;
+    handleSelect(value: string): void;
+    updateLayout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuComponent, "fw-menu", never, { "disabled": "disabled"; "size": "size"; "variant": "variant"; "collapsed": "collapsed"; "multiSelect": "multiSelect"; "useCheckbox": "useCheckbox"; "openWidth": "openWidth"; "collapsedWidth": "collapsedWidth"; "value": "value"; }, {}, ["menuItems"], ["*"], false>;
+}

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

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./menu.component";
+import * as i2 from "./menu-container/menu-container.component";
+import * as i3 from "./menu-header/menu-header.component";
+import * as i4 from "./menu-item/menu-item.component";
+import * as i5 from "./menu-separator/menu-separator.component";
+import * as i6 from "@angular/cdk/menu";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/forms";
+import * as i9 from "../icon-button/icon-button.module";
+import * as i10 from "../icon/icon.module";
+import * as i11 from "@angular/material/checkbox";
+import * as i12 from "@angular/material/menu";
+import * as i13 from "@angular/router";
+import * as i14 from "../text-input/text-input.module";
+export declare class FwMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwMenuModule, [typeof i1.FwMenuComponent, typeof i2.FwMenuContainerComponent, typeof i3.FwMenuHeaderComponent, typeof i4.FwMenuItemComponent, typeof i5.FwMenuSeparatorComponent], [typeof i6.CdkMenuModule, typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.FwIconButtonModule, typeof i10.FwIconModule, typeof i11.MatCheckboxModule, typeof i12.MatMenuModule, typeof i13.RouterModule, typeof i14.FwTextInputModule], [typeof i1.FwMenuComponent, typeof i2.FwMenuContainerComponent, typeof i3.FwMenuHeaderComponent, typeof i4.FwMenuItemComponent, typeof i5.FwMenuSeparatorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwMenuModule>;
+}

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

@@ -0,0 +1,54 @@
+import { CdkMenuTrigger } from '@angular/cdk/menu';
+import { AfterContentInit, ElementRef, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { FwMenuComponent } from '../../menu/menu.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 {
+    options: object[];
+    valueProperty?: string;
+    labelProperty?: string;
+    iconProperty?: string;
+    disabled?: boolean;
+    useCheckbox?: boolean;
+    closeOnSelect?: boolean;
+    filterItemsOnSelect?: boolean;
+    maxSelectedShown: number;
+    width: string;
+    minHeight: string;
+    maxHeight: string;
+    optionsWidth?: string;
+    maxOptionsHeight?: string;
+    placeholder: string;
+    trigger: CdkMenuTrigger;
+    menu: FwMenuComponent;
+    renderedMenuItems: QueryList<FwMenuItemComponent>;
+    menuItems: QueryList<FwMenuItemComponent>;
+    value: object[];
+    selectedValues: string[];
+    filteredOptions: object[];
+    private subscriptions;
+    textInput: ElementRef<HTMLInputElement>;
+    textInitialInput: ElementRef<HTMLInputElement>;
+    focused: number;
+    private touched;
+    onChange: (value: object[]) => void;
+    onTouched: () => void;
+    registerOnChange(fn: (value: object[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    writeValue(value: object[]): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    handleTouched(): void;
+    handleClose(chip: object): void;
+    handleClick(e: string[]): void;
+    updateFilteredItems(): void;
+    updateValue(value: object[]): void;
+    moveFocused(direction: string): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleKeyUp(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwMultiSelectMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwMultiSelectMenuComponent, "fw-multi-select", never, { "options": "options"; "valueProperty": "valueProperty"; "labelProperty": "labelProperty"; "iconProperty": "iconProperty"; "disabled": "disabled"; "useCheckbox": "useCheckbox"; "closeOnSelect": "closeOnSelect"; "filterItemsOnSelect": "filterItemsOnSelect"; "maxSelectedShown": "maxSelectedShown"; "width": "width"; "minHeight": "minHeight"; "maxHeight": "maxHeight"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
+}

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

@@ -0,0 +1,38 @@
+import { CdkMenuTrigger } from '@angular/cdk/menu';
+import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { FwMenuComponent } from '../menu/menu.component';
+import { FwMenuItemComponent } from '../menu/menu-item/menu-item.component';
+import * as i0 from "@angular/core";
+export declare class FwSelectMenuComponent implements ControlValueAccessor, AfterContentInit, OnDestroy {
+    options: object[];
+    valueProperty?: string;
+    labelProperty?: string;
+    iconProperty?: string;
+    showFilter?: boolean;
+    disabled?: boolean;
+    width: string;
+    optionsWidth?: string;
+    maxOptionsHeight?: string;
+    placeholder: string;
+    trigger: CdkMenuTrigger;
+    menu: FwMenuComponent;
+    menuItems: QueryList<FwMenuItemComponent>;
+    value: object;
+    selectValue: string;
+    selectLabel: string;
+    selectIcon: string;
+    private subscriptions;
+    onChange: (value: object) => void;
+    onTouched: () => void;
+    registerOnChange(fn: (value: object) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    writeValue(value: object): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    handleClick(e: string): void;
+    updateValue(value: object): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": "options"; "valueProperty": "valueProperty"; "labelProperty": "labelProperty"; "iconProperty": "iconProperty"; "showFilter": "showFilter"; "disabled": "disabled"; "width": "width"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
+}

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

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./multi-select-menu/multi-select-menu.component";
+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 "@angular/router";
+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.RouterModule], [typeof i1.FwMultiSelectMenuComponent, typeof i2.FwSelectMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwSelectMenuModule>;
+}

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

@@ -6,6 +6,7 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
     context?: string;
     helperText?: string;
     placeholder?: string;
+    readOnly?: boolean;
     size?: 'small' | 'medium' | 'large';
     error?: boolean;
     value: string;
@@ -20,5 +21,5 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
     changeHandler(event: KeyboardEvent): void;
     blurHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwTextInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "context": "context"; "helperText": "helperText"; "placeholder": "placeholder"; "size": "size"; "error": "error"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "context": "context"; "helperText": "helperText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "size": "size"; "error": "error"; }, {}, never, never, false>;
 }