@flywheel-io/vision 21.5.2 → 21.6.0

package/fesm2022/flywheel-io-vision.mjs

@@ -3728,6 +3728,8 @@ const DEFAULT_PRESET_COLORS = [
     '#F5F5F5FF',
 ];
 
+// dragSaturation/dragHue/dragAlpha need the track element's current rect on every pointermove
+/* eslint-disable @rx-angular/prefer-no-layout-sensitive-apis */
 /**
  * Just under 360, not 359.99: hsvaToRgba rounds its output to 8-bit RGB channels, so a hue that's
  * only a fraction of a degree short of 360 still round-trips back as hue 0 once rounding destroys
@@ -4220,6 +4222,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
                 }]
         }] });
 
+/**
+ * A boxed, single-select card combining `FwContainedInput`'s contained-card layout with a radio control.
+ * Renders as a child of `fw-radio-group`, the same way `fw-radio-button` does.
+ * @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/form-controls-contained-radio--docs)
+ */
+class FwContainedRadioComponent {
+    constructor() {
+        this.value = input('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
+        this.description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : /* istanbul ignore next */ []));
+        this.inputPosition = input('start', ...(ngDevMode ? [{ debugName: "inputPosition" }] : /* istanbul ignore next */ []));
+        this.clamped = input(false, ...(ngDevMode ? [{ debugName: "clamped" }] : /* istanbul ignore next */ []));
+        this.margin = input(false, ...(ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []));
+        /**
+         * Set by the owning `fw-radio-group`, matching the underlying native `name` attribute so browser radio
+         * semantics (exclusivity, arrow-key navigation) work across sibling `fw-radio-button`/`fw-contained-radio` items
+         */
+        this.group = model('', ...(ngDevMode ? [{ debugName: "group" }] : /* istanbul ignore next */ []));
+        this.checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+        this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.color = model('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        this.size = model('medium', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.change = output();
+        this.inputId = computed(() => `${this.group()}${this.value()}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => [
+            'fw-contained-radio',
+            `position-${this.inputPosition()}`,
+            `color-${this.color()}`,
+            `size-${this.size()}`,
+            this.checked() ? 'checked' : '',
+            this.disabled() ? 'disabled' : '',
+            this.margin() ? 'margin' : '',
+        ].join(' '), ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+    }
+    handleChange(event) {
+        this.change.emit(event?.target?.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FwContainedRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: FwContainedRadioComponent, isStandalone: true, selector: "fw-contained-radio", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, inputPosition: { classPropertyName: "inputPosition", publicName: "inputPosition", isSignal: true, isRequired: false, transformFunction: null }, clamped: { classPropertyName: "clamped", publicName: "clamped", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { group: "groupChange", checked: "checkedChange", disabled: "disabledChange", color: "colorChange", size: "sizeChange", change: "change" }, host: { properties: { "class": "hostClass()" } }, ngImport: i0, template: "<label class=\"content\" [attr.for]=\"inputId()\">\n  <div class=\"input-heading\">\n    <h4 class=\"vision-h4 section-heading\">\n      <span [class.clamped]=\"clamped()\">{{ title() }}</span>\n      <ng-content select=\"fw-tag\"></ng-content>\n    </h4>\n    @if (description()) {\n      <p class=\"vision-p3\" [class.clamped]=\"clamped()\">{{ description() }}</p>\n    }\n  </div>\n  <div class=\"input-wrapper\">\n    <input\n      type=\"radio\"\n      class=\"radio-input\"\n      [id]=\"inputId()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [name]=\"group()\"\n      [disabled]=\"disabled()\"\n      (change)=\"handleChange($event)\"\n    />\n    <span class=\"item\">\n      @if (checked()) {\n        <span class=\"indicator\"></span>\n      }\n    </span>\n  </div>\n</label>\n", styles: [":host{position:relative;flex:1;display:flex;border:1px solid var(--separations-base);border-radius:8px;-webkit-user-select:none;user-select:none}:host:hover{background-color:var(--slate-hover);border-color:var(--slate-border)}:host.checked{border-color:var(--slate-base);z-index:1}:host.checked:hover{background-color:transparent}:host:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}:host:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}:host.margin{margin-bottom:16px;border-radius:8px}:host.margin+::ng-deep fw-contained-radio{margin-top:0;border-top-left-radius:8px;border-top-right-radius:8px}:host.color-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-border)}:host.color-primary.checked{border-color:var(--primary-base)}:host.color-primary.checked:hover{background-color:transparent}:host.color-secondary:hover{background-color:var(--secondary-hover);border-color:var(--secondary-border)}:host.color-secondary.checked{border-color:var(--secondary-base)}:host.color-secondary.checked:hover{background-color:transparent}:host.color-slate:hover{background-color:var(--slate-hover);border-color:var(--slate-border)}:host.color-slate.checked{border-color:var(--slate-base)}:host.color-slate.checked:hover{background-color:transparent}:host.position-start .content{flex-direction:row-reverse}:host.disabled{opacity:.4;cursor:not-allowed}:host.disabled .content{cursor:not-allowed}:host .content{position:relative;flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;padding:16px;gap:16px;cursor:pointer}:host.size-compact .content{padding:12px;gap:12px}:host .input-heading{display:flex;flex-direction:column;flex:1;min-width:0}:host .input-wrapper{position:relative;display:flex}:host h4{color:var(--typography-base);margin:0;display:flex;align-items:center;gap:5px}:host h4 .clamped{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host p{color:var(--typography-muted);margin:0;line-height:140%}:host p.clamped{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .radio-input{position:absolute;inset:0;width:36px;height:36px;margin:0;opacity:0;cursor:pointer}:host .radio-input:disabled{cursor:not-allowed}:host .item{height:36px;width:36px;min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative}:host .item:after{content:\"\";position:absolute;display:block;width:20px;height:20px;background-clip:content-box;border:2px solid var(--typography-light);background-color:transparent;border-radius:50%}:host .radio-input:focus-visible+.item{outline:2px solid var(--primary-base);outline-offset:2px}:host.color-primary .radio-input:checked+.item:after{border-color:var(--primary-base)}:host.color-secondary .radio-input:checked+.item:after{border-color:var(--secondary-base)}:host.size-compact .item{width:30px;height:30px;min-width:30px;min-height:30px}:host.size-compact .item:after{width:18px;height:18px}:host.size-compact .radio-input{width:30px;height:30px}:host .indicator{width:12px;height:12px;background-color:var(--typography-light);border-radius:50%}:host.color-primary .indicator{background-color:var(--primary-base)}:host.color-secondary .indicator{background-color:var(--secondary-base)}:host.size-compact .indicator{width:10px;height:10px}:host.disabled .item:after{border:2px solid var(--typography-light)!important}:host.disabled .indicator{background-color:var(--typography-light)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FwContainedRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-contained-radio', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClass()',
+                    }, template: "<label class=\"content\" [attr.for]=\"inputId()\">\n  <div class=\"input-heading\">\n    <h4 class=\"vision-h4 section-heading\">\n      <span [class.clamped]=\"clamped()\">{{ title() }}</span>\n      <ng-content select=\"fw-tag\"></ng-content>\n    </h4>\n    @if (description()) {\n      <p class=\"vision-p3\" [class.clamped]=\"clamped()\">{{ description() }}</p>\n    }\n  </div>\n  <div class=\"input-wrapper\">\n    <input\n      type=\"radio\"\n      class=\"radio-input\"\n      [id]=\"inputId()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [name]=\"group()\"\n      [disabled]=\"disabled()\"\n      (change)=\"handleChange($event)\"\n    />\n    <span class=\"item\">\n      @if (checked()) {\n        <span class=\"indicator\"></span>\n      }\n    </span>\n  </div>\n</label>\n", styles: [":host{position:relative;flex:1;display:flex;border:1px solid var(--separations-base);border-radius:8px;-webkit-user-select:none;user-select:none}:host:hover{background-color:var(--slate-hover);border-color:var(--slate-border)}:host.checked{border-color:var(--slate-base);z-index:1}:host.checked:hover{background-color:transparent}:host:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}:host:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}:host.margin{margin-bottom:16px;border-radius:8px}:host.margin+::ng-deep fw-contained-radio{margin-top:0;border-top-left-radius:8px;border-top-right-radius:8px}:host.color-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-border)}:host.color-primary.checked{border-color:var(--primary-base)}:host.color-primary.checked:hover{background-color:transparent}:host.color-secondary:hover{background-color:var(--secondary-hover);border-color:var(--secondary-border)}:host.color-secondary.checked{border-color:var(--secondary-base)}:host.color-secondary.checked:hover{background-color:transparent}:host.color-slate:hover{background-color:var(--slate-hover);border-color:var(--slate-border)}:host.color-slate.checked{border-color:var(--slate-base)}:host.color-slate.checked:hover{background-color:transparent}:host.position-start .content{flex-direction:row-reverse}:host.disabled{opacity:.4;cursor:not-allowed}:host.disabled .content{cursor:not-allowed}:host .content{position:relative;flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;padding:16px;gap:16px;cursor:pointer}:host.size-compact .content{padding:12px;gap:12px}:host .input-heading{display:flex;flex-direction:column;flex:1;min-width:0}:host .input-wrapper{position:relative;display:flex}:host h4{color:var(--typography-base);margin:0;display:flex;align-items:center;gap:5px}:host h4 .clamped{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host p{color:var(--typography-muted);margin:0;line-height:140%}:host p.clamped{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .radio-input{position:absolute;inset:0;width:36px;height:36px;margin:0;opacity:0;cursor:pointer}:host .radio-input:disabled{cursor:not-allowed}:host .item{height:36px;width:36px;min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative}:host .item:after{content:\"\";position:absolute;display:block;width:20px;height:20px;background-clip:content-box;border:2px solid var(--typography-light);background-color:transparent;border-radius:50%}:host .radio-input:focus-visible+.item{outline:2px solid var(--primary-base);outline-offset:2px}:host.color-primary .radio-input:checked+.item:after{border-color:var(--primary-base)}:host.color-secondary .radio-input:checked+.item:after{border-color:var(--secondary-base)}:host.size-compact .item{width:30px;height:30px;min-width:30px;min-height:30px}:host.size-compact .item:after{width:18px;height:18px}:host.size-compact .radio-input{width:30px;height:30px}:host .indicator{width:12px;height:12px;background-color:var(--typography-light);border-radius:50%}:host.color-primary .indicator{background-color:var(--primary-base)}:host.color-secondary .indicator{background-color:var(--secondary-base)}:host.size-compact .indicator{width:10px;height:10px}:host.disabled .item:after{border:2px solid var(--typography-light)!important}:host.disabled .indicator{background-color:var(--typography-light)!important}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], inputPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputPosition", required: false }] }], clamped: [{ type: i0.Input, args: [{ isSignal: true, alias: "clamped", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }, { type: i0.Output, args: ["groupChange"] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }, { type: i0.Output, args: ["colorChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
+
 /**
  * Form control component for date, time, or datetime-local input with optional icon and Angular forms integration
  * @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/form-controls-date-input--docs)
@@ -5961,13 +6011,16 @@ class FwRadioGroupComponent {
         this.sanitizer = inject(DomSanitizer);
         this.dr = inject(DestroyRef);
         this.radioButtons = contentChildren(FwRadioComponent, ...(ngDevMode ? [{ debugName: "radioButtons" }] : /* istanbul ignore next */ []));
+        this.containedRadioButtons = contentChildren(FwContainedRadioComponent, ...(ngDevMode ? [{ debugName: "containedRadioButtons" }] : /* istanbul ignore next */ []));
+        this.allRadios = computed(() => [...this.radioButtons(), ...this.containedRadioButtons()], ...(ngDevMode ? [{ debugName: "allRadios" }] : /* istanbul ignore next */ []));
         this._value = signal(null, ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
         this.radioSubs = new Map();
+        this.containedRadioSubs = new Map();
         this.onTouch = () => { };
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.onChange = (value) => { };
         effect(() => {
-            const radios = this.radioButtons();
+            const radios = this.allRadios();
             const value = this._value();
             const disabled = this.disabled();
             const group = this.group();
@@ -6000,6 +6053,21 @@ class FwRadioGroupComponent {
                 }
             });
         });
+        effect(() => {
+            const containedRadios = this.containedRadioButtons();
+            this.containedRadioSubs.forEach((sub, rb) => {
+                if (!containedRadios.includes(rb)) {
+                    sub.unsubscribe();
+                    this.containedRadioSubs.delete(rb);
+                }
+            });
+            containedRadios.forEach((rb) => {
+                if (!this.containedRadioSubs.has(rb)) {
+                    const sub = rb.change.subscribe((value) => this.handleChange(value));
+                    this.containedRadioSubs.set(rb, sub);
+                }
+            });
+        });
     }
     writeValue(newValue) {
         this.value.set(newValue);
@@ -6029,11 +6097,11 @@ class FwRadioGroupComponent {
                 useExisting: FwRadioGroupComponent,
                 multi: true,
             },
-        ], queries: [{ propertyName: "radioButtons", predicate: FwRadioComponent, isSignal: true }], ngImport: i0, template: '<ng-content select="fw-radio-button"></ng-content>', isInline: true }); }
+        ], queries: [{ propertyName: "radioButtons", predicate: FwRadioComponent, isSignal: true }, { propertyName: "containedRadioButtons", predicate: FwContainedRadioComponent, isSignal: true }], ngImport: i0, template: '<ng-content select="fw-radio-button, fw-contained-radio"></ng-content>', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FwRadioGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fw-radio-group', template: '<ng-content select="fw-radio-button"></ng-content>', providers: [
+            args: [{ selector: 'fw-radio-group', template: '<ng-content select="fw-radio-button, fw-contained-radio"></ng-content>', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: FwRadioGroupComponent,
@@ -6042,7 +6110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
                     ] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], change: [{
                 type: Output
-            }], radioButtons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FwRadioComponent), { isSignal: true }] }], style: [{
+            }], radioButtons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FwRadioComponent), { isSignal: true }] }], containedRadioButtons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FwContainedRadioComponent), { isSignal: true }] }], style: [{
                 type: HostBinding,
                 args: ['style']
             }] } });
@@ -11035,5 +11103,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_PRESET_COLORS, DEFAULT_RGBA, DialogWidth, FieldType, FwAlertComponent, FwAlertModule, FwAppIconComponent, FwAppIconModule, FwAvatarComponent, FwAvatarListComponent, FwAvatarModule, FwBackButtonComponent, FwBadgeComponent, FwBadgeModule, FwBreadcrumbsComponent, FwBreadcrumbsModule, FwButtonComponent, FwButtonDangerDirective, FwButtonDirective, FwButtonGroupComponent, FwButtonGroupModule, FwButtonModule, FwButtonPrimaryDirective, FwButtonSecondaryDirective, FwButtonSuccessDirective, FwButtonToggleComponent, FwButtonToggleItemComponent, FwButtonToggleModule, FwCardAttributeComponent, FwCardAuthorComponent, FwCardComponent, FwCardContentComponent, FwCardFooterComponent, FwCardHeaderComponent, FwCardModule, FwCell, FwCellDef, FwCheckboxComponent, FwCheckboxGroupComponent, FwCheckboxModule, FwChipComponent, FwChipModule, FwColorPickerComponent, FwColumnDef, FwContainedInputComponent, FwContainedInputModule, FwCrumbComponent, FwDateInputComponent, FwDateInputModule, FwDialogActionsComponent, FwDialogComponent, FwDialogConfirmComponent, FwDialogContentComponent, FwDialogHeaderComponent, FwDialogService, FwDialogSimpleComponent, FwDialogsModule, FwFooterCell, FwFooterCellDef, FwFooterRow, FwFooterRowDef, FwFormHeadingComponent, FwFormHeadingModule, FwFormRendererComponent, FwGridComponent, FwGridItemComponent, FwHeaderCell, FwHeaderCellDef, FwHeaderRow, FwHeaderRowDef, FwIconButtonComponent, FwIconButtonModule, FwIconComponent, FwIconModule, FwLayoutContextComponent, FwLayoutGroupComponent, FwLayoutPanelComponent, FwLayoutSidebarComponent, FwLayoutToolbarComponent, FwLayoutsModule, FwMenuCloseTriggersDirective, FwMenuComponent, FwMenuContainerComponent, FwMenuHeaderComponent, FwMenuItemComponent, FwMenuItemGroupComponent, FwMenuModule, FwMenuSeparatorComponent, FwMenuSubItemComponent, FwMultiSelectMenuComponent, FwNavbarComponent, FwNavbarHeaderComponent, FwNavbarItemComponent, FwNavbarModule, FwNavbarSubItemComponent, FwNoDataRow, FwNumberInputComponent, FwNumberInputModule, FwPaginatorAdvancedComponent, FwPaginatorComponent, FwPaginatorModule, FwPhoneInputComponent, FwPhoneInputModule, FwPopoverComponent, FwPopoverModule, FwPopoverPanelComponent, FwProgressBarComponent, FwProgressModule, FwProgressSpinnerComponent, FwRadioComponent, FwRadioGroupComponent, FwRadioModule, FwRow, FwRowDef, FwSectionHeadingComponent, FwSectionHeadingModule, FwSelectMenuComponent, FwSelectMenuModule, FwSnackbarComponent, FwSnackbarContainerComponent, FwSnackbarModule, FwSnackbarService, FwStepComponent, FwStepDecoratorComponent, FwStepperComponent, FwStepperModule, FwSubsectionHeadingComponent, FwSwitchComponent, FwSwitchModule, FwTabComponent, FwTabPanelComponent, FwTableComponent, FwTableDenseComponent, FwTableModule, FwTabsComponent, FwTabsModule, FwTagComponent, FwTagModule, FwTextAreaInputComponent, FwTextAreaInputModule, FwTextComponent, FwTextInputComponent, FwTextInputModule, FwTimeZoneSelectComponent, FwTooltipComponent, FwTooltipDirective, FwTooltipModule, FwTooltipPanelComponent, FwTypeaheadComponent, FwValidators, FwWrappedInputComponent, FwWrappedInputModule, LayoutWidth, MAX_PRESET_COLORS, MenuManagerService, MenuRegisterDirective, MinimalTranslationService, NoopValueAccessorDirective, TranslationService, allIcons, clamp, genMessageId, hexToRgba, hslaToHsva, hsvaToHsla, hsvaToRgba, notBeforeDate, notFutureDate, rgbaToHex, rgbaToHex8, rgbaToHsva };
+export { DEFAULT_PRESET_COLORS, DEFAULT_RGBA, DialogWidth, FieldType, FwAlertComponent, FwAlertModule, FwAppIconComponent, FwAppIconModule, FwAvatarComponent, FwAvatarListComponent, FwAvatarModule, FwBackButtonComponent, FwBadgeComponent, FwBadgeModule, FwBreadcrumbsComponent, FwBreadcrumbsModule, FwButtonComponent, FwButtonDangerDirective, FwButtonDirective, FwButtonGroupComponent, FwButtonGroupModule, FwButtonModule, FwButtonPrimaryDirective, FwButtonSecondaryDirective, FwButtonSuccessDirective, FwButtonToggleComponent, FwButtonToggleItemComponent, FwButtonToggleModule, FwCardAttributeComponent, FwCardAuthorComponent, FwCardComponent, FwCardContentComponent, FwCardFooterComponent, FwCardHeaderComponent, FwCardModule, FwCell, FwCellDef, FwCheckboxComponent, FwCheckboxGroupComponent, FwCheckboxModule, FwChipComponent, FwChipModule, FwColorPickerComponent, FwColumnDef, FwContainedInputComponent, FwContainedInputModule, FwContainedRadioComponent, FwCrumbComponent, FwDateInputComponent, FwDateInputModule, FwDialogActionsComponent, FwDialogComponent, FwDialogConfirmComponent, FwDialogContentComponent, FwDialogHeaderComponent, FwDialogService, FwDialogSimpleComponent, FwDialogsModule, FwFooterCell, FwFooterCellDef, FwFooterRow, FwFooterRowDef, FwFormHeadingComponent, FwFormHeadingModule, FwFormRendererComponent, FwGridComponent, FwGridItemComponent, FwHeaderCell, FwHeaderCellDef, FwHeaderRow, FwHeaderRowDef, FwIconButtonComponent, FwIconButtonModule, FwIconComponent, FwIconModule, FwLayoutContextComponent, FwLayoutGroupComponent, FwLayoutPanelComponent, FwLayoutSidebarComponent, FwLayoutToolbarComponent, FwLayoutsModule, FwMenuCloseTriggersDirective, FwMenuComponent, FwMenuContainerComponent, FwMenuHeaderComponent, FwMenuItemComponent, FwMenuItemGroupComponent, FwMenuModule, FwMenuSeparatorComponent, FwMenuSubItemComponent, FwMultiSelectMenuComponent, FwNavbarComponent, FwNavbarHeaderComponent, FwNavbarItemComponent, FwNavbarModule, FwNavbarSubItemComponent, FwNoDataRow, FwNumberInputComponent, FwNumberInputModule, FwPaginatorAdvancedComponent, FwPaginatorComponent, FwPaginatorModule, FwPhoneInputComponent, FwPhoneInputModule, FwPopoverComponent, FwPopoverModule, FwPopoverPanelComponent, FwProgressBarComponent, FwProgressModule, FwProgressSpinnerComponent, FwRadioComponent, FwRadioGroupComponent, FwRadioModule, FwRow, FwRowDef, FwSectionHeadingComponent, FwSectionHeadingModule, FwSelectMenuComponent, FwSelectMenuModule, FwSnackbarComponent, FwSnackbarContainerComponent, FwSnackbarModule, FwSnackbarService, FwStepComponent, FwStepDecoratorComponent, FwStepperComponent, FwStepperModule, FwSubsectionHeadingComponent, FwSwitchComponent, FwSwitchModule, FwTabComponent, FwTabPanelComponent, FwTableComponent, FwTableDenseComponent, FwTableModule, FwTabsComponent, FwTabsModule, FwTagComponent, FwTagModule, FwTextAreaInputComponent, FwTextAreaInputModule, FwTextComponent, FwTextInputComponent, FwTextInputModule, FwTimeZoneSelectComponent, FwTooltipComponent, FwTooltipDirective, FwTooltipModule, FwTooltipPanelComponent, FwTypeaheadComponent, FwValidators, FwWrappedInputComponent, FwWrappedInputModule, LayoutWidth, MAX_PRESET_COLORS, MenuManagerService, MenuRegisterDirective, MinimalTranslationService, NoopValueAccessorDirective, TranslationService, allIcons, clamp, genMessageId, hexToRgba, hslaToHsva, hsvaToHsla, hsvaToRgba, notBeforeDate, notFutureDate, rgbaToHex, rgbaToHex8, rgbaToHsva };
 //# sourceMappingURL=flywheel-io-vision.mjs.map