@flywheel-io/vision 21.5.1 → 21.5.2

package/package.json

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

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

@@ -3192,6 +3192,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 +3255,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 +3291,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>;
 }
 
 /**