@flywheel-io/vision 1.0.4 → 1.1.0

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FwButtonToggleItemComponent {
+    title?: string;
+    icon?: string;
+    value: string;
+    selected: boolean;
+    disabled: boolean;
+    size?: 'small' | 'medium' | 'large';
+    color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
+    selectedColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
+    click: EventEmitter<string>;
+    get classes(): string;
+    constructor();
+    handleClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonToggleItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonToggleItemComponent, "fw-button-toggle-item", never, { "title": "title"; "icon": "icon"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "size": "size"; "color": "color"; "selectedColor": "selectedColor"; }, { "click": "click"; }, never, never, false>;
+}

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

@@ -0,0 +1,22 @@
+import { AfterContentInit, ChangeDetectorRef, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { FwButtonToggleItemComponent } from './button-toggle-item/button-toggle-item.component';
+import * as i0 from "@angular/core";
+export declare class FwButtonToggleComponent implements OnChanges, OnDestroy, AfterContentInit {
+    private cdref;
+    get classes(): string;
+    layout?: 'basic' | 'compact';
+    size?: 'small' | 'medium' | 'large';
+    multiple?: boolean;
+    value?: string | string[];
+    color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
+    selectedColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
+    toggleButtons: QueryList<FwButtonToggleItemComponent>;
+    private subscriptions;
+    constructor(cdref: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    formatToggles(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonToggleComponent, "fw-button-toggle", never, { "layout": "layout"; "size": "size"; "multiple": "multiple"; "value": "value"; "color": "color"; "selectedColor": "selectedColor"; }, {}, ["toggleButtons"], ["fw-button-toggle-item"], false>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button-toggle.component";
+import * as i2 from "./button-toggle-item/button-toggle-item.component";
+import * as i3 from "../button/button.module";
+import * as i4 from "../icon/icon.module";
+export declare class FwButtonToggleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonToggleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwButtonToggleModule, [typeof i1.FwButtonToggleComponent, typeof i2.FwButtonToggleItemComponent], [typeof i3.FwButtonModule, typeof i4.FwIconModule], [typeof i1.FwButtonToggleComponent, typeof i2.FwButtonToggleItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwButtonToggleModule>;
+}

package/components/legacy/notification/notification.module.d.ts

@@ -3,11 +3,10 @@ import * as i1 from "./notification/notification.component";
 import * as i2 from "./notification-container/notification-container.component";
 import * as i3 from "@angular/common";
 import * as i4 from "../../button/button.module";
-import * as i5 from "../../button-group/button-group.module";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/material/icon";
+import * as i5 from "@angular/material/button";
+import * as i6 from "../../icon/icon.module";
 export declare class FwNotificationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FwNotificationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FwNotificationModule, [typeof i1.FwNotificationComponent, typeof i2.FwNotificationContainerComponent], [typeof i3.CommonModule, typeof i4.FwButtonModule, typeof i5.FwButtonGroupModule, typeof i6.MatButtonModule, typeof i7.MatIconModule], [typeof i1.FwNotificationComponent, typeof i2.FwNotificationContainerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwNotificationModule, [typeof i1.FwNotificationComponent, typeof i2.FwNotificationContainerComponent], [typeof i3.CommonModule, typeof i4.FwButtonModule, typeof i5.MatButtonModule, typeof i6.FwIconModule], [typeof i1.FwNotificationComponent, typeof i2.FwNotificationContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FwNotificationModule>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterContentInit, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { AfterContentInit, EventEmitter, 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";
@@ -12,6 +12,7 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
     openWidth?: string;
     collapsedWidth?: string;
     value?: string | string[];
+    change: EventEmitter<string | string[]>;
     menuItems: QueryList<FwMenuItemComponent>;
     private _filterText;
     onChange: (value: string | string[]) => void;
@@ -28,5 +29,5 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
     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>;
+    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"; }, { "change": "change"; }, ["menuItems"], ["*"], false>;
 }

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@angular/core';
+import { FwPaginatorEvent } from '../paginator.model';
+import * as i0 from "@angular/core";
+export declare class FwPaginatorAdvancedComponent {
+    disabled: boolean;
+    showNext: boolean;
+    showPrevious: boolean;
+    showFirst: boolean;
+    showLast: boolean;
+    pageIndex: number;
+    pageSizeOptions: number[];
+    length: number;
+    alignment: 'start' | 'center' | 'end';
+    selectorTitle: string;
+    get pageSize(): number;
+    set pageSize(newSize: number);
+    private _pageSize;
+    page: EventEmitter<FwPaginatorEvent>;
+    private buildPageEvent;
+    firstPage(): void;
+    lastPage(): void;
+    nextPage(): void;
+    previousPage(): void;
+    setPage(pageNumber: number): void;
+    getNumberOfPages(): number;
+    getRowIndexStart(pageIndex?: number): number;
+    getRowIndexEnd(pageIndex?: number): number;
+    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>;
+}

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

@@ -0,0 +1,40 @@
+import { EventEmitter } from '@angular/core';
+import { FwPaginatorEvent } from './paginator.model';
+import * as i0 from "@angular/core";
+export interface PaginationPage {
+    pageIndex: number;
+    number: number;
+    active: boolean;
+}
+export declare class FwPaginatorComponent {
+    size: 'small' | 'medium' | 'large';
+    color: 'slate' | 'primary' | 'secondary';
+    shape: 'rounded' | 'circle';
+    variant: 'ghost' | 'outline' | 'solid';
+    disabled: boolean;
+    showNext: boolean;
+    showPrevious: boolean;
+    showFirst: boolean;
+    showLast: boolean;
+    pageIndex: number;
+    pageSize: number;
+    maxPagesShown: number;
+    length: number;
+    alignment: 'start' | 'center' | 'end';
+    selectorTitle: string;
+    page: EventEmitter<FwPaginatorEvent>;
+    private buildPageEvent;
+    firstPage(): void;
+    lastPage(): void;
+    nextPage(): void;
+    previousPage(): void;
+    setPage(pageIndex: number): void;
+    getPages(): PaginationPage[];
+    getNumberOfPages(): number;
+    getRowIndexStart(pageIndex?: number): number;
+    getRowIndexEnd(pageIndex?: number): number;
+    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>;
+}

package/components/paginator/paginator.model.d.ts

@@ -0,0 +1,8 @@
+export interface FwPaginatorEvent {
+    length: number;
+    pageSize: number;
+    pageIndex: number;
+    previousPageIndex: number;
+    rowIndexStart: number;
+    rowIndexEnd: number;
+}

package/components/paginator/paginator.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./paginator.component";
+import * as i2 from "./paginator-advanced/paginator-advanced.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "../icon-button/icon-button.module";
+import * as i6 from "../icon/icon.module";
+import * as i7 from "../menu/menu.module";
+import * as i8 from "../select-menu/select-menu.module";
+export declare class FwPaginatorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwPaginatorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwPaginatorModule, [typeof i1.FwPaginatorComponent, typeof i2.FwPaginatorAdvancedComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.FwIconButtonModule, typeof i6.FwIconModule, typeof i7.FwMenuModule, typeof i8.FwSelectMenuModule], [typeof i1.FwPaginatorComponent, typeof i2.FwPaginatorAdvancedComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwPaginatorModule>;
+}

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

@@ -1,10 +1,11 @@
 import { CdkMenuTrigger } from '@angular/cdk/menu';
-import { AfterContentInit, ElementRef, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, 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 {
+    protected _changeDetectorRef: ChangeDetectorRef;
     options: object[];
     valueProperty?: string;
     titleProperty?: string;
@@ -24,20 +25,25 @@ export declare class FwMultiSelectMenuComponent implements ControlValueAccessor,
     menu: FwMenuComponent;
     renderedMenuItems: QueryList<FwMenuItemComponent>;
     menuItems: QueryList<FwMenuItemComponent>;
-    value: object[];
     selectedValues: string[];
+    selectedOptions: object[];
     filteredOptions: object[];
     private subscriptions;
     textInput: ElementRef<HTMLInputElement>;
     textInitialInput: ElementRef<HTMLInputElement>;
     focused: number;
     private touched;
-    onChange: (value: object[]) => void;
+    get value(): any[];
+    set value(newValue: any[]);
+    private _value;
+    private _valueType;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    onChange: (value: any[]) => void;
     onTouched: () => void;
-    registerOnChange(fn: (value: object[]) => void): void;
+    registerOnChange(fn: (value: any[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState?(isDisabled: boolean): void;
-    writeValue(value: object[]): void;
+    writeValue(value: any[]): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
@@ -45,10 +51,10 @@ export declare class FwMultiSelectMenuComponent implements ControlValueAccessor,
     handleClose(chip: object): void;
     handleClick(e: string[]): void;
     updateFilteredItems(): void;
-    updateValue(value: object[]): void;
+    updateValue(value: any[]): 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"; "titleProperty": "titleProperty"; "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>;
+    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"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; "value": "value"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
 }

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

@@ -1,10 +1,11 @@
 import { CdkMenuTrigger } from '@angular/cdk/menu';
-import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, 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 {
+    protected _changeDetectorRef: ChangeDetectorRef;
     options: object[];
     valueProperty?: string;
     titleProperty?: string;
@@ -18,21 +19,51 @@ export declare class FwSelectMenuComponent implements ControlValueAccessor, Afte
     trigger: CdkMenuTrigger;
     menu: FwMenuComponent;
     menuItems: QueryList<FwMenuItemComponent>;
-    value: object;
     selectValue: string;
     selectTitle: string;
     selectIcon: string;
     private subscriptions;
-    onChange: (value: object) => void;
+    get value(): any;
+    set value(newValue: any);
+    private _value;
+    private _valueType;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    onChange: (value: any) => void;
     onTouched: () => void;
-    registerOnChange(fn: (value: object) => void): void;
-    registerOnTouched(fn: () => void): void;
+    /**
+     * Saves a callback function to be invoked when the select's value
+     * changes from user input. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the value changes.
+     */
+    registerOnChange(fn: (value: any) => void): void;
+    /**
+     * Saves a callback function to be invoked when the select is blurred
+     * by the user. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the component has been touched.
+     */
+    registerOnTouched(fn: () => {}): void;
+    /**
+     * Disables the select. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param isDisabled Sets whether the component is disabled.
+     */
     setDisabledState?(isDisabled: boolean): void;
-    writeValue(value: object): void;
+    /**
+     * Sets the select's value. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param value New value to be written to the model.
+     */
+    writeValue(value: any): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
     handleClick(e: string): void;
-    updateValue(value: object): void;
+    updateValue(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": "options"; "valueProperty": "valueProperty"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "showFilter": "showFilter"; "disabled": "disabled"; "width": "width"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": "options"; "valueProperty": "valueProperty"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "showFilter": "showFilter"; "disabled": "disabled"; "width": "width"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; "value": "value"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
 }

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

@@ -0,0 +1,20 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FwSwitchComponent implements ControlValueAccessor {
+    name?: string;
+    title?: string;
+    titlePosition?: 'start' | 'end';
+    size?: 'small' | 'medium';
+    color?: 'default' | 'primary' | 'secondary';
+    disabled?: boolean;
+    checked?: boolean;
+    onChange: (value: boolean) => void;
+    onTouched: () => void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    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"; }, {}, never, never, false>;
+}

package/components/switch/switch.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./switch.component";
+import * as i2 from "@angular/common";
+export declare class FwSwitchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwSwitchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwSwitchModule, [typeof i1.FwSwitchComponent], [typeof i2.CommonModule], [typeof i1.FwSwitchComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwSwitchModule>;
+}

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

@@ -10,7 +10,10 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
     placeholder?: string;
     readOnly?: boolean;
     size?: 'small' | 'medium' | 'large';
+    type?: string;
+    maxLength?: number;
     error?: boolean;
+    textInput: any;
     value: string;
     externalControl: FormControl;
     onTouch: () => void;
@@ -22,5 +25,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, { "disabled": "disabled"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "context": "context"; "helperText": "helperText"; "errorText": "errorText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "size": "size"; "error": "error"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "disabled": "disabled"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "context": "context"; "helperText": "helperText"; "errorText": "errorText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "size": "size"; "type": "type"; "maxLength": "maxLength"; "error": "error"; "value": "value"; }, {}, ["textInput"], ["input", "*"], false>;
 }

package/esm2020/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs

@@ -0,0 +1,49 @@
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../button/button.component";
+export class FwButtonToggleItemComponent {
+    constructor() {
+        this.selected = false;
+        this.disabled = false;
+        this.size = 'medium';
+        this.color = 'slate';
+        this.selectedColor = 'primary';
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.click = new EventEmitter();
+    }
+    get classes() {
+        return ['fw-button-toggle-item', this.title && this.title.length > 0 ? 'has-title' : 'no-title'].filter(Boolean).join(' ');
+    }
+    ;
+    handleClick() {
+        this.click.emit(this.value);
+    }
+}
+FwButtonToggleItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwButtonToggleItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonToggleItemComponent, selector: "fw-button-toggle-item", inputs: { title: "title", icon: "icon", value: "value", selected: "selected", disabled: "disabled", size: "size", color: "color", selectedColor: "selectedColor" }, outputs: { click: "click" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<fw-button\n  [title]=\"title\"\n  [leftIcon]=\"icon\"\n  [variant]=\"selected?'solid':'outline'\"\n  [color]=\"selected?selectedColor:color\"\n  [size]=\"size\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick()\">\n  {{ title }}\n</fw-button>\n", dependencies: [{ kind: "component", type: i1.FwButtonComponent, selector: "fw-button", inputs: ["color", "size", "variant", "disabled", "fullWidth", "leftIcon", "rightIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-button-toggle-item', template: "<fw-button\n  [title]=\"title\"\n  [leftIcon]=\"icon\"\n  [variant]=\"selected?'solid':'outline'\"\n  [color]=\"selected?selectedColor:color\"\n  [size]=\"size\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick()\">\n  {{ title }}\n</fw-button>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }], classes: [{
+                type: HostBinding,
+                args: ['attr.class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXRvZ2dsZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi10b2dnbGUvYnV0dG9uLXRvZ2dsZS1pdGVtL2J1dHRvbi10b2dnbGUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24tdG9nZ2xlL2J1dHRvbi10b2dnbGUtaXRlbS9idXR0b24tdG9nZ2xlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9wRixNQUFNLE9BQU8sMkJBQTJCO0lBZ0J0QztRQVpTLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixTQUFJLEdBQWtDLFFBQVEsQ0FBQztRQUMvQyxVQUFLLEdBQXVGLE9BQU8sQ0FBQztRQUNwRyxrQkFBYSxHQUF1RixTQUFTLENBQUM7UUFDdkgsNERBQTREO1FBQ2xELFVBQUssR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQU9uRSxDQUFDO0lBTEQsSUFBK0IsT0FBTztRQUNwQyxPQUFPLENBQUMsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3SCxDQUFDO0lBQUEsQ0FBQztJQUtGLFdBQVc7UUFDVCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7d0hBckJVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLHNUQ1B4QywyUEFVQTsyRkRIYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsdUJBQXVCOzBFQUt4QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTTtnQkFFd0IsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWJ1dHRvbi10b2dnbGUtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tdG9nZ2xlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0J1dHRvblRvZ2dsZUl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgaWNvbj86IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZztcbiAgQElucHV0KCkgc2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgY29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICdza2VsZXRvbicgfCAnd2FybmluZycgfCAnc3VjY2VzcycgPSAnc2xhdGUnO1xuICBASW5wdXQoKSBzZWxlY3RlZENvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnZGFuZ2VyJyB8ICdzbGF0ZScgfCAnc2tlbGV0b24nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnID0gJ3ByaW1hcnknO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIGNsaWNrOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFsnZnctYnV0dG9uLXRvZ2dsZS1pdGVtJywgdGhpcy50aXRsZSAmJiB0aGlzLnRpdGxlLmxlbmd0aCA+IDAgPyAnaGFzLXRpdGxlJyA6ICduby10aXRsZSddLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyk7XG4gIH07XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBoYW5kbGVDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrLmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cblxufVxuIiwiPGZ3LWJ1dHRvblxuICBbdGl0bGVdPVwidGl0bGVcIlxuICBbbGVmdEljb25dPVwiaWNvblwiXG4gIFt2YXJpYW50XT1cInNlbGVjdGVkPydzb2xpZCc6J291dGxpbmUnXCJcbiAgW2NvbG9yXT1cInNlbGVjdGVkP3NlbGVjdGVkQ29sb3I6Y29sb3JcIlxuICBbc2l6ZV09XCJzaXplXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKClcIj5cbiAge3sgdGl0bGUgfX1cbjwvZnctYnV0dG9uPlxuIl19

package/esm2020/components/button-toggle/button-toggle.component.mjs

@@ -0,0 +1,91 @@
+import { Component, ContentChildren, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
+import { FwButtonToggleItemComponent } from './button-toggle-item/button-toggle-item.component';
+import * as i0 from "@angular/core";
+export class FwButtonToggleComponent {
+    constructor(cdref) {
+        this.cdref = cdref;
+        this.layout = 'basic';
+        this.size = 'medium';
+        this.subscriptions = [];
+    }
+    get classes() {
+        return ['fw-button-toggle', this.size, this.layout].filter(Boolean).join(' ');
+    }
+    ;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ngOnChanges(changes) {
+        this.formatToggles();
+    }
+    ngOnDestroy() {
+        for (const subscription of this.subscriptions) {
+            subscription.unsubscribe();
+        }
+    }
+    ngAfterContentInit() {
+        if (this.toggleButtons.length > 0) {
+            this.formatToggles();
+        }
+    }
+    formatToggles() {
+        if (this.toggleButtons) {
+            this.toggleButtons.forEach(toggle => {
+                if (this.multiple && Array.isArray(this.value)) {
+                    if (this.value.indexOf(toggle.value) >= 0) {
+                        toggle.selected = true;
+                    }
+                }
+                else {
+                    if (toggle.value === this.value) {
+                        toggle.selected = true;
+                    }
+                }
+                toggle.size = this.size;
+                if (this.color) {
+                    toggle.color = this.color;
+                }
+                if (this.selectedColor) {
+                    toggle.selectedColor = this.selectedColor;
+                }
+                const sub = toggle.click.subscribe(value => {
+                    if (this.multiple && Array.isArray(this.value)) {
+                        toggle.selected = !toggle.selected;
+                        this.value.push(value);
+                    }
+                    else {
+                        this.toggleButtons.forEach(t => {
+                            t.selected = false;
+                        });
+                        toggle.selected = true;
+                        this.value = value;
+                    }
+                });
+                this.subscriptions.push(sub);
+            });
+        }
+    }
+}
+FwButtonToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FwButtonToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonToggleComponent, selector: "fw-button-toggle", inputs: { layout: "layout", size: "size", multiple: "multiple", value: "value", color: "color", selectedColor: "selectedColor" }, host: { properties: { "attr.class": "this.classes" } }, queries: [{ propertyName: "toggleButtons", predicate: FwButtonToggleItemComponent }], usesOnChanges: true, ngImport: i0, template: '<ng-content select="fw-button-toggle-item"></ng-content>', isInline: true, styles: ["fw-button-toggle.fw-button-toggle{box-sizing:border-box;border-radius:8px;overflow:hidden;display:inline-flex;align-items:stretch}fw-button-toggle.fw-button-toggle .fw-button-toggle-item.no-title button{gap:0}fw-button-toggle.fw-button-toggle button{min-width:0;margin:0!important;border-radius:0;border:1px solid var(--separations-input);border-right-width:0}fw-button-toggle.fw-button-toggle>button:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-toggle.fw-button-toggle>button:last-of-type{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px}fw-button-toggle.fw-button-toggle.compact button{line-height:24px;height:24px}fw-button-toggle.fw-button-toggle.small button{font-size:12px}fw-button-toggle.fw-button-toggle.medium button{font-size:14px}fw-button-toggle.fw-button-toggle.large button{font-size:18px}fw-button-toggle.fw-button-toggle fw-button-toggle-item:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-toggle.fw-button-toggle fw-button-toggle-item:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-button-toggle', template: '<ng-content select="fw-button-toggle-item"></ng-content>', encapsulation: ViewEncapsulation.None, styles: ["fw-button-toggle.fw-button-toggle{box-sizing:border-box;border-radius:8px;overflow:hidden;display:inline-flex;align-items:stretch}fw-button-toggle.fw-button-toggle .fw-button-toggle-item.no-title button{gap:0}fw-button-toggle.fw-button-toggle button{min-width:0;margin:0!important;border-radius:0;border:1px solid var(--separations-input);border-right-width:0}fw-button-toggle.fw-button-toggle>button:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-toggle.fw-button-toggle>button:last-of-type{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px}fw-button-toggle.fw-button-toggle.compact button{line-height:24px;height:24px}fw-button-toggle.fw-button-toggle.small button{font-size:12px}fw-button-toggle.fw-button-toggle.medium button{font-size:14px}fw-button-toggle.fw-button-toggle.large button{font-size:18px}fw-button-toggle.fw-button-toggle fw-button-toggle-item:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-toggle.fw-button-toggle fw-button-toggle-item:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { classes: [{
+                type: HostBinding,
+                args: ['attr.class']
+            }], layout: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], toggleButtons: [{
+                type: ContentChildren,
+                args: [FwButtonToggleItemComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24tdG9nZ2xlL2J1dHRvbi10b2dnbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFdBQVcsRUFDWCxLQUFLLEVBS0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDOztBQVFoRyxNQUFNLE9BQU8sdUJBQXVCO0lBY2xDLFlBQW9CLEtBQXdCO1FBQXhCLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBVG5DLFdBQU0sR0FBeUIsT0FBTyxDQUFDO1FBQ3ZDLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBTWhELGtCQUFhLEdBQW1CLEVBQUUsQ0FBQztJQUczQyxDQUFDO0lBZEQsSUFBK0IsT0FBTztRQUNwQyxPQUFPLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBQUEsQ0FBQztJQWNGLDZEQUE2RDtJQUM3RCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxXQUFXO1FBQ1QsS0FBSyxNQUFNLFlBQVksSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDakMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQ2xDLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtvQkFDOUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFO3dCQUN6QyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztxQkFDeEI7aUJBQ0Y7cUJBQU07b0JBQ0wsSUFBSSxNQUFNLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLEVBQUU7d0JBQy9CLE1BQU0sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO3FCQUN4QjtpQkFDRjtnQkFDRCxNQUFNLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7Z0JBQ3hCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtvQkFDZCxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7aUJBQzNCO2dCQUNELElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtvQkFDdEIsTUFBTSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO2lCQUMzQztnQkFDRCxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtvQkFDekMsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO3dCQUM5QyxNQUFNLENBQUMsUUFBUSxHQUFHLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQzt3QkFDbkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7cUJBQ3hCO3lCQUFNO3dCQUNMLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFOzRCQUM3QixDQUFDLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQzt3QkFDckIsQ0FBQyxDQUFDLENBQUM7d0JBQ0gsTUFBTSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7d0JBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO3FCQUNwQjtnQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFDSCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUMvQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQzs7b0hBcEVVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLGdSQVdqQiwyQkFBMkIsa0RBZGxDLDBEQUEwRDsyRkFHekQsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNFLGtCQUFrQixZQUVsQiwwREFBMEQsaUJBQ3JELGlCQUFpQixDQUFDLElBQUk7d0dBR04sT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZO2dCQUloQixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUN3QyxhQUFhO3NCQUExRCxlQUFlO3VCQUFDLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgUXVlcnlMaXN0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgRndCdXR0b25Ub2dnbGVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24tdG9nZ2xlLWl0ZW0vYnV0dG9uLXRvZ2dsZS1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWJ1dHRvbi10b2dnbGUnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24tdG9nZ2xlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYnV0dG9uLXRvZ2dsZS1pdGVtXCI+PC9uZy1jb250ZW50PicsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uVG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIEFmdGVyQ29udGVudEluaXQge1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbJ2Z3LWJ1dHRvbi10b2dnbGUnLCB0aGlzLnNpemUsIHRoaXMubGF5b3V0XS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpO1xuICB9O1xuXG4gIEBJbnB1dCgpIGxheW91dD86ICdiYXNpYycgfCAnY29tcGFjdCcgPSAnYmFzaWMnO1xuICBASW5wdXQoKSBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKSBtdWx0aXBsZT86IGJvb2xlYW47XG4gIEBJbnB1dCgpIHZhbHVlPzogc3RyaW5nIHwgc3RyaW5nW107XG4gIEBJbnB1dCgpIGNvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnZGFuZ2VyJyB8ICdzbGF0ZScgfCAnc2tlbGV0b24nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuICBASW5wdXQoKSBzZWxlY3RlZENvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnZGFuZ2VyJyB8ICdzbGF0ZScgfCAnc2tlbGV0b24nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuICBAQ29udGVudENoaWxkcmVuKEZ3QnV0dG9uVG9nZ2xlSXRlbUNvbXBvbmVudCkgdG9nZ2xlQnV0dG9uczogUXVlcnlMaXN0PEZ3QnV0dG9uVG9nZ2xlSXRlbUNvbXBvbmVudD47XG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uW10gPSBbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICB9XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtYXRUb2dnbGVzKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBmb3IgKGNvbnN0IHN1YnNjcmlwdGlvbiBvZiB0aGlzLnN1YnNjcmlwdGlvbnMpIHtcbiAgICAgIHN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy50b2dnbGVCdXR0b25zLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMuZm9ybWF0VG9nZ2xlcygpO1xuICAgIH1cbiAgfVxuXG4gIGZvcm1hdFRvZ2dsZXMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudG9nZ2xlQnV0dG9ucykge1xuICAgICAgdGhpcy50b2dnbGVCdXR0b25zLmZvckVhY2godG9nZ2xlID0+IHtcbiAgICAgICAgaWYgKHRoaXMubXVsdGlwbGUgJiYgQXJyYXkuaXNBcnJheSh0aGlzLnZhbHVlKSkge1xuICAgICAgICAgIGlmICh0aGlzLnZhbHVlLmluZGV4T2YodG9nZ2xlLnZhbHVlKSA+PSAwKSB7XG4gICAgICAgICAgICB0b2dnbGUuc2VsZWN0ZWQgPSB0cnVlO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBpZiAodG9nZ2xlLnZhbHVlID09PSB0aGlzLnZhbHVlKSB7XG4gICAgICAgICAgICB0b2dnbGUuc2VsZWN0ZWQgPSB0cnVlO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICB0b2dnbGUuc2l6ZSA9IHRoaXMuc2l6ZTtcbiAgICAgICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgICAgICB0b2dnbGUuY29sb3IgPSB0aGlzLmNvbG9yO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkQ29sb3IpIHtcbiAgICAgICAgICB0b2dnbGUuc2VsZWN0ZWRDb2xvciA9IHRoaXMuc2VsZWN0ZWRDb2xvcjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBzdWIgPSB0b2dnbGUuY2xpY2suc3Vic2NyaWJlKHZhbHVlID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5tdWx0aXBsZSAmJiBBcnJheS5pc0FycmF5KHRoaXMudmFsdWUpKSB7XG4gICAgICAgICAgICB0b2dnbGUuc2VsZWN0ZWQgPSAhdG9nZ2xlLnNlbGVjdGVkO1xuICAgICAgICAgICAgdGhpcy52YWx1ZS5wdXNoKHZhbHVlKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy50b2dnbGVCdXR0b25zLmZvckVhY2godCA9PiB7XG4gICAgICAgICAgICAgIHQuc2VsZWN0ZWQgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgdG9nZ2xlLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbnMucHVzaChzdWIpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2020/components/button-toggle/button-toggle.module.mjs

@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { FwButtonModule } from '../button/button.module';
+import { FwIconModule } from '../icon/icon.module';
+import { FwButtonToggleComponent } from './button-toggle.component';
+import { FwButtonToggleItemComponent } from './button-toggle-item/button-toggle-item.component';
+import * as i0 from "@angular/core";
+export class FwButtonToggleModule {
+}
+FwButtonToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FwButtonToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleModule, declarations: [FwButtonToggleComponent,
+        FwButtonToggleItemComponent], imports: [FwButtonModule,
+        FwIconModule], exports: [FwButtonToggleComponent,
+        FwButtonToggleItemComponent] });
+FwButtonToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleModule, imports: [FwButtonModule,
+        FwIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        FwButtonToggleComponent,
+                        FwButtonToggleItemComponent,
+                    ],
+                    declarations: [
+                        FwButtonToggleComponent,
+                        FwButtonToggleItemComponent,
+                    ],
+                    imports: [
+                        FwButtonModule,
+                        FwIconModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXRvZ2dsZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24tdG9nZ2xlL2J1dHRvbi10b2dnbGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7QUFnQmhHLE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7a0hBQXBCLG9CQUFvQixpQkFSN0IsdUJBQXVCO1FBQ3ZCLDJCQUEyQixhQUczQixjQUFjO1FBQ2QsWUFBWSxhQVRaLHVCQUF1QjtRQUN2QiwyQkFBMkI7a0hBV2xCLG9CQUFvQixZQUo3QixjQUFjO1FBQ2QsWUFBWTsyRkFHSCxvQkFBb0I7a0JBZGhDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLHVCQUF1Qjt3QkFDdkIsMkJBQTJCO3FCQUM1QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osdUJBQXVCO3dCQUN2QiwyQkFBMkI7cUJBQzVCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxjQUFjO3dCQUNkLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0J1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndCdXR0b25Ub2dnbGVDb21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi10b2dnbGUuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3QnV0dG9uVG9nZ2xlSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYnV0dG9uLXRvZ2dsZS1pdGVtL2J1dHRvbi10b2dnbGUtaXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBleHBvcnRzOiBbXG4gICAgRndCdXR0b25Ub2dnbGVDb21wb25lbnQsXG4gICAgRndCdXR0b25Ub2dnbGVJdGVtQ29tcG9uZW50LFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGd0J1dHRvblRvZ2dsZUNvbXBvbmVudCxcbiAgICBGd0J1dHRvblRvZ2dsZUl0ZW1Db21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBGd0J1dHRvbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uVG9nZ2xlTW9kdWxlIHtcbn1cbiJdfQ==