@flywheel-io/vision 1.5.0 → 1.5.1

package/components/checkbox/checkbox.component.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class FwCheckboxComponent {
+    checked: boolean;
+    indeterminate: boolean;
+    disabled: boolean;
+    size: 'medium' | 'compact';
+    color: 'primary' | 'secondary';
+    label: string;
+    focused: string;
+    get checkboxStyle(): string;
+    get labelStyle(): 'label-disabled' | '';
+    setIndeterminate(): void;
+    setFocus(focus?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwCheckboxComponent, "fw-checkbox", never, { "checked": "checked"; "indeterminate": "indeterminate"; "disabled": "disabled"; "size": "size"; "color": "color"; "label": "label"; }, {}, never, never, false>;
+}

package/components/checkbox/checkbox.module.d.ts

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

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

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FwContainedInputComponent {
+    title: string;
+    description?: string;
+    status?: string;
+    inputPosition?: 'start' | 'end';
+    inputVariant?: 'none' | 'switch' | 'checkbox';
+    checked?: boolean;
+    disabled?: boolean;
+    change: EventEmitter<boolean>;
+    clicked(): void;
+    get classes(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwContainedInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwContainedInputComponent, "fw-contained-input", never, { "title": "title"; "description": "description"; "status": "status"; "inputPosition": "inputPosition"; "inputVariant": "inputVariant"; "checked": "checked"; "disabled": "disabled"; }, { "change": "change"; }, never, ["fw-avatar", "fw-icon"], false>;
+}

package/components/contained-input/contained-input.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./contained-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.module";
+import * as i4 from "../icon/icon.module";
+import * as i5 from "../switch/switch.module";
+import * as i6 from "../checkbox/checkbox.module";
+export declare class FwContainedInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwContainedInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwContainedInputModule, [typeof i1.FwContainedInputComponent], [typeof i2.CommonModule, typeof i3.FwButtonModule, typeof i4.FwIconModule, typeof i5.FwSwitchModule, typeof i6.FwCheckboxModule], [typeof i1.FwContainedInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwContainedInputModule>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class FwFormHeadingComponent {
+    class: string;
+    title: string;
+    description?: string;
+    status?: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwFormHeadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwFormHeadingComponent, "fw-form-heading", never, { "title": "title"; "description": "description"; "status": "status"; }, {}, never, ["fw-icon", "fw-chip", "p", "*"], false>;
+}

package/components/form-heading/form-heading.module.d.ts

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

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

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

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

@@ -0,0 +1,26 @@
+import { AfterViewInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { FwNavbarSubItemComponent } from '../navbar-sub-item/navbar-sub-item.component';
+import * as i0 from "@angular/core";
+export declare class FwNavbarItemComponent implements OnChanges, AfterViewInit {
+    value?: string;
+    title: string;
+    description?: string;
+    icon?: string;
+    iconColor?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography';
+    disabled?: boolean;
+    hidden?: boolean;
+    showTooltip?: boolean;
+    collapsed?: boolean;
+    href?: string;
+    target?: string;
+    subItemsOpen: boolean;
+    subItemsTooltipTitle?: string;
+    selected?: boolean;
+    subItems: QueryList<FwNavbarSubItemComponent>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    updateLayout(): void;
+    toggleSubItemsView(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarItemComponent, "fw-navbar-item", never, { "value": "value"; "title": "title"; "description": "description"; "icon": "icon"; "iconColor": "iconColor"; "disabled": "disabled"; "hidden": "hidden"; "showTooltip": "showTooltip"; "collapsed": "collapsed"; "href": "href"; "target": "target"; "subItemsOpen": "subItemsOpen"; "subItemsTooltipTitle": "subItemsTooltipTitle"; "selected": "selected"; }, {}, ["subItems"], ["fw-avatar", "p", "fw-badge", "fw-icon", "fw-icon-button", "fw-navbar-sub-item"], false>;
+}

package/components/navbar/navbar-sub-item/navbar-sub-item.component.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class FwNavbarSubItemComponent {
+    value?: string;
+    title: string;
+    description?: string;
+    icon?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    href?: string;
+    target?: string;
+    collapsed?: boolean;
+    selected?: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarSubItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarSubItemComponent, "fw-navbar-sub-item", never, { "value": "value"; "title": "title"; "description": "description"; "icon": "icon"; "disabled": "disabled"; "hidden": "hidden"; "href": "href"; "target": "target"; "collapsed": "collapsed"; "selected": "selected"; }, {}, never, ["p", "fw-badge", "fw-icon", "fw-icon-button"], false>;
+}

package/components/navbar/navbar.component.d.ts

@@ -0,0 +1,14 @@
+import { AfterViewInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { FwNavbarItemComponent } from './navbar-item/navbar-item.component';
+import * as i0 from "@angular/core";
+export declare class FwNavbarComponent implements OnChanges, AfterViewInit {
+    disabled: any;
+    collapsed?: boolean;
+    width: string;
+    menuItems: QueryList<FwNavbarItemComponent>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    updateLayout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarComponent, "fw-navbar", never, { "disabled": "disabled"; "collapsed": "collapsed"; "width": "width"; }, {}, ["menuItems"], ["*"], false>;
+}

package/components/navbar/navbar.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./navbar.component";
+import * as i2 from "./navbar-header/navbar-header.component";
+import * as i3 from "./navbar-item/navbar-item.component";
+import * as i4 from "./navbar-sub-item/navbar-sub-item.component";
+import * as i5 from "@angular/cdk/menu";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "../badge/badge.module";
+import * as i9 from "../icon-button/icon-button.module";
+import * as i10 from "../icon/icon.module";
+import * as i11 from "../text-input/text-input.module";
+import * as i12 from "../tooltip/tooltip.module";
+export declare class FwNavbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FwNavbarModule, [typeof i1.FwNavbarComponent, typeof i2.FwNavbarHeaderComponent, typeof i3.FwNavbarItemComponent, typeof i4.FwNavbarSubItemComponent], [typeof i5.CdkMenuModule, typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.FwBadgeModule, typeof i9.FwIconButtonModule, typeof i10.FwIconModule, typeof i11.FwTextInputModule, typeof i12.FwTooltipModule], [typeof i1.FwNavbarComponent, typeof i2.FwNavbarHeaderComponent, typeof i3.FwNavbarItemComponent, typeof i4.FwNavbarSubItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FwNavbarModule>;
+}

package/esm2020/components/checkbox/checkbox.component.mjs

@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class FwCheckboxComponent {
+    constructor() {
+        this.checked = false;
+        this.indeterminate = false;
+        this.size = 'medium';
+        this.color = 'primary';
+    }
+    get checkboxStyle() {
+        return `${this.color} ${this.size} ${this.focused} ${this.indeterminate && 'indeterminate' || ''} ${this.disabled && 'disabled' || ''}`;
+    }
+    get labelStyle() {
+        return this.disabled && 'label-disabled' || '';
+    }
+    setIndeterminate() {
+        this.indeterminate = false;
+    }
+    setFocus(focus = '') {
+        this.focused = focus;
+    }
+}
+FwCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCheckboxComponent, selector: "fw-checkbox", inputs: { checked: "checked", indeterminate: "indeterminate", disabled: "disabled", size: "size", color: "color", label: "label" }, ngImport: i0, template: "<div class=\"checkbox-wrapper\">\n  <div class=\"fw-checkbox\" [class]=\"checkboxStyle\">\n    <input\n      type=\"checkbox\"\n      class=\"checkbox\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      (focusout)=\"setFocus()\"\n      (focusin)=\"setFocus('focused')\"\n      (click)=\"setIndeterminate()\"/>\n  </div>\n  <span [class]=\"labelStyle\" *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: ["@charset \"UTF-8\";.checkbox-wrapper{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.checkbox-wrapper .compact{width:30px;height:30px}.checkbox-wrapper .compact .checkbox{height:15px;width:15px}.checkbox-wrapper .medium{width:36px;height:36px}.checkbox-wrapper .medium .checkbox{height:18px;width:18px}.checkbox-wrapper .medium .checkbox:after{font-size:18px}.checkbox-wrapper .indeterminate .checkbox:after{content:\"\\2212\";display:block}.checkbox-wrapper .fw-checkbox{display:flex;align-items:center;justify-content:center;border-radius:21px}.checkbox-wrapper .fw-checkbox .checkbox{display:flex;align-items:center;justify-content:center;appearance:none;border:2px solid var(--typography-light);border-radius:1.5px;cursor:pointer;margin:0}.checkbox-wrapper .fw-checkbox .checkbox:after{font-family:Flywheel-Vision-Icons,emoji;color:var(--page-light);font-weight:600;content:\"\\e91e\";font-size:15px;display:none}.checkbox-wrapper .fw-checkbox .checkbox:checked:after{display:block}.checkbox-wrapper .disabled:hover{background:none}.checkbox-wrapper .disabled .checkbox{border:2px solid var(--typography-light)}.checkbox-wrapper .disabled .checkbox:checked{background-color:var(--typography-light);border:2px solid var(--typography-light)}.checkbox-wrapper .primary:hover{background:var(--primary-light)}.checkbox-wrapper .primary .checkbox:checked{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .primary.focused{background:var(--primary-light)}.checkbox-wrapper .primary.focused .checkbox{border:2px solid var(--primary-base)}.checkbox-wrapper .secondary:hover{background:var(--secondary-light)}.checkbox-wrapper .secondary .checkbox:checked{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .secondary.focused{background:var(--secondary-light)}.checkbox-wrapper .secondary.focused .checkbox{border:2px solid var(--secondary-base)}.checkbox-wrapper .indeterminate.compact .checkbox:after{font-size:17px}.checkbox-wrapper .indeterminate.medium .checkbox:after{font-size:22px}.checkbox-wrapper .primary.indeterminate .checkbox{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .secondary.indeterminate .checkbox{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .disabled.indeterminate .checkbox{background-color:var(--typography-light);border-color:var(--typography-light)}.checkbox-wrapper .label-disabled{color:var(--typography-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"checkbox-wrapper\">\n  <div class=\"fw-checkbox\" [class]=\"checkboxStyle\">\n    <input\n      type=\"checkbox\"\n      class=\"checkbox\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      (focusout)=\"setFocus()\"\n      (focusin)=\"setFocus('focused')\"\n      (click)=\"setIndeterminate()\"/>\n  </div>\n  <span [class]=\"labelStyle\" *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: ["@charset \"UTF-8\";.checkbox-wrapper{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.checkbox-wrapper .compact{width:30px;height:30px}.checkbox-wrapper .compact .checkbox{height:15px;width:15px}.checkbox-wrapper .medium{width:36px;height:36px}.checkbox-wrapper .medium .checkbox{height:18px;width:18px}.checkbox-wrapper .medium .checkbox:after{font-size:18px}.checkbox-wrapper .indeterminate .checkbox:after{content:\"\\2212\";display:block}.checkbox-wrapper .fw-checkbox{display:flex;align-items:center;justify-content:center;border-radius:21px}.checkbox-wrapper .fw-checkbox .checkbox{display:flex;align-items:center;justify-content:center;appearance:none;border:2px solid var(--typography-light);border-radius:1.5px;cursor:pointer;margin:0}.checkbox-wrapper .fw-checkbox .checkbox:after{font-family:Flywheel-Vision-Icons,emoji;color:var(--page-light);font-weight:600;content:\"\\e91e\";font-size:15px;display:none}.checkbox-wrapper .fw-checkbox .checkbox:checked:after{display:block}.checkbox-wrapper .disabled:hover{background:none}.checkbox-wrapper .disabled .checkbox{border:2px solid var(--typography-light)}.checkbox-wrapper .disabled .checkbox:checked{background-color:var(--typography-light);border:2px solid var(--typography-light)}.checkbox-wrapper .primary:hover{background:var(--primary-light)}.checkbox-wrapper .primary .checkbox:checked{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .primary.focused{background:var(--primary-light)}.checkbox-wrapper .primary.focused .checkbox{border:2px solid var(--primary-base)}.checkbox-wrapper .secondary:hover{background:var(--secondary-light)}.checkbox-wrapper .secondary .checkbox:checked{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .secondary.focused{background:var(--secondary-light)}.checkbox-wrapper .secondary.focused .checkbox{border:2px solid var(--secondary-base)}.checkbox-wrapper .indeterminate.compact .checkbox:after{font-size:17px}.checkbox-wrapper .indeterminate.medium .checkbox:after{font-size:22px}.checkbox-wrapper .primary.indeterminate .checkbox{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .secondary.indeterminate .checkbox{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .disabled.indeterminate .checkbox{background-color:var(--typography-light);border-color:var(--typography-light)}.checkbox-wrapper .label-disabled{color:var(--typography-light)}\n"] }]
+        }], propDecorators: { checked: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVExRSxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBT1csWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUUvQixTQUFJLEdBQXlCLFFBQVEsQ0FBQztRQUN0QyxVQUFLLEdBQTRCLFNBQVMsQ0FBQztLQW1CckQ7SUFmQyxJQUFJLGFBQWE7UUFDZixPQUFPLEdBQUksSUFBSSxDQUFDLEtBQU0sSUFBSyxJQUFJLENBQUMsSUFBSyxJQUFLLElBQUksQ0FBQyxPQUFRLElBQUssSUFBSSxDQUFDLGFBQWEsSUFBSSxlQUFlLElBQUksRUFBRyxJQUFLLElBQUksQ0FBQyxRQUFRLElBQUksVUFBVSxJQUFJLEVBQUcsRUFBRSxDQUFDO0lBQ3BKLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksZ0JBQWdCLElBQUksRUFBRSxDQUFDO0lBQ2pELENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsUUFBUSxDQUFDLFFBQWdCLEVBQUU7UUFDekIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQzs7Z0hBdkJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHVMQ1JoQywrWkFhQTsyRkRMYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY2hlY2tib3gnLFxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRndDaGVja2JveENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaW5kZXRlcm1pbmF0ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgc2l6ZTogJ21lZGl1bScgfCAnY29tcGFjdCcgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBmb2N1c2VkOiBzdHJpbmc7XG5cbiAgZ2V0IGNoZWNrYm94U3R5bGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7IHRoaXMuY29sb3IgfSAkeyB0aGlzLnNpemUgfSAkeyB0aGlzLmZvY3VzZWQgfSAkeyB0aGlzLmluZGV0ZXJtaW5hdGUgJiYgJ2luZGV0ZXJtaW5hdGUnIHx8ICcnIH0gJHsgdGhpcy5kaXNhYmxlZCAmJiAnZGlzYWJsZWQnIHx8ICcnIH1gO1xuICB9XG5cbiAgZ2V0IGxhYmVsU3R5bGUoKTogJ2xhYmVsLWRpc2FibGVkJyB8ICcnIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCAmJiAnbGFiZWwtZGlzYWJsZWQnIHx8ICcnO1xuICB9XG5cbiAgc2V0SW5kZXRlcm1pbmF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcbiAgfVxuXG4gIHNldEZvY3VzKGZvY3VzOiBzdHJpbmcgPSAnJyk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZCA9IGZvY3VzO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2hlY2tib3gtd3JhcHBlclwiPlxuICA8ZGl2IGNsYXNzPVwiZnctY2hlY2tib3hcIiBbY2xhc3NdPVwiY2hlY2tib3hTdHlsZVwiPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgIGNsYXNzPVwiY2hlY2tib3hcIlxuICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgKGZvY3Vzb3V0KT1cInNldEZvY3VzKClcIlxuICAgICAgKGZvY3VzaW4pPVwic2V0Rm9jdXMoJ2ZvY3VzZWQnKVwiXG4gICAgICAoY2xpY2spPVwic2V0SW5kZXRlcm1pbmF0ZSgpXCIvPlxuICA8L2Rpdj5cbiAgPHNwYW4gW2NsYXNzXT1cImxhYmVsU3R5bGVcIiAqbmdJZj1cImxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==

package/esm2020/components/checkbox/checkbox.module.mjs

@@ -0,0 +1,24 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FwCheckboxComponent } from './checkbox.component';
+import * as i0 from "@angular/core";
+export class FwCheckboxModule {
+}
+FwCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FwCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxModule, declarations: [FwCheckboxComponent], imports: [CommonModule], exports: [FwCheckboxComponent] });
+FwCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [
+                        FwCheckboxComponent,
+                    ],
+                    declarations: [
+                        FwCheckboxComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQWEzRCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBSHpCLG1CQUFtQixhQU5uQixZQUFZLGFBR1osbUJBQW1COzhHQU1WLGdCQUFnQixZQVR6QixZQUFZOzJGQVNILGdCQUFnQjtrQkFYNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3FCQUNwQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0NoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9jaGVja2JveC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRndDaGVja2JveENvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndDaGVja2JveENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDaGVja2JveE1vZHVsZSB7XG59XG4iXX0=

package/esm2020/components/contained-input/contained-input.component.mjs

@@ -0,0 +1,55 @@
+import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../switch/switch.component";
+import * as i3 from "../checkbox/checkbox.component";
+export class FwContainedInputComponent {
+    constructor() {
+        this.inputPosition = 'end';
+        this.inputVariant = 'switch';
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.change = new EventEmitter();
+    }
+    clicked() {
+        this.checked = !this.checked;
+        this.change.emit(true);
+    }
+    get classes() {
+        return [
+            'fw-contained-input',
+            `position-${this.inputPosition}`,
+            [this.checked ? 'checked' : ''],
+            [this.disabled ? 'disabled' : ''],
+        ].join(' ');
+    }
+    ;
+}
+FwContainedInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwContainedInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwContainedInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwContainedInputComponent, selector: "fw-contained-input", inputs: { title: "title", description: "description", status: "status", inputPosition: "inputPosition", inputVariant: "inputVariant", checked: "checked", disabled: "disabled" }, outputs: { change: "change" }, host: { listeners: { "click": "clicked()" }, properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<div class=\"heading-area\">\n  <ng-content select=\"fw-avatar\"></ng-content>\n  <div>\n    <h4 class=\"section-heading\">{{ title }}\n      <span *ngIf=\"status\" class=\"status\">{{ status.toUpperCase() }}</span>\n      <ng-content select=\"fw-icon\"></ng-content>\n    </h4>\n    <p class=\"vision-p3\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n</div>\n<div class=\"input-content\">\n  <fw-switch *ngIf=\"inputVariant==='switch'\" [checked]=\"checked\" color=\"primary\"></fw-switch>\n  <fw-checkbox *ngIf=\"inputVariant==='checkbox'\" [checked]=\"checked\" color=\"primary\"></fw-checkbox>\n</div>\n", styles: [":host{display:flex;flex:1;justify-content:space-between;align-items:center;gap:16px;border:1px var(--separations-base) solid;padding:16px;border-radius:8px;cursor:pointer}:host:hover{border:1px solid var(--primary-border);background:var(--primary-hover)}:host.checked{border:1px solid var(--primary-border);background:var(--primary-focus)}:host.position-start{flex-direction:row-reverse}:host .heading-area{display:flex;align-items:center;gap:16px;flex:1}:host .heading-area h4{color:var(--typography-base);margin:0;display:flex;align-items:center;gap:5px}:host .heading-area h4 .status{color:var(--primary-base)}:host .heading-area p{color:var(--typography-muted);margin:0;line-height:140%;display:flex;align-items:center;gap:3px}:host .heading-area p a{color:var(--typography-muted)}:host .heading-area fw-icon.heading-icon{box-sizing:border-box;color:var(--primary-base);width:44px;height:44px;font-size:32px;text-align:center;justify-content:center;padding:6px}:host .input-content fw-switch{margin:0 8px 0 -8px;width:36px;display:block}:host .input-content fw-checkbox{margin:0}:host.disabled{border:1px solid var(--separations-base);background:none;opacity:.4;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwSwitchComponent, selector: "fw-switch", inputs: ["name", "title", "titlePosition", "size", "color", "disabled", "checked"], outputs: ["change"] }, { kind: "component", type: i3.FwCheckboxComponent, selector: "fw-checkbox", inputs: ["checked", "indeterminate", "disabled", "size", "color", "label"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwContainedInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-contained-input', template: "<div class=\"heading-area\">\n  <ng-content select=\"fw-avatar\"></ng-content>\n  <div>\n    <h4 class=\"section-heading\">{{ title }}\n      <span *ngIf=\"status\" class=\"status\">{{ status.toUpperCase() }}</span>\n      <ng-content select=\"fw-icon\"></ng-content>\n    </h4>\n    <p class=\"vision-p3\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n</div>\n<div class=\"input-content\">\n  <fw-switch *ngIf=\"inputVariant==='switch'\" [checked]=\"checked\" color=\"primary\"></fw-switch>\n  <fw-checkbox *ngIf=\"inputVariant==='checkbox'\" [checked]=\"checked\" color=\"primary\"></fw-checkbox>\n</div>\n", styles: [":host{display:flex;flex:1;justify-content:space-between;align-items:center;gap:16px;border:1px var(--separations-base) solid;padding:16px;border-radius:8px;cursor:pointer}:host:hover{border:1px solid var(--primary-border);background:var(--primary-hover)}:host.checked{border:1px solid var(--primary-border);background:var(--primary-focus)}:host.position-start{flex-direction:row-reverse}:host .heading-area{display:flex;align-items:center;gap:16px;flex:1}:host .heading-area h4{color:var(--typography-base);margin:0;display:flex;align-items:center;gap:5px}:host .heading-area h4 .status{color:var(--primary-base)}:host .heading-area p{color:var(--typography-muted);margin:0;line-height:140%;display:flex;align-items:center;gap:3px}:host .heading-area p a{color:var(--typography-muted)}:host .heading-area fw-icon.heading-icon{box-sizing:border-box;color:var(--primary-base);width:44px;height:44px;font-size:32px;text-align:center;justify-content:center;padding:6px}:host .input-content fw-switch{margin:0 8px 0 -8px;width:36px;display:block}:host .input-content fw-checkbox{margin:0}:host.disabled{border:1px solid var(--separations-base);background:none;opacity:.4;cursor:not-allowed}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], inputPosition: [{
+                type: Input
+            }], inputVariant: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], clicked: [{
+                type: HostListener,
+                args: ['click']
+            }], classes: [{
+                type: HostBinding,
+                args: ['attr.class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVkLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbnRhaW5lZC1pbnB1dC9jb250YWluZWQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY29udGFpbmVkLWlucHV0L2NvbnRhaW5lZC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT2xHLE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFTVyxrQkFBYSxHQUFxQixLQUFLLENBQUM7UUFDeEMsaUJBQVksR0FBb0MsUUFBUSxDQUFDO1FBR2xFLDREQUE0RDtRQUNsRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQWVoRDtJQWJ3QixPQUFPO1FBQzVCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUErQixPQUFPO1FBQ3BDLE9BQU87WUFDTCxvQkFBb0I7WUFDcEIsWUFBWSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ2hDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDL0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztTQUNsQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNkLENBQUM7SUFBQSxDQUFDOztzSEF2QlMseUJBQXlCOzBHQUF6Qix5QkFBeUIsd1dDUHRDLDJtQkFjQTsyRkRQYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usb0JBQW9COzhCQUtyQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTtnQkFFZ0IsT0FBTztzQkFBN0IsWUFBWTt1QkFBQyxPQUFPO2dCQUtVLE9BQU87c0JBQXJDLFdBQVc7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWNvbnRhaW5lZC1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWluZWQtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWluZWQtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDb250YWluZWRJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBASW5wdXQoKSBzdGF0dXM/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlucHV0UG9zaXRpb24/OiAnc3RhcnQnIHwgJ2VuZCcgPSAnZW5kJztcbiAgQElucHV0KCkgaW5wdXRWYXJpYW50PzogJ25vbmUnIHwgJ3N3aXRjaCcgfCAnY2hlY2tib3gnID0gJ3N3aXRjaCc7XG4gIEBJbnB1dCgpIGNoZWNrZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICBAT3V0cHV0KCkgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJykgY2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmNoZWNrZWQgPSAhdGhpcy5jaGVja2VkO1xuICAgIHRoaXMuY2hhbmdlLmVtaXQodHJ1ZSk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbXG4gICAgICAnZnctY29udGFpbmVkLWlucHV0JyxcbiAgICAgIGBwb3NpdGlvbi0ke3RoaXMuaW5wdXRQb3NpdGlvbn1gLFxuICAgICAgW3RoaXMuY2hlY2tlZCA/ICdjaGVja2VkJyA6ICcnXSxcbiAgICAgIFt0aGlzLmRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICcnXSxcbiAgICBdLmpvaW4oJyAnKTtcbiAgfTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWFkaW5nLWFyZWFcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYXZhdGFyXCI+PC9uZy1jb250ZW50PlxuICA8ZGl2PlxuICAgIDxoNCBjbGFzcz1cInNlY3Rpb24taGVhZGluZ1wiPnt7IHRpdGxlIH19XG4gICAgICA8c3BhbiAqbmdJZj1cInN0YXR1c1wiIGNsYXNzPVwic3RhdHVzXCI+e3sgc3RhdHVzLnRvVXBwZXJDYXNlKCkgfX08L3NwYW4+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1pY29uXCI+PC9uZy1jb250ZW50PlxuICAgIDwvaDQ+XG4gICAgPHAgY2xhc3M9XCJ2aXNpb24tcDNcIiAqbmdJZj1cImRlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfX08L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiaW5wdXQtY29udGVudFwiPlxuICA8Znctc3dpdGNoICpuZ0lmPVwiaW5wdXRWYXJpYW50PT09J3N3aXRjaCdcIiBbY2hlY2tlZF09XCJjaGVja2VkXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9mdy1zd2l0Y2g+XG4gIDxmdy1jaGVja2JveCAqbmdJZj1cImlucHV0VmFyaWFudD09PSdjaGVja2JveCdcIiBbY2hlY2tlZF09XCJjaGVja2VkXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9mdy1jaGVja2JveD5cbjwvZGl2PlxuIl19

package/esm2020/components/contained-input/contained-input.module.mjs

@@ -0,0 +1,40 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FwButtonModule } from '../button/button.module';
+import { FwCheckboxModule } from '../checkbox/checkbox.module';
+import { FwIconModule } from '../icon/icon.module';
+import { FwSwitchModule } from '../switch/switch.module';
+import { FwContainedInputComponent } from './contained-input.component';
+import * as i0 from "@angular/core";
+export class FwContainedInputModule {
+}
+FwContainedInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwContainedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FwContainedInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwContainedInputModule, declarations: [FwContainedInputComponent], imports: [CommonModule,
+        FwButtonModule,
+        FwIconModule,
+        FwSwitchModule,
+        FwCheckboxModule], exports: [FwContainedInputComponent] });
+FwContainedInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwContainedInputModule, imports: [CommonModule,
+        FwButtonModule,
+        FwIconModule,
+        FwSwitchModule,
+        FwCheckboxModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwContainedInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FwButtonModule,
+                        FwIconModule,
+                        FwSwitchModule,
+                        FwCheckboxModule,
+                    ],
+                    exports: [
+                        FwContainedInputComponent,
+                    ],
+                    declarations: [
+                        FwContainedInputComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVkLWlucHV0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbnRhaW5lZC1pbnB1dC9jb250YWluZWQtaW5wdXQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWlCeEUsTUFBTSxPQUFPLHNCQUFzQjs7bUhBQXRCLHNCQUFzQjtvSEFBdEIsc0JBQXNCLGlCQUgvQix5QkFBeUIsYUFWekIsWUFBWTtRQUNaLGNBQWM7UUFDZCxZQUFZO1FBQ1osY0FBYztRQUNkLGdCQUFnQixhQUdoQix5QkFBeUI7b0hBTWhCLHNCQUFzQixZQWIvQixZQUFZO1FBQ1osY0FBYztRQUNkLFlBQVk7UUFDWixjQUFjO1FBQ2QsZ0JBQWdCOzJGQVNQLHNCQUFzQjtrQkFmbEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCx5QkFBeUI7cUJBQzFCO29CQUNELFlBQVksRUFBRTt3QkFDWix5QkFBeUI7cUJBQzFCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3QnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndDaGVja2JveE1vZHVsZSB9IGZyb20gJy4uL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3U3dpdGNoTW9kdWxlIH0gZnJvbSAnLi4vc3dpdGNoL3N3aXRjaC5tb2R1bGUnO1xuaW1wb3J0IHsgRndDb250YWluZWRJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29udGFpbmVkLWlucHV0LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRndCdXR0b25Nb2R1bGUsXG4gICAgRndJY29uTW9kdWxlLFxuICAgIEZ3U3dpdGNoTW9kdWxlLFxuICAgIEZ3Q2hlY2tib3hNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0NvbnRhaW5lZElucHV0Q29tcG9uZW50LFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGd0NvbnRhaW5lZElucHV0Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NvbnRhaW5lZElucHV0TW9kdWxlIHtcbn1cbiJdfQ==

package/esm2020/components/dialog/dialog.component.mjs

@@ -30,10 +30,10 @@ export class FwDialogComponent {
     }
 }
 FwDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogComponent, deps: [{ token: i1.DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FwDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwDialogComponent, selector: "fw-dialog", inputs: { width: "width", title: "title", icon: "icon", iconColor: "iconColor", showClose: "showClose" }, outputs: { close: "close" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<div class=\"dialog\">\n  <fw-icon-button\n    *ngIf=\"showClose\"\n    tabindex=\"-1\" icon=\"close\" color=\"slate\"\n    (click)=\"handleCloseButton()\">\n  </fw-icon-button>\n  <div class=\"dialog-header\">\n    <ng-content select=\"fw-dialog-header\"></ng-content>\n    <div class=\"dialog-title\" *ngIf=\"title\">\n      <fw-icon *ngIf=\"icon\" [color]=\"iconColor\">{{ icon }}</fw-icon>\n      <h3>{{ title }}</h3>\n    </div>\n  </div>\n  <div class=\"dialog-body\">\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n  </div>\n  <div class=\"dialog-actions\">\n    <ng-content select=\"fw-dialog-actions\"></ng-content>\n  </div>\n</div>\n", styles: [":host{box-sizing:border-box;background-color:var(--card-background);border:1px solid var(--separations-base);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;max-width:95%;margin:auto}:host.dialog-width-extra-small{width:444px}:host.dialog-width-small{width:600px}:host.dialog-width-medium{width:900px}:host.dialog-width-large{width:1200px}:host.dialog-width-extra-large{width:1536px}:host .dialog{position:relative}:host .dialog fw-icon-button{position:absolute;top:4px;right:4px}:host .dialog .dialog-header{background-color:var(--card-header)}:host .dialog .dialog-header .dialog-title{display:flex;gap:8px;box-sizing:border-box;border-bottom:1px solid var(--separations-base);padding:12px 16px;height:44px;overflow:hidden;align-items:center}:host .dialog .dialog-header .dialog-title fw-icon{font-size:22px}:host .dialog .dialog-header .dialog-title h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:30px;flex:1}:host .dialog .dialog-header h3{margin:0}:host .dialog .dialog-header:empty{display:none}:host .dialog .dialog-body{background-color:var(--card-background);border-bottom:1px solid var(--separations-base)}:host .dialog .dialog-body:empty{display:none}:host .dialog .dialog-actions{padding:16px}:host .dialog .dialog-actions:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }, { kind: "component", type: i4.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
+FwDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwDialogComponent, selector: "fw-dialog", inputs: { width: "width", title: "title", icon: "icon", iconColor: "iconColor", showClose: "showClose" }, outputs: { close: "close" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<div class=\"dialog\">\n  <fw-icon-button\n    *ngIf=\"showClose\"\n    tabindex=\"-1\" icon=\"close\" color=\"slate\"\n    (click)=\"handleCloseButton()\">\n  </fw-icon-button>\n  <div class=\"dialog-header\">\n    <ng-content select=\"fw-dialog-header\"></ng-content>\n    <div class=\"dialog-title\" *ngIf=\"title\">\n      <fw-icon *ngIf=\"icon\" [color]=\"iconColor\">{{ icon }}</fw-icon>\n      <h3>{{ title }}</h3>\n    </div>\n  </div>\n  <div class=\"dialog-body\">\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n  </div>\n  <div class=\"dialog-actions\">\n    <ng-content select=\"fw-dialog-actions\"></ng-content>\n  </div>\n</div>\n", styles: [":host{box-sizing:border-box;background-color:var(--card-background);border:1px solid var(--separations-base);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}:host.dialog-width-extra-small{width:444px}:host.dialog-width-small{width:600px}:host.dialog-width-medium{width:900px}:host.dialog-width-large{width:1200px}:host.dialog-width-extra-large{width:1536px}:host .dialog{position:relative}:host .dialog fw-icon-button{position:absolute;top:4px;right:4px}:host .dialog .dialog-header{background-color:var(--card-header)}:host .dialog .dialog-header .dialog-title{display:flex;gap:8px;box-sizing:border-box;border-bottom:1px solid var(--separations-base);padding:12px 16px;height:44px;overflow:hidden;align-items:center}:host .dialog .dialog-header .dialog-title fw-icon{font-size:22px}:host .dialog .dialog-header .dialog-title h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:30px;flex:1}:host .dialog .dialog-header h3{margin:0}:host .dialog .dialog-header:empty{display:none}:host .dialog .dialog-body{background-color:var(--card-background);border-bottom:1px solid var(--separations-base)}:host .dialog .dialog-body:empty{display:none}:host .dialog .dialog-actions{padding:16px}:host .dialog .dialog-actions:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }, { kind: "component", type: i4.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fw-dialog', template: "<div class=\"dialog\">\n  <fw-icon-button\n    *ngIf=\"showClose\"\n    tabindex=\"-1\" icon=\"close\" color=\"slate\"\n    (click)=\"handleCloseButton()\">\n  </fw-icon-button>\n  <div class=\"dialog-header\">\n    <ng-content select=\"fw-dialog-header\"></ng-content>\n    <div class=\"dialog-title\" *ngIf=\"title\">\n      <fw-icon *ngIf=\"icon\" [color]=\"iconColor\">{{ icon }}</fw-icon>\n      <h3>{{ title }}</h3>\n    </div>\n  </div>\n  <div class=\"dialog-body\">\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n  </div>\n  <div class=\"dialog-actions\">\n    <ng-content select=\"fw-dialog-actions\"></ng-content>\n  </div>\n</div>\n", styles: [":host{box-sizing:border-box;background-color:var(--card-background);border:1px solid var(--separations-base);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;max-width:95%;margin:auto}:host.dialog-width-extra-small{width:444px}:host.dialog-width-small{width:600px}:host.dialog-width-medium{width:900px}:host.dialog-width-large{width:1200px}:host.dialog-width-extra-large{width:1536px}:host .dialog{position:relative}:host .dialog fw-icon-button{position:absolute;top:4px;right:4px}:host .dialog .dialog-header{background-color:var(--card-header)}:host .dialog .dialog-header .dialog-title{display:flex;gap:8px;box-sizing:border-box;border-bottom:1px solid var(--separations-base);padding:12px 16px;height:44px;overflow:hidden;align-items:center}:host .dialog .dialog-header .dialog-title fw-icon{font-size:22px}:host .dialog .dialog-header .dialog-title h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:30px;flex:1}:host .dialog .dialog-header h3{margin:0}:host .dialog .dialog-header:empty{display:none}:host .dialog .dialog-body{background-color:var(--card-background);border-bottom:1px solid var(--separations-base)}:host .dialog .dialog-body:empty{display:none}:host .dialog .dialog-actions{padding:16px}:host .dialog .dialog-actions:empty{display:none}\n"] }]
+            args: [{ selector: 'fw-dialog', template: "<div class=\"dialog\">\n  <fw-icon-button\n    *ngIf=\"showClose\"\n    tabindex=\"-1\" icon=\"close\" color=\"slate\"\n    (click)=\"handleCloseButton()\">\n  </fw-icon-button>\n  <div class=\"dialog-header\">\n    <ng-content select=\"fw-dialog-header\"></ng-content>\n    <div class=\"dialog-title\" *ngIf=\"title\">\n      <fw-icon *ngIf=\"icon\" [color]=\"iconColor\">{{ icon }}</fw-icon>\n      <h3>{{ title }}</h3>\n    </div>\n  </div>\n  <div class=\"dialog-body\">\n    <ng-content select=\"fw-dialog-content\"></ng-content>\n  </div>\n  <div class=\"dialog-actions\">\n    <ng-content select=\"fw-dialog-actions\"></ng-content>\n  </div>\n</div>\n", styles: [":host{box-sizing:border-box;background-color:var(--card-background);border:1px solid var(--separations-base);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}:host.dialog-width-extra-small{width:444px}:host.dialog-width-small{width:600px}:host.dialog-width-medium{width:900px}:host.dialog-width-large{width:1200px}:host.dialog-width-extra-large{width:1536px}:host .dialog{position:relative}:host .dialog fw-icon-button{position:absolute;top:4px;right:4px}:host .dialog .dialog-header{background-color:var(--card-header)}:host .dialog .dialog-header .dialog-title{display:flex;gap:8px;box-sizing:border-box;border-bottom:1px solid var(--separations-base);padding:12px 16px;height:44px;overflow:hidden;align-items:center}:host .dialog .dialog-header .dialog-title fw-icon{font-size:22px}:host .dialog .dialog-header .dialog-title h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:30px;flex:1}:host .dialog .dialog-header h3{margin:0}:host .dialog .dialog-header:empty{display:none}:host .dialog .dialog-body{background-color:var(--card-background);border-bottom:1px solid var(--separations-base)}:host .dialog .dialog-body:empty{display:none}:host .dialog .dialog-actions{padding:16px}:host .dialog .dialog-actions:empty{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { width: [{

package/esm2020/components/form-heading/form-heading.component.mjs

@@ -0,0 +1,24 @@
+import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class FwFormHeadingComponent {
+    constructor() {
+        this.class = 'fw-form-heading';
+    }
+}
+FwFormHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwFormHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwFormHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwFormHeadingComponent, selector: "fw-form-heading", inputs: { title: "title", description: "description", status: "status" }, host: { properties: { "attr.class": "this.class" } }, ngImport: i0, template: "<div class=\"heading-area\">\n  <div>\n    <h4 class=\"section-heading\">{{ title }}\n      <span *ngIf=\"status\" class=\"status\">{{ status.toUpperCase() }}</span>\n      <ng-content select=\"fw-icon\"></ng-content>\n      <ng-content select=\"fw-chip\"></ng-content>\n    </h4>\n    <p class=\"vision-p3\" *ngIf=\"description\">{{ description }}</p>\n    <ng-content select=\"p\"></ng-content>\n  </div>\n</div>\n<div class=\"right-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".fw-form-heading{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}.fw-form-heading .heading-area{display:flex;align-items:center;padding-left:4px;margin-bottom:8px}.fw-form-heading .heading-area h4{color:var(--typography-base);margin:0;display:flex;align-items:center;gap:5px}.fw-form-heading .heading-area h4 .status{color:var(--primary-base)}.fw-form-heading .heading-area p{color:var(--typography-muted);margin:0;line-height:140%;display:flex;align-items:center;gap:3px}.fw-form-heading .heading-area p a{color:var(--typography-muted)}.fw-form-heading .heading-area fw-icon.heading-icon{box-sizing:border-box;color:var(--primary-base);width:44px;height:44px;font-size:32px;text-align:center;justify-content:center;padding:6px}.fw-form-heading .right-content{display:flex;gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwFormHeadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-form-heading', encapsulation: ViewEncapsulation.None, template: "<div class=\"heading-area\">\n  <div>\n    <h4 class=\"section-heading\">{{ title }}\n      <span *ngIf=\"status\" class=\"status\">{{ status.toUpperCase() }}</span>\n      <ng-content select=\"fw-icon\"></ng-content>\n      <ng-content select=\"fw-chip\"></ng-content>\n    </h4>\n    <p class=\"vision-p3\" *ngIf=\"description\">{{ description }}</p>\n    <ng-content select=\"p\"></ng-content>\n  </div>\n</div>\n<div class=\"right-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".fw-form-heading{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}.fw-form-heading .heading-area{display:flex;align-items:center;padding-left:4px;margin-bottom:8px}.fw-form-heading .heading-area h4{color:var(--typography-base);margin:0;display:flex;align-items:center;gap:5px}.fw-form-heading .heading-area h4 .status{color:var(--primary-base)}.fw-form-heading .heading-area p{color:var(--typography-muted);margin:0;line-height:140%;display:flex;align-items:center;gap:3px}.fw-form-heading .heading-area p a{color:var(--typography-muted)}.fw-form-heading .heading-area fw-icon.heading-icon{box-sizing:border-box;color:var(--primary-base);width:44px;height:44px;font-size:32px;text-align:center;justify-content:center;padding:6px}.fw-form-heading .right-content{display:flex;gap:8px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['attr.class']
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1oZWFkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0taGVhZGluZy9mb3JtLWhlYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZm9ybS1oZWFkaW5nL2Zvcm0taGVhZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFqRixNQUFNLE9BQU8sc0JBQXNCO0lBTWpDO1FBTDJCLFVBQUssR0FBRyxpQkFBaUIsQ0FBQztJQU1yRCxDQUFDOzttSEFQVSxzQkFBc0I7dUdBQXRCLHNCQUFzQix1TENSbkMsc2VBY0E7MkZETmEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLGlCQUFpQixpQkFHWixpQkFBaUIsQ0FBQyxJQUFJOzBFQUdWLEtBQUs7c0JBQS9CLFdBQVc7dUJBQUMsWUFBWTtnQkFDaEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWZvcm0taGVhZGluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWhlYWRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mb3JtLWhlYWRpbmcuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRndGb3JtSGVhZGluZ0NvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGNsYXNzID0gJ2Z3LWZvcm0taGVhZGluZyc7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBASW5wdXQoKSBzdGF0dXM/OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWFkaW5nLWFyZWFcIj5cbiAgPGRpdj5cbiAgICA8aDQgY2xhc3M9XCJzZWN0aW9uLWhlYWRpbmdcIj57eyB0aXRsZSB9fVxuICAgICAgPHNwYW4gKm5nSWY9XCJzdGF0dXNcIiBjbGFzcz1cInN0YXR1c1wiPnt7IHN0YXR1cy50b1VwcGVyQ2FzZSgpIH19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctaWNvblwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWNoaXBcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9oND5cbiAgICA8cCBjbGFzcz1cInZpc2lvbi1wM1wiICpuZ0lmPVwiZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJwXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInJpZ2h0LWNvbnRlbnRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2020/components/form-heading/form-heading.module.mjs

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

package/esm2020/components/navbar/navbar-header/navbar-header.component.mjs

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FwNavbarHeaderComponent {
+}
+FwNavbarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwNavbarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwNavbarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwNavbarHeaderComponent, selector: "fw-navbar-header", ngImport: i0, template: "<h4>\n  <ng-content></ng-content>\n</h4>\n<ng-content select=\"fw-icon-button\"></ng-content>\n<ng-content select=\"fw-badge\"></ng-content>\n", styles: [":host{display:flex;align-items:center;height:34px;overflow:hidden;container-name:navbarheader;container-type:size}:host h4{padding:8px;margin:0 4px 0 12px;width:100%}@container navbarheader (max-width: 100px){h4{opacity:0}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwNavbarHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-navbar-header', template: "<h4>\n  <ng-content></ng-content>\n</h4>\n<ng-content select=\"fw-icon-button\"></ng-content>\n<ng-content select=\"fw-badge\"></ng-content>\n", styles: [":host{display:flex;align-items:center;height:34px;overflow:hidden;container-name:navbarheader;container-type:size}:host h4{padding:8px;margin:0 4px 0 12px;width:100%}@container navbarheader (max-width: 100px){h4{opacity:0}}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uYXZiYXIvbmF2YmFyLWhlYWRlci9uYXZiYXItaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmJhci9uYXZiYXItaGVhZGVyL25hdmJhci1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHdEQ1BwQyxnSkFLQTsyRkRFYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LW5hdmJhci1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2YmFyLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmJhci1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndOYXZiYXJIZWFkZXJDb21wb25lbnQge1xuXG59XG4iLCI8aDQ+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaDQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJmdy1pY29uLWJ1dHRvblwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWJhZGdlXCI+PC9uZy1jb250ZW50PlxuIl19