@flywheel-io/vision 21.5.1 → 21.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flywheel-io/vision",
-  "version": "21.5.1",
+  "version": "21.6.0",
   "description": "Flywheel UI elements provided as Angular components and native web components",
   "author": "Flywheel",
   "license": "MIT",

package/types/flywheel-io-vision.d.ts

@@ -907,6 +907,35 @@ declare class FwContainedInputModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FwContainedInputModule>;
 }
 
+/**
+ * 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)
+ */
+declare class FwContainedRadioComponent {
+    readonly value: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly inputPosition: _angular_core.InputSignal<"start" | "end">;
+    readonly clamped: _angular_core.InputSignal<boolean>;
+    readonly margin: _angular_core.InputSignal<boolean>;
+    /**
+     * 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
+     */
+    readonly group: _angular_core.ModelSignal<string>;
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly color: _angular_core.ModelSignal<"primary" | "secondary" | "default" | "slate">;
+    readonly size: _angular_core.ModelSignal<"medium" | "compact">;
+    readonly change: _angular_core.OutputEmitterRef<string>;
+    readonly inputId: _angular_core.Signal<string>;
+    readonly hostClass: _angular_core.Signal<string>;
+    handleChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwContainedRadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwContainedRadioComponent, "fw-contained-radio", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "inputPosition": { "alias": "inputPosition"; "required": false; "isSignal": true; }; "clamped": { "alias": "clamped"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "group": "groupChange"; "checked": "checkedChange"; "disabled": "disabledChange"; "color": "colorChange"; "size": "sizeChange"; "change": "change"; }, never, ["fw-tag"], true, never>;
+}
+
 /**
  * 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)
@@ -1870,8 +1899,11 @@ declare class FwRadioGroupComponent implements ControlValueAccessor {
     private sanitizer;
     private dr;
     protected radioButtons: _angular_core.Signal<readonly FwRadioComponent[]>;
+    protected containedRadioButtons: _angular_core.Signal<readonly FwContainedRadioComponent[]>;
+    protected allRadios: _angular_core.Signal<(FwRadioComponent | FwContainedRadioComponent)[]>;
     private _value;
     private radioSubs;
+    private containedRadioSubs;
     get style(): SafeStyle;
     constructor();
     onTouch: () => void;
@@ -1882,7 +1914,7 @@ declare class FwRadioGroupComponent implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     handleChange(value: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwRadioGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwRadioGroupComponent, "fw-radio-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "change": "change"; }, ["radioButtons"], ["fw-radio-button"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwRadioGroupComponent, "fw-radio-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "change": "change"; }, ["radioButtons", "containedRadioButtons"], ["fw-radio-button, fw-contained-radio"], true, never>;
 }
 
 /**
@@ -3192,6 +3224,33 @@ declare class FwTypeaheadComponent implements ControlValueAccessor {
      * @default "No results found"
      */
     emptyText: _angular_core.InputSignal<string>;
+    /**
+     * Text to display in place of the options list once no more options can be selected or added, i.e. when
+     * `allowNew` is false and either every option is in `optionsNotAllowed` or every option is already selected.
+     * @default "No options available"
+     */
+    exhaustedText: _angular_core.InputSignal<string>;
+    /**
+     * Values that cannot be selected or added, whether they come from `options` or are typed as a new value.
+     * Matching is case-insensitive.
+     * @default []
+     */
+    optionsNotAllowed: _angular_core.InputSignal<string[]>;
+    /**
+     * Called with a new (not-yet-existing) value before it's added, to allow rejecting it. Has no effect on
+     * values that already exist in `options`.
+     */
+    onValidateNewOption: _angular_core.InputSignal<(newValue: string) => boolean>;
+    /**
+     * Label shown next to a new value that can be added
+     * @default "New"
+     */
+    optionNewLabel: _angular_core.InputSignal<string>;
+    /**
+     * Label shown next to an option or new value that's disallowed via `optionsNotAllowed` or `onValidateNewOption`
+     * @default "Not Allowed"
+     */
+    optionNotAllowedLabel: _angular_core.InputSignal<string>;
     setDisabledState(isDisabled: boolean): void;
     writeValue(incomingValue: string[]): void;
     onChange: (_: string[]) => void;
@@ -3228,6 +3287,24 @@ declare class FwTypeaheadComponent implements ControlValueAccessor {
     filteredOptions: _angular_core.Signal<string[]>;
     closeChip(chipValue: string): void;
     displayNewOption: _angular_core.Signal<boolean>;
+    isOptionNotAllowed: (optionValue: string) => boolean;
+    /**
+     * Whether the currently typed searchValue is allowed to be added as a new value, per `onValidateNewOption`
+     * and `optionsNotAllowed`. Only meaningful while `displayNewOption()` is true.
+     */
+    newOptionAllowed: _angular_core.Signal<boolean>;
+    /**
+     * Whether the new-option row should be shown. It's hidden while other matching options are still displayed,
+     * to avoid distracting from those, and only surfaced once nothing else matches.
+     */
+    showNewOption: _angular_core.Signal<boolean>;
+    private allOptionsNotAllowed;
+    private allOptionsSelected;
+    /**
+     * True once no more options can be selected or typed in: `allowNew` is false and either every remaining
+     * option is in `optionsNotAllowed`, or every provided option has already been selected.
+     */
+    isExhausted: _angular_core.Signal<boolean>;
     addValue: (newValue: string) => void;
     handleOptionClick: (optionValue: string) => void;
     resetFocusOnOptionsChange: _angular_core.EffectRef;
@@ -3246,7 +3323,7 @@ declare class FwTypeaheadComponent implements ControlValueAccessor {
     setFocusByValue(value: string): void;
     private moveFocused;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwTypeaheadComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwTypeaheadComponent, "fw-typeahead", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selectType": { "alias": "selectType"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "allowNew": { "alias": "allowNew"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "loading": "loadingChange"; "disabled": "disabledChange"; "value": "valueChange"; "searchValue": "searchValueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwTypeaheadComponent, "fw-typeahead", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "exhaustedText": { "alias": "exhaustedText"; "required": false; "isSignal": true; }; "optionsNotAllowed": { "alias": "optionsNotAllowed"; "required": false; "isSignal": true; }; "onValidateNewOption": { "alias": "onValidateNewOption"; "required": false; "isSignal": true; }; "optionNewLabel": { "alias": "optionNewLabel"; "required": false; "isSignal": true; }; "optionNotAllowedLabel": { "alias": "optionNotAllowedLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selectType": { "alias": "selectType"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "allowNew": { "alias": "allowNew"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "loading": "loadingChange"; "disabled": "disabledChange"; "value": "valueChange"; "searchValue": "searchValueChange"; }, never, never, true, never>;
 }
 
 /**
@@ -3276,5 +3353,5 @@ declare class FwWrappedInputModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FwWrappedInputModule>;
 }
 
-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 };
 export type { CustomField, CustomForm, CustomSection, DelayLength$3 as DelayLength, FwButtonColorOption, FwDialogConfig, FwDialogRef, FwPaginatorEvent, FwSnackbarMessage, HslaColor, HsvaColor, IconSize, IconType, LogicRule, MenuFilterFn, PaginationPage, PopoverPosition, RgbaColor, SimplePosition };