@flywheel-io/vision 21.2.1 → 21.3.1

package/package.json

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

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

@@ -716,7 +716,7 @@ declare class FwContainedInputComponent implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwContainedInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwContainedInputComponent, "fw-contained-input", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "inputPosition": { "alias": "inputPosition"; "required": false; "isSignal": true; }; "inputVariant": { "alias": "inputVariant"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; }, never, ["fw-avatar", "fw-icon"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwContainedInputComponent, "fw-contained-input", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "inputPosition": { "alias": "inputPosition"; "required": false; "isSignal": true; }; "inputVariant": { "alias": "inputVariant"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; }, never, ["fw-avatar", "fw-icon", "*"], true, never>;
 }
 
 /**
@@ -1098,6 +1098,7 @@ interface CustomSection {
     description?: string | null;
     key: string;
     fields: CustomField[];
+    visible?: RulesLogic[];
 }
 interface CustomForm {
     fields: (CustomField | CustomSection)[];
@@ -1127,10 +1128,12 @@ declare class FwFormRendererComponent {
     private readonly submitted;
     private readonly hideByKey;
     private readonly requiredByKey;
+    private readonly hideSectionByKey;
     private readonly expandedSectionKeys;
     structuredItems: _angular_core.Signal<(CustomField | CustomSection)[]>;
     isHidden(field: CustomField): boolean;
     isRequired(field: CustomField): boolean;
+    isSectionHidden(section: CustomSection): boolean;
     isSection(item: CustomField | CustomSection): item is CustomSection;
     isSectionExpanded(section: CustomSection): boolean;
     onSectionToggle(section: CustomSection, expanded: boolean): void;
@@ -1143,6 +1146,7 @@ declare class FwFormRendererComponent {
     private destroyRef;
     private currentKeys;
     private currentFields;
+    private currentSections;
     private readonly formRebuilt$;
     constructor();
     private flattenFields;
@@ -1165,6 +1169,12 @@ declare class FwFormRendererComponent {
     private validateFields;
     private isEmpty;
     private evaluateRule;
+    /**
+     * Evaluates hide/requiredWhenVisible for every field and hide for every section. A hidden
+     * section forces every one of its descendant fields hidden too, overriding whatever those
+     * fields' own `visible` logic would otherwise evaluate to.
+     */
+    private computeVisibility;
     private normalizeValues;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FwFormRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FwFormRendererComponent, "fw-form-renderer", never, { "formData": { "alias": "formData"; "required": false; "isSignal": true; }; "sectionBorder": { "alias": "sectionBorder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "statusChange": "statusChange"; }, never, never, true, never>;
@@ -3008,6 +3018,11 @@ declare class FwTypeaheadComponent implements ControlValueAccessor {
     loading: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.ModelSignal<boolean>;
     touched: _angular_core.WritableSignal<boolean>;
+    /**
+     * Text to display when there are no results to show in the dropdown. This is only shown when `allowNew` is false
+     * @default "No results found"
+     */
+    emptyText: _angular_core.InputSignal<string>;
     setDisabledState(isDisabled: boolean): void;
     writeValue(incomingValue: string[]): void;
     onChange: (_: string[]) => void;
@@ -3062,7 +3077,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; }; "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; }; "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>;
 }
 
 /**