@flywheel-io/vision 2.1.0-beta.0 → 2.1.0-beta.1

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

@@ -0,0 +1,6 @@
+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": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,17 @@
+import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { FwTabComponent } from './tab/tab.component';
+import * as i0 from "@angular/core";
+export declare class FwTabsComponent implements AfterContentInit, OnDestroy {
+    activeTabIndex: number;
+    activeTab?: FwTabComponent;
+    bordered?: boolean;
+    select: EventEmitter<FwTabComponent>;
+    tabs: QueryList<FwTabComponent>;
+    get cssClass(): string;
+    private subscriptions;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    handleTabChange(tab: FwTabComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTabsComponent, 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/tabs/tabs.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab/tab.component";
+import * as i2 from "./tab-panel/tab-panel.component";
+import * as i3 from "./tabs.component";
+import * as i4 from "@angular/common";
+import * as i5 from "../icon/icon.module";
+export declare class FwTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwTabsModule, [typeof i1.FwTabComponent, typeof i2.FwTabPanelComponent, typeof i3.FwTabsComponent], [typeof i4.CommonModule, typeof i5.FwIconModule], [typeof i1.FwTabComponent, typeof i2.FwTabPanelComponent, typeof i3.FwTabsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwTabsModule>;
+}

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

@@ -0,0 +1,48 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { IconType } from '../icon/icon.types';
+import * as i0 from "@angular/core";
+export declare class FwTextInputComponent implements ControlValueAccessor {
+    disabled?: boolean;
+    useActionableIcons?: boolean;
+    leftIcon?: IconType;
+    rightIcon?: string;
+    prefix?: string;
+    context?: string;
+    /**
+     * @deprecated please use fw-wrapped-input instead
+     */
+    helperText?: string;
+    /**
+     * @deprecated please use fw-wrapped-input instead
+     */
+    errorText?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    type?: string;
+    maxLength?: number;
+    autofocus?: boolean;
+    autocomplete?: string;
+    value: string;
+    inputRef: ElementRef<HTMLInputElement>;
+    error?: boolean;
+    leftIconAction: EventEmitter<void>;
+    rightIconAction: EventEmitter<void>;
+    textInput: any;
+    width: string;
+    externalControl: FormControl;
+    onTouch: () => void;
+    onChange: (value: string) => void;
+    writeValue(obj: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    changeHandler(event: KeyboardEvent): void;
+    blurHandler(): void;
+    onLeftIconClick(): void;
+    onRightIconClick(): void;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTextInputComponent, 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/text-input/text-input.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./text-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.module";
+import * as i4 from "@angular/forms";
+export declare class FwTextInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTextInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwTextInputModule, [typeof i1.FwTextInputComponent], [typeof i2.CommonModule, typeof i3.FwIconModule, typeof i4.ReactiveFormsModule], [typeof i1.FwTextInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwTextInputModule>;
+}

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

@@ -0,0 +1,34 @@
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { min } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class FwTextAreaInputComponent implements ControlValueAccessor {
+    minRows: number;
+    maxRows: number;
+    disabled?: boolean;
+    /**
+     * @deprecated please use fw-wrapped-input instead
+     */
+    helperText?: string;
+    /**
+     * @deprecated please use fw-wrapped-input instead
+     */
+    errorText?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    autofocus?: string;
+    width?: string;
+    error?: boolean;
+    value: string;
+    externalControl: FormControl;
+    onTouch: () => void;
+    onChange: (value: string) => void;
+    writeValue(obj: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    changeHandler(event: KeyboardEvent): void;
+    blurHandler(): void;
+    protected readonly min: typeof min;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTextAreaInputComponent, 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/textarea-input/textarea-input.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./textarea-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/cdk/text-field";
+import * as i5 from "../icon/icon.module";
+export declare class FwTextAreaInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTextAreaInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwTextAreaInputModule, [typeof i1.FwTextAreaInputComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.TextFieldModule, typeof i5.FwIconModule], [typeof i1.FwTextAreaInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwTextAreaInputModule>;
+}

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

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FwTooltipPanelComponent {
+    position: 'above' | 'below' | 'left' | 'right' | 'none';
+    color?: 'light' | 'dark';
+    maxWidth?: number;
+    mouseLeave: EventEmitter<MouseEvent>;
+    get classes(): string;
+    hidePopover(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTooltipPanelComponent, 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

@@ -0,0 +1,17 @@
+import { CdkOverlayOrigin, ConnectedPosition, FlexibleConnectedPositionStrategyOrigin } from '@angular/cdk/overlay';
+import * as i0 from "@angular/core";
+export declare class FwTooltipComponent {
+    title: string;
+    color: 'light' | 'dark';
+    position: 'above' | 'below' | 'left' | 'right' | 'none';
+    maxWidth?: number;
+    fullWidth?: boolean;
+    isOpen: boolean;
+    trigger: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
+    get classes(): string;
+    positionMap: {
+        [key: string]: ConnectedPosition;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTooltipComponent, 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/tooltip/tooltip.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tooltip.component";
+import * as i2 from "./tooltip-panel/tooltip-panel.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../popover/popover.module";
+import * as i5 from "@angular/cdk/overlay";
+export declare class FwTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwTooltipModule, [typeof i1.FwTooltipComponent, typeof i2.FwTooltipPanelComponent], [typeof i3.CommonModule, typeof i4.FwPopoverModule, typeof i5.OverlayModule], [typeof i1.FwTooltipComponent, typeof i2.FwTooltipPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwTooltipModule>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class FwWrappedInputComponent {
+    title: string;
+    description?: string;
+    helperText?: string;
+    errorText?: string;
+    class: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwWrappedInputComponent, 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/components/wrapped-input/wrapped-input.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./wrapped-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../form-heading/form-heading.module";
+export declare class FwWrappedInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwWrappedInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwWrappedInputModule, [typeof i1.FwWrappedInputComponent], [typeof i2.CommonModule, typeof i3.FwFormHeadingModule], [typeof i1.FwWrappedInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwWrappedInputModule>;
+}

package/directives/menu-register.directive.d.ts

@@ -0,0 +1,14 @@
+import { CdkMenuTrigger } from '@angular/cdk/menu';
+import { OnDestroy, OnInit } from '@angular/core';
+import { MenuManagerService } from '../components/shared/services/menu-manager.service';
+import * as i0 from "@angular/core";
+export declare class MenuRegisterDirective implements OnInit, OnDestroy {
+    private trigger;
+    private menuManager;
+    constructor(trigger: CdkMenuTrigger, menuManager: MenuManagerService);
+    private onClick;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuRegisterDirective, [{ optional: true; host: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuRegisterDirective, "[fwMenuRegister]", never, {}, {}, never, never, true, 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==

package/esm2022/components/alert/alert.component.mjs

@@ -0,0 +1,34 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon/icon.component";
+import * as i3 from "../icon-button/icon-button.component";
+export class FwAlertComponent {
+    constructor() {
+        this.severity = 'info';
+        this.variant = 'standard';
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.close = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwAlertComponent, selector: "fw-alert", inputs: { description: "description", icon: "icon", severity: "severity", title: "title", variant: "variant", showClose: "showClose" }, outputs: { close: "close" }, ngImport: i0, template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n  <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n  <div class=\"fw-alert-text\">\n    <h4 *ngIf=\"title\" class=\"vision-h4\">{{ title }}</h4>\n    <p *ngIf=\"description\" class=\"vision-p2\">{{ description }}</p>\n    <p class=\"vision-p2\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"close-icon\">\n    <ng-content select=\"fw-button\"></ng-content>\n    <fw-icon-button\n      *ngIf=\"showClose\"\n      icon=\"close\" size=\"small\"\n      [color]=\"variant==='filled'?'overlay':severity\"\n      (click)=\"close?close.emit():undefined\">\n    </fw-icon-button>\n  </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-alert', template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n  <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n  <div class=\"fw-alert-text\">\n    <h4 *ngIf=\"title\" class=\"vision-h4\">{{ title }}</h4>\n    <p *ngIf=\"description\" class=\"vision-p2\">{{ description }}</p>\n    <p class=\"vision-p2\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"close-icon\">\n    <ng-content select=\"fw-button\"></ng-content>\n    <fw-icon-button\n      *ngIf=\"showClose\"\n      icon=\"close\" size=\"small\"\n      [color]=\"variant==='filled'?'overlay':severity\"\n      (click)=\"close?close.emit():undefined\">\n    </fw-icon-button>\n  </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"] }]
+        }], propDecorators: { description: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], showClose: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkUsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQVFXLGFBQVEsR0FBOEMsTUFBTSxDQUFDO1FBRTdELFlBQU8sR0FBd0MsVUFBVSxDQUFDO1FBRW5FLDREQUE0RDtRQUNsRCxVQUFLLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7S0FDaEU7K0dBVFksZ0JBQWdCO21HQUFoQixnQkFBZ0IscU5DVDdCLGtyQkFtQkE7OzRGRFZhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVOzhCQUtYLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEljb25UeXBlIH0gZnJvbSAnLi4vaWNvbi9pY29uLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0FsZXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgc2V2ZXJpdHk/OiAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZXJyb3InID0gJ2luZm8nO1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgdmFyaWFudD86ICdzdGFuZGFyZCcgfCAnb3V0bGluZWQnIHwgJ2ZpbGxlZCcgPSAnc3RhbmRhcmQnO1xuICBASW5wdXQoKSBzaG93Q2xvc2U/OiBib29sZWFuO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIGNsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG59XG4iLCI8ZGl2IFtuZ0NsYXNzXT1cIlsnZnctYWxlcnQnLCB2YXJpYW50LCBzZXZlcml0eV1cIj5cbiAgPGZ3LWljb24gKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJmdy1hbGVydC1pY29uXCI+e3sgaWNvbiB9fTwvZnctaWNvbj5cbiAgPGRpdiBjbGFzcz1cImZ3LWFsZXJ0LXRleHRcIj5cbiAgICA8aDQgKm5nSWY9XCJ0aXRsZVwiIGNsYXNzPVwidmlzaW9uLWg0XCI+e3sgdGl0bGUgfX08L2g0PlxuICAgIDxwICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInZpc2lvbi1wMlwiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuICAgIDxwIGNsYXNzPVwidmlzaW9uLXAyXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9wPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNsb3NlLWljb25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1idXR0b25cIj48L25nLWNvbnRlbnQ+XG4gICAgPGZ3LWljb24tYnV0dG9uXG4gICAgICAqbmdJZj1cInNob3dDbG9zZVwiXG4gICAgICBpY29uPVwiY2xvc2VcIiBzaXplPVwic21hbGxcIlxuICAgICAgW2NvbG9yXT1cInZhcmlhbnQ9PT0nZmlsbGVkJz8nb3ZlcmxheSc6c2V2ZXJpdHlcIlxuICAgICAgKGNsaWNrKT1cImNsb3NlP2Nsb3NlLmVtaXQoKTp1bmRlZmluZWRcIj5cbiAgICA8L2Z3LWljb24tYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/components/alert/alert.module.mjs

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FwIconModule } from '../icon/icon.module';
+import { FwIconButtonModule } from '../icon-button/icon-button.module';
+import { FwAlertComponent } from './alert.component';
+import * as i0 from "@angular/core";
+export class FwAlertModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwAlertModule, declarations: [FwAlertComponent], imports: [CommonModule,
+            FwIconModule,
+            FwIconButtonModule], exports: [FwAlertComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertModule, imports: [CommonModule,
+            FwIconModule,
+            FwIconButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FwIconModule,
+                        FwIconButtonModule,
+                    ],
+                    exports: [
+                        FwAlertComponent,
+                    ],
+                    declarations: [
+                        FwAlertComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFlckQsTUFBTSxPQUFPLGFBQWE7K0dBQWIsYUFBYTtnSEFBYixhQUFhLGlCQUhsQixnQkFBZ0IsYUFSaEIsWUFBWTtZQUNaLFlBQVk7WUFDWixrQkFBa0IsYUFHbEIsZ0JBQWdCO2dIQU1YLGFBQWEsWUFYbEIsWUFBWTtZQUNaLFlBQVk7WUFDWixrQkFBa0I7OzRGQVNiLGFBQWE7a0JBYnpCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixrQkFBa0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxnQkFBZ0I7cUJBQ25CO29CQUNELFlBQVksRUFBRTt3QkFDVixnQkFBZ0I7cUJBQ25CO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndJY29uQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1idXR0b24vaWNvbi1idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IEZ3QWxlcnRDb21wb25lbnQgfSBmcm9tICcuL2FsZXJ0LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEZ3SWNvbk1vZHVsZSxcbiAgICAgICAgRndJY29uQnV0dG9uTW9kdWxlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBGd0FsZXJ0Q29tcG9uZW50LFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIEZ3QWxlcnRDb21wb25lbnQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndBbGVydE1vZHVsZSB7XG59XG4iXX0=

package/esm2022/components/app-icon/app-icon.component.mjs

@@ -0,0 +1,63 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon/icon.component";
+export class FwAppIconComponent {
+    constructor() {
+        this.color = 'primary';
+        this.fontColor = 'contrast';
+        this.size = 'medium';
+        this.variant = 'interactive';
+        this.tabindex = '';
+        this.locked = false;
+        this.animated = false;
+        this.role = 'button';
+    }
+    get cssClass() {
+        return ['fw-app-icon', this.size, this.color, this.variant].join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwAppIconComponent, selector: "fw-app-icon", inputs: { title: "title", icon: "icon", imageUrl: "imageUrl", color: "color", fontColor: "fontColor", size: "size", variant: "variant", badge: "badge", tabindex: "tabindex", locked: "locked", animated: "animated" }, host: { properties: { "tabindex": "this.tabindex", "class.locked": "this.locked", "class.animated": "this.animated", "role": "this.role", "class": "this.cssClass" } }, ngImport: i0, template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n  <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n  <div class=\"app-locked\" *ngIf=\"locked\">\n    <fw-icon>lock</fw-icon>\n  </div>\n  <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n  <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid var(--separations-base)}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px;width:16px;min-width:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px;width:20px;min-width:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px;width:32px;min-width:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px;width:48px;min-width:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-app-icon', template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n  <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n  <div class=\"app-locked\" *ngIf=\"locked\">\n    <fw-icon>lock</fw-icon>\n  </div>\n  <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n  <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid var(--separations-base)}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px;width:16px;min-width:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px;width:20px;min-width:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px;width:32px;min-width:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px;width:48px;min-width:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], imageUrl: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], fontColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], badge: [{
+                type: Input
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['tabindex']
+            }, {
+                type: Input
+            }], locked: [{
+                type: HostBinding,
+                args: ['class.locked']
+            }, {
+                type: Input
+            }], animated: [{
+                type: HostBinding,
+                args: ['class.animated']
+            }, {
+                type: Input
+            }], role: [{
+                type: HostBinding,
+                args: ['role']
+            }], cssClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXBwLWljb24vYXBwLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXBwLWljb24vYXBwLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUzlELE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFTVyxVQUFLLEdBQStELFNBQVMsQ0FBQztRQUM5RSxjQUFTLEdBQXlCLFVBQVUsQ0FBQztRQUM3QyxTQUFJLEdBQWtELFFBQVEsQ0FBQztRQUMvRCxZQUFPLEdBQW9ELGFBQWEsQ0FBQztRQUVoRCxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ1YsV0FBTSxHQUFhLEtBQUssQ0FBQztRQUN2QixhQUFRLEdBQWEsS0FBSyxDQUFDO1FBQzlDLFNBQUksR0FBRyxRQUFRLENBQUM7S0FLdEM7SUFIQyxJQUEwQixRQUFRO1FBQ2hDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDeEUsQ0FBQzsrR0FoQlUsa0JBQWtCO21HQUFsQixrQkFBa0IsbWJDVC9CLCthQVVBOzs0RkREYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsYUFBYTs4QkFLZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQzRCLFFBQVE7c0JBQXpDLFdBQVc7dUJBQUMsVUFBVTs7c0JBQUcsS0FBSztnQkFDTyxNQUFNO3NCQUEzQyxXQUFXO3VCQUFDLGNBQWM7O3NCQUFHLEtBQUs7Z0JBQ0ssUUFBUTtzQkFBL0MsV0FBVzt1QkFBQyxnQkFBZ0I7O3NCQUFHLEtBQUs7Z0JBQ2hCLElBQUk7c0JBQXhCLFdBQVc7dUJBQUMsTUFBTTtnQkFFTyxRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uVHlwZSB9IGZyb20gJy4uL2ljb24vaWNvbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWFwcC1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXBwLWljb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndBcHBJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgaW1hZ2VVcmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvbG9yPzogJ3ByaW1hcnknIHwgJ2RhcmsnIHwgJ2xpZ2h0JyB8ICdncmFkaWVudCcgfCAndHJhbnNwYXJlbnQnID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBmb250Q29sb3I/OiAnY29udHJhc3QnIHwgJ2Jhc2UnID0gJ2NvbnRyYXN0JztcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAnZXh0cmEtbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ/OiAnaW50ZXJhY3RpdmUnIHwgJ2hvdmVyJyB8ICdmb2N1c2VkJyB8ICdzdGF0aWMnID0gJ2ludGVyYWN0aXZlJztcbiAgQElucHV0KCkgYmFkZ2U/OiBzdHJpbmc7XG4gIEBIb3N0QmluZGluZygndGFiaW5kZXgnKSBASW5wdXQoKSB0YWJpbmRleCA9ICcnO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxvY2tlZCcpIEBJbnB1dCgpIGxvY2tlZD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hbmltYXRlZCcpIEBJbnB1dCgpIGFuaW1hdGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ3JvbGUnKSByb2xlID0gJ2J1dHRvbic7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjc3NDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbJ2Z3LWFwcC1pY29uJywgdGhpcy5zaXplLCB0aGlzLmNvbG9yLCB0aGlzLnZhcmlhbnRdLmpvaW4oJyAnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImljb24taGlnaGxpZ2h0XCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJhcHAtYmFkZ2VcIiAqbmdJZj1cImJhZGdlXCI+PHNwYW4+e3sgYmFkZ2UgfX08L3NwYW4+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJhcHAtbG9ja2VkXCIgKm5nSWY9XCJsb2NrZWRcIj5cbiAgICA8ZnctaWNvbj5sb2NrPC9mdy1pY29uPlxuICA8L2Rpdj5cbiAgPGltZyAqbmdJZj1cImltYWdlVXJsXCIgW3NyY109XCJpbWFnZVVybFwiIGFsdD1cIkFwcCBJY29uXCI+XG4gIDxmdy1pY29uICpuZ0lmPVwiaWNvblwiIFtuZ0NsYXNzXT1cImZvbnRDb2xvclwiPnt7IGljb24gfX08L2Z3LWljb24+XG48L2Rpdj5cbjxwIGNsYXNzPVwidmlzaW9uLXAzXCIgKm5nSWY9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9wPlxuIl19

package/esm2022/components/app-icon/app-icon.module.mjs

@@ -0,0 +1,28 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FwIconModule } from '../icon/icon.module';
+import { FwAppIconComponent } from './app-icon.component';
+import * as i0 from "@angular/core";
+export class FwAppIconModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconModule, declarations: [FwAppIconComponent], imports: [CommonModule,
+            FwIconModule], exports: [FwAppIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconModule, imports: [CommonModule,
+            FwIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAppIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FwIconModule,
+                    ],
+                    exports: [
+                        FwAppIconComponent,
+                    ],
+                    declarations: [
+                        FwAppIconComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWljb24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXBwLWljb24vYXBwLWljb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFjMUQsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTtnSEFBZixlQUFlLGlCQUh4QixrQkFBa0IsYUFQbEIsWUFBWTtZQUNaLFlBQVksYUFHWixrQkFBa0I7Z0hBTVQsZUFBZSxZQVZ4QixZQUFZO1lBQ1osWUFBWTs7NEZBU0gsZUFBZTtrQkFaM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7cUJBQ25CO29CQUNELFlBQVksRUFBRTt3QkFDWixrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndBcHBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAtaWNvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZ3SWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZ3QXBwSWNvbkNvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndBcHBJY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0FwcEljb25Nb2R1bGUge1xufVxuIl19

package/esm2022/components/avatar/avatar.component.mjs

@@ -0,0 +1,66 @@
+import { Component, computed, HostBinding, Input, input } from '@angular/core';
+import { pickColorViaHash } from '../../color.utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon/icon.component";
+const namedColorMap = {
+    primary: 'var(--primary-base)',
+    secondary: 'var(--secondary-base)',
+    red: 'var(--red-base)',
+    'light-slate': 'var(--slate-light)',
+    slate: 'var(--slate-base)',
+    warning: 'var(--orange-base)',
+    success: 'var(--green-base)',
+};
+export class FwAvatarComponent {
+    constructor() {
+        this.color = 'primary';
+        this.variant = 'circular';
+        this.content = 'icon';
+        this.size = 'small';
+        this.initial = '';
+        this.imageUrl = '';
+        this.imageAltText = '';
+        this.icon = 'user';
+        this.colorSeed = input();
+        this.hasedColor = computed(() => pickColorViaHash(this.colorSeed()));
+        this.colorToDisplay = computed(() => this.colorSeed() ? this.hasedColor() : namedColorMap[this.color]);
+        this.isImageBroken = false;
+    }
+    get classes() {
+        return [this.size, this.variant, this.content].filter(Boolean).join(' ');
+    }
+    ;
+    loadImage() {
+        this.isImageBroken = false;
+    }
+    errorImage() {
+        this.isImageBroken = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: FwAvatarComponent, selector: "fw-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, initial: { classPropertyName: "initial", publicName: "initial", isSignal: false, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: false, isRequired: false, transformFunction: null }, imageAltText: { classPropertyName: "imageAltText", publicName: "imageAltText", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, colorSeed: { classPropertyName: "colorSeed", publicName: "colorSeed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"content\">\n  <div [style.backgroundColor]=\"colorToDisplay()\" *ngSwitchCase=\"'image'\" class=\"avatar\">\n    <img\n      *ngIf=\"!isImageBroken else displayInitial\"\n      [src]=\"imageUrl\"\n      [alt]=\"imageAltText\"\n      (load)=\"loadImage()\"\n      (error)=\"errorImage()\">\n  </div>\n  <div *ngSwitchCase=\"'icon'\" [style.backgroundColor]=\"colorToDisplay()\" class=\"avatar\">\n    <ng-container *ngTemplateOutlet=\"displayIcon\"></ng-container>\n  </div>\n  <div *ngSwitchCase=\"'initial'\" [style.backgroundColor]=\"colorToDisplay()\" class=\"avatar\">\n    <ng-container *ngTemplateOutlet=\"displayInitial\"></ng-container>\n  </div>\n</ng-container>\n<ng-template #displayInitial>\n  <span class=\"initial\" *ngIf=\"initial else displayIcon\">{{ initial }}</span>\n</ng-template>\n<ng-template #displayIcon>\n  <fw-icon>{{ icon }}</fw-icon>\n</ng-template>\n", styles: [":host{display:block}:host .avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;width:inherit;height:inherit;border-radius:inherit;font-size:inherit}:host .avatar fw-icon{color:var(--typography-contrast);font-size:inherit}:host .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}:host .avatar .initial{font-family:Inter,sans-serif;font-style:normal;font-weight:500;color:var(--typography-contrast);font-size:inherit}:host.small{width:16px;height:16px;font-size:8px}:host.small .avatar fw-icon{font-size:12px}:host.medium{width:32px;height:32px;font-size:14px}:host.medium .avatar fw-icon{font-size:24px}:host.large{width:48px;height:48px;font-size:22px}:host.large .avatar fw-icon{font-size:32px}:host.x-large{width:96px;height:96px;font-size:36px}:host.x-large .avatar fw-icon{font-size:64px}:host.rounded.small{border-radius:4px}:host.rounded.medium{border-radius:8px}:host.rounded.large{border-radius:12px}:host.rounded.x-large{border-radius:16px}:host.circular{border-radius:64px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-avatar', template: "<ng-container [ngSwitch]=\"content\">\n  <div [style.backgroundColor]=\"colorToDisplay()\" *ngSwitchCase=\"'image'\" class=\"avatar\">\n    <img\n      *ngIf=\"!isImageBroken else displayInitial\"\n      [src]=\"imageUrl\"\n      [alt]=\"imageAltText\"\n      (load)=\"loadImage()\"\n      (error)=\"errorImage()\">\n  </div>\n  <div *ngSwitchCase=\"'icon'\" [style.backgroundColor]=\"colorToDisplay()\" class=\"avatar\">\n    <ng-container *ngTemplateOutlet=\"displayIcon\"></ng-container>\n  </div>\n  <div *ngSwitchCase=\"'initial'\" [style.backgroundColor]=\"colorToDisplay()\" class=\"avatar\">\n    <ng-container *ngTemplateOutlet=\"displayInitial\"></ng-container>\n  </div>\n</ng-container>\n<ng-template #displayInitial>\n  <span class=\"initial\" *ngIf=\"initial else displayIcon\">{{ initial }}</span>\n</ng-template>\n<ng-template #displayIcon>\n  <fw-icon>{{ icon }}</fw-icon>\n</ng-template>\n", styles: [":host{display:block}:host .avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;width:inherit;height:inherit;border-radius:inherit;font-size:inherit}:host .avatar fw-icon{color:var(--typography-contrast);font-size:inherit}:host .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}:host .avatar .initial{font-family:Inter,sans-serif;font-style:normal;font-weight:500;color:var(--typography-contrast);font-size:inherit}:host.small{width:16px;height:16px;font-size:8px}:host.small .avatar fw-icon{font-size:12px}:host.medium{width:32px;height:32px;font-size:14px}:host.medium .avatar fw-icon{font-size:24px}:host.large{width:48px;height:48px;font-size:22px}:host.large .avatar fw-icon{font-size:32px}:host.x-large{width:96px;height:96px;font-size:36px}:host.x-large .avatar fw-icon{font-size:64px}:host.rounded.small{border-radius:4px}:host.rounded.medium{border-radius:8px}:host.rounded.large{border-radius:12px}:host.rounded.x-large{border-radius:16px}:host.circular{border-radius:64px}\n"] }]
+        }], propDecorators: { classes: [{
+                type: HostBinding,
+                args: ['attr.class']
+            }], color: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], initial: [{
+                type: Input
+            }], imageUrl: [{
+                type: Input
+            }], imageAltText: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBQyxXQUFXLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7OztBQUtyRCxNQUFNLGFBQWEsR0FBeUM7SUFDMUQsT0FBTyxFQUFFLHFCQUFxQjtJQUM5QixTQUFTLEVBQUUsdUJBQXVCO0lBQ2xDLEdBQUcsRUFBRSxpQkFBaUI7SUFDdEIsYUFBYSxFQUFFLG9CQUFvQjtJQUNuQyxLQUFLLEVBQUUsbUJBQW1CO0lBQzFCLE9BQU8sRUFBRSxvQkFBb0I7SUFDN0IsT0FBTyxFQUFFLG1CQUFtQjtDQUM3QixDQUFBO0FBTUQsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQVVXLFVBQUssR0FBdUIsU0FBUyxDQUFDO1FBQ3RDLFlBQU8sR0FBdUMsVUFBVSxDQUFDO1FBQ3pELFlBQU8sR0FBa0MsTUFBTSxDQUFDO1FBQ2hELFNBQUksR0FBOEMsT0FBTyxDQUFDO1FBQzFELFlBQU8sR0FBWSxFQUFFLENBQUM7UUFDdEIsYUFBUSxHQUFZLEVBQUUsQ0FBQztRQUN2QixpQkFBWSxHQUFZLEVBQUUsQ0FBQztRQUMzQixTQUFJLEdBQWMsTUFBTSxDQUFDO1FBQ2xDLGNBQVMsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUU1QixlQUFVLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFaEUsbUJBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUVsRyxrQkFBYSxHQUFZLEtBQUssQ0FBQztLQVNoQztJQTNCQyxJQUErQixPQUFPO1FBQ3BDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0UsQ0FBQztJQUFBLENBQUM7SUFrQkYsU0FBUztRQUNQLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDNUIsQ0FBQzsrR0EzQlUsaUJBQWlCO21HQUFqQixpQkFBaUIsMnVDQ3JCOUIsNjRCQXNCQTs7NEZERGEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7OEJBS1UsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZO2dCQUloQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLEhvc3RCaW5kaW5nLCBJbnB1dCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgcGlja0NvbG9yVmlhSGFzaCB9IGZyb20gJy4uLy4uL2NvbG9yLnV0aWxzJztcbmltcG9ydCB7IEljb25UeXBlIH0gZnJvbSAnLi4vaWNvbi9pY29uLnR5cGVzJztcblxudHlwZSBBdmF0YXJDb2xvck9wdGlvbiA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3JlZCcgfCAnbGlnaHQtc2xhdGUnIHwgJ3NsYXRlJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuY29uc3QgbmFtZWRDb2xvck1hcDogeyBbSyBpbiBBdmF0YXJDb2xvck9wdGlvbl06IHN0cmluZyB9ID0ge1xuICBwcmltYXJ5OiAndmFyKC0tcHJpbWFyeS1iYXNlKScsXG4gIHNlY29uZGFyeTogJ3ZhcigtLXNlY29uZGFyeS1iYXNlKScsXG4gIHJlZDogJ3ZhcigtLXJlZC1iYXNlKScsXG4gICdsaWdodC1zbGF0ZSc6ICd2YXIoLS1zbGF0ZS1saWdodCknLFxuICBzbGF0ZTogJ3ZhcigtLXNsYXRlLWJhc2UpJyxcbiAgd2FybmluZzogJ3ZhcigtLW9yYW5nZS1iYXNlKScsXG4gIHN1Y2Nlc3M6ICd2YXIoLS1ncmVlbi1iYXNlKScsXG59XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1hdmF0YXInLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEZ3QXZhdGFyQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNsYXNzJykgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gW3RoaXMuc2l6ZSwgdGhpcy52YXJpYW50LCB0aGlzLmNvbnRlbnRdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyk7XG4gIH07XG5cbiAgQElucHV0KCkgY29sb3I/OiBBdmF0YXJDb2xvck9wdGlvbiA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgdmFyaWFudD86ICdjaXJjdWxhcicgfCAncm91bmRlZCcgfCAnc3F1YXJlJyA9ICdjaXJjdWxhcic7XG4gIEBJbnB1dCgpIGNvbnRlbnQ/OiAnaW1hZ2UnIHwgJ2ljb24nIHwgJ2luaXRpYWwnID0gJ2ljb24nO1xuICBASW5wdXQoKSBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICd4LWxhcmdlJyA9ICdzbWFsbCc7XG4gIEBJbnB1dCgpIGluaXRpYWw/OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgaW1hZ2VVcmw/OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgaW1hZ2VBbHRUZXh0Pzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZSA9ICd1c2VyJztcbiAgY29sb3JTZWVkID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gIGhhc2VkQ29sb3IgPSBjb21wdXRlZCgoKSA9PiBwaWNrQ29sb3JWaWFIYXNoKHRoaXMuY29sb3JTZWVkKCkpKTtcblxuICBjb2xvclRvRGlzcGxheSA9IGNvbXB1dGVkKCgpID0+IHRoaXMuY29sb3JTZWVkKCkgPyB0aGlzLmhhc2VkQ29sb3IoKSA6IG5hbWVkQ29sb3JNYXBbdGhpcy5jb2xvcl0pO1xuXG4gIGlzSW1hZ2VCcm9rZW46IGJvb2xlYW4gPSBmYWxzZTtcblxuICBsb2FkSW1hZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5pc0ltYWdlQnJva2VuID0gZmFsc2U7XG4gIH1cblxuICBlcnJvckltYWdlKCk6IHZvaWQge1xuICAgIHRoaXMuaXNJbWFnZUJyb2tlbiA9IHRydWU7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbnRlbnRcIj5cbiAgPGRpdiBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImNvbG9yVG9EaXNwbGF5KClcIiAqbmdTd2l0Y2hDYXNlPVwiJ2ltYWdlJ1wiIGNsYXNzPVwiYXZhdGFyXCI+XG4gICAgPGltZ1xuICAgICAgKm5nSWY9XCIhaXNJbWFnZUJyb2tlbiBlbHNlIGRpc3BsYXlJbml0aWFsXCJcbiAgICAgIFtzcmNdPVwiaW1hZ2VVcmxcIlxuICAgICAgW2FsdF09XCJpbWFnZUFsdFRleHRcIlxuICAgICAgKGxvYWQpPVwibG9hZEltYWdlKClcIlxuICAgICAgKGVycm9yKT1cImVycm9ySW1hZ2UoKVwiPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiJ2ljb24nXCIgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJjb2xvclRvRGlzcGxheSgpXCIgY2xhc3M9XCJhdmF0YXJcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGlzcGxheUljb25cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nU3dpdGNoQ2FzZT1cIidpbml0aWFsJ1wiIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwiY29sb3JUb0Rpc3BsYXkoKVwiIGNsYXNzPVwiYXZhdGFyXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRpc3BsYXlJbml0aWFsXCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2Rpc3BsYXlJbml0aWFsPlxuICA8c3BhbiBjbGFzcz1cImluaXRpYWxcIiAqbmdJZj1cImluaXRpYWwgZWxzZSBkaXNwbGF5SWNvblwiPnt7IGluaXRpYWwgfX08L3NwYW4+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNkaXNwbGF5SWNvbj5cbiAgPGZ3LWljb24+e3sgaWNvbiB9fTwvZnctaWNvbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=