@dyedurham/search-and-file-widget 2.0.45 → 2.0.46

package/dnd-filing-shell.js

@@ -54590,6 +54590,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_overlay_module_BUj0D19H();
       init_core();
       init_core();
+      init_scrolling();
       FullscreenOverlayContainer = class _FullscreenOverlayContainer extends OverlayContainer {
         _renderer = inject(RendererFactory2).createRenderer(null, null);
         _fullScreenEventName;
@@ -75424,6 +75425,986 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
   });
 
+  // node_modules/@angular/material/fesm2022/module-C9K6ZqpI.mjs
+  function getMatTooltipInvalidPositionError(position) {
+    return Error(`Tooltip position "${position}" is invalid.`);
+  }
+  function MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY(overlay) {
+    return () => overlay.scrollStrategies.reposition({
+      scrollThrottle: SCROLL_THROTTLE_MS
+    });
+  }
+  function MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY() {
+    return {
+      showDelay: 0,
+      hideDelay: 0,
+      touchendHideDelay: 1500
+    };
+  }
+  var _c014, SCROLL_THROTTLE_MS, MAT_TOOLTIP_SCROLL_STRATEGY, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_TOOLTIP_DEFAULT_OPTIONS, PANEL_CLASS, passiveListenerOptions, MIN_VIEWPORT_TOOLTIP_THRESHOLD, UNBOUNDED_ANCHOR_GAP, MIN_HEIGHT, MAX_WIDTH, MatTooltip, TooltipComponent, MatTooltipModule;
+  var init_module_C9K6ZqpI = __esm({
+    "node_modules/@angular/material/fesm2022/module-C9K6ZqpI.mjs"() {
+      init_core();
+      init_core();
+      init_a11y();
+      init_overlay();
+      init_scrolling();
+      init_operators();
+      init_coercion();
+      init_keycodes();
+      init_common();
+      init_platform();
+      init_bidi();
+      init_portal();
+      init_esm();
+      init_common_module_WayjW0Pb();
+      _c014 = ["tooltip"];
+      SCROLL_THROTTLE_MS = 20;
+      MAT_TOOLTIP_SCROLL_STRATEGY = new InjectionToken("mat-tooltip-scroll-strategy", {
+        providedIn: "root",
+        factory: () => {
+          const overlay = inject(Overlay);
+          return () => overlay.scrollStrategies.reposition({
+            scrollThrottle: SCROLL_THROTTLE_MS
+          });
+        }
+      });
+      MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER = {
+        provide: MAT_TOOLTIP_SCROLL_STRATEGY,
+        deps: [Overlay],
+        useFactory: MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY
+      };
+      MAT_TOOLTIP_DEFAULT_OPTIONS = new InjectionToken("mat-tooltip-default-options", {
+        providedIn: "root",
+        factory: MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY
+      });
+      PANEL_CLASS = "tooltip-panel";
+      passiveListenerOptions = normalizePassiveListenerOptions({
+        passive: true
+      });
+      MIN_VIEWPORT_TOOLTIP_THRESHOLD = 8;
+      UNBOUNDED_ANCHOR_GAP = 8;
+      MIN_HEIGHT = 24;
+      MAX_WIDTH = 200;
+      MatTooltip = class _MatTooltip {
+        _elementRef = inject(ElementRef);
+        _ngZone = inject(NgZone);
+        _platform = inject(Platform);
+        _ariaDescriber = inject(AriaDescriber);
+        _focusMonitor = inject(FocusMonitor);
+        _dir = inject(Directionality);
+        _injector = inject(Injector);
+        _viewContainerRef = inject(ViewContainerRef);
+        _defaultOptions = inject(MAT_TOOLTIP_DEFAULT_OPTIONS, {
+          optional: true
+        });
+        _overlayRef;
+        _tooltipInstance;
+        _portal;
+        _position = "below";
+        _positionAtOrigin = false;
+        _disabled = false;
+        _tooltipClass;
+        _viewInitialized = false;
+        _pointerExitEventsInitialized = false;
+        _tooltipComponent = TooltipComponent;
+        _viewportMargin = 8;
+        _currentPosition;
+        _cssClassPrefix = "mat-mdc";
+        _ariaDescriptionPending;
+        _dirSubscribed = false;
+        /** Allows the user to define the position of the tooltip relative to the parent element */
+        get position() {
+          return this._position;
+        }
+        set position(value) {
+          if (value !== this._position) {
+            this._position = value;
+            if (this._overlayRef) {
+              this._updatePosition(this._overlayRef);
+              this._tooltipInstance?.show(0);
+              this._overlayRef.updatePosition();
+            }
+          }
+        }
+        /**
+         * Whether tooltip should be relative to the click or touch origin
+         * instead of outside the element bounding box.
+         */
+        get positionAtOrigin() {
+          return this._positionAtOrigin;
+        }
+        set positionAtOrigin(value) {
+          this._positionAtOrigin = coerceBooleanProperty(value);
+          this._detach();
+          this._overlayRef = null;
+        }
+        /** Disables the display of the tooltip. */
+        get disabled() {
+          return this._disabled;
+        }
+        set disabled(value) {
+          const isDisabled = coerceBooleanProperty(value);
+          if (this._disabled !== isDisabled) {
+            this._disabled = isDisabled;
+            if (isDisabled) {
+              this.hide(0);
+            } else {
+              this._setupPointerEnterEventsIfNeeded();
+            }
+            this._syncAriaDescription(this.message);
+          }
+        }
+        /** The default delay in ms before showing the tooltip after show is called */
+        get showDelay() {
+          return this._showDelay;
+        }
+        set showDelay(value) {
+          this._showDelay = coerceNumberProperty(value);
+        }
+        _showDelay;
+        /** The default delay in ms before hiding the tooltip after hide is called */
+        get hideDelay() {
+          return this._hideDelay;
+        }
+        set hideDelay(value) {
+          this._hideDelay = coerceNumberProperty(value);
+          if (this._tooltipInstance) {
+            this._tooltipInstance._mouseLeaveHideDelay = this._hideDelay;
+          }
+        }
+        _hideDelay;
+        /**
+         * How touch gestures should be handled by the tooltip. On touch devices the tooltip directive
+         * uses a long press gesture to show and hide, however it can conflict with the native browser
+         * gestures. To work around the conflict, Angular Material disables native gestures on the
+         * trigger, but that might not be desirable on particular elements (e.g. inputs and draggable
+         * elements). The different values for this option configure the touch event handling as follows:
+         * - `auto` - Enables touch gestures for all elements, but tries to avoid conflicts with native
+         *   browser gestures on particular elements. In particular, it allows text selection on inputs
+         *   and textareas, and preserves the native browser dragging on elements marked as `draggable`.
+         * - `on` - Enables touch gestures for all elements and disables native
+         *   browser gestures with no exceptions.
+         * - `off` - Disables touch gestures. Note that this will prevent the tooltip from
+         *   showing on touch devices.
+         */
+        touchGestures = "auto";
+        /** The message to be displayed in the tooltip */
+        get message() {
+          return this._message;
+        }
+        set message(value) {
+          const oldMessage = this._message;
+          this._message = value != null ? String(value).trim() : "";
+          if (!this._message && this._isTooltipVisible()) {
+            this.hide(0);
+          } else {
+            this._setupPointerEnterEventsIfNeeded();
+            this._updateTooltipMessage();
+          }
+          this._syncAriaDescription(oldMessage);
+        }
+        _message = "";
+        /** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */
+        get tooltipClass() {
+          return this._tooltipClass;
+        }
+        set tooltipClass(value) {
+          this._tooltipClass = value;
+          if (this._tooltipInstance) {
+            this._setTooltipClass(this._tooltipClass);
+          }
+        }
+        /** Manually-bound passive event listeners. */
+        _passiveListeners = [];
+        /** Timer started at the last `touchstart` event. */
+        _touchstartTimeout = null;
+        /** Emits when the component is destroyed. */
+        _destroyed = new Subject();
+        /** Whether ngOnDestroyed has been called. */
+        _isDestroyed = false;
+        constructor() {
+          const defaultOptions = this._defaultOptions;
+          if (defaultOptions) {
+            this._showDelay = defaultOptions.showDelay;
+            this._hideDelay = defaultOptions.hideDelay;
+            if (defaultOptions.position) {
+              this.position = defaultOptions.position;
+            }
+            if (defaultOptions.positionAtOrigin) {
+              this.positionAtOrigin = defaultOptions.positionAtOrigin;
+            }
+            if (defaultOptions.touchGestures) {
+              this.touchGestures = defaultOptions.touchGestures;
+            }
+            if (defaultOptions.tooltipClass) {
+              this.tooltipClass = defaultOptions.tooltipClass;
+            }
+          }
+          this._viewportMargin = MIN_VIEWPORT_TOOLTIP_THRESHOLD;
+        }
+        ngAfterViewInit() {
+          this._viewInitialized = true;
+          this._setupPointerEnterEventsIfNeeded();
+          this._focusMonitor.monitor(this._elementRef).pipe(takeUntil(this._destroyed)).subscribe((origin) => {
+            if (!origin) {
+              this._ngZone.run(() => this.hide(0));
+            } else if (origin === "keyboard") {
+              this._ngZone.run(() => this.show());
+            }
+          });
+        }
+        /**
+         * Dispose the tooltip when destroyed.
+         */
+        ngOnDestroy() {
+          const nativeElement = this._elementRef.nativeElement;
+          if (this._touchstartTimeout) {
+            clearTimeout(this._touchstartTimeout);
+          }
+          if (this._overlayRef) {
+            this._overlayRef.dispose();
+            this._tooltipInstance = null;
+          }
+          this._passiveListeners.forEach(([event, listener]) => {
+            nativeElement.removeEventListener(event, listener, passiveListenerOptions);
+          });
+          this._passiveListeners.length = 0;
+          this._destroyed.next();
+          this._destroyed.complete();
+          this._isDestroyed = true;
+          this._ariaDescriber.removeDescription(nativeElement, this.message, "tooltip");
+          this._focusMonitor.stopMonitoring(nativeElement);
+        }
+        /** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */
+        show(delay2 = this.showDelay, origin) {
+          if (this.disabled || !this.message || this._isTooltipVisible()) {
+            this._tooltipInstance?._cancelPendingAnimations();
+            return;
+          }
+          const overlayRef = this._createOverlay(origin);
+          this._detach();
+          this._portal = this._portal || new ComponentPortal(this._tooltipComponent, this._viewContainerRef);
+          const instance = this._tooltipInstance = overlayRef.attach(this._portal).instance;
+          instance._triggerElement = this._elementRef.nativeElement;
+          instance._mouseLeaveHideDelay = this._hideDelay;
+          instance.afterHidden().pipe(takeUntil(this._destroyed)).subscribe(() => this._detach());
+          this._setTooltipClass(this._tooltipClass);
+          this._updateTooltipMessage();
+          instance.show(delay2);
+        }
+        /** Hides the tooltip after the delay in ms, defaults to tooltip-delay-hide or 0ms if no input */
+        hide(delay2 = this.hideDelay) {
+          const instance = this._tooltipInstance;
+          if (instance) {
+            if (instance.isVisible()) {
+              instance.hide(delay2);
+            } else {
+              instance._cancelPendingAnimations();
+              this._detach();
+            }
+          }
+        }
+        /** Shows/hides the tooltip */
+        toggle(origin) {
+          this._isTooltipVisible() ? this.hide() : this.show(void 0, origin);
+        }
+        /** Returns true if the tooltip is currently visible to the user */
+        _isTooltipVisible() {
+          return !!this._tooltipInstance && this._tooltipInstance.isVisible();
+        }
+        /** Create the overlay config and position strategy */
+        _createOverlay(origin) {
+          if (this._overlayRef) {
+            const existingStrategy = this._overlayRef.getConfig().positionStrategy;
+            if ((!this.positionAtOrigin || !origin) && existingStrategy._origin instanceof ElementRef) {
+              return this._overlayRef;
+            }
+            this._detach();
+          }
+          const scrollableAncestors = this._injector.get(ScrollDispatcher).getAncestorScrollContainers(this._elementRef);
+          const overlay = this._injector.get(Overlay);
+          const strategy = overlay.position().flexibleConnectedTo(this.positionAtOrigin ? origin || this._elementRef : this._elementRef).withTransformOriginOn(`.${this._cssClassPrefix}-tooltip`).withFlexibleDimensions(false).withViewportMargin(this._viewportMargin).withScrollableContainers(scrollableAncestors);
+          strategy.positionChanges.pipe(takeUntil(this._destroyed)).subscribe((change) => {
+            this._updateCurrentPositionClass(change.connectionPair);
+            if (this._tooltipInstance) {
+              if (change.scrollableViewProperties.isOverlayClipped && this._tooltipInstance.isVisible()) {
+                this._ngZone.run(() => this.hide(0));
+              }
+            }
+          });
+          this._overlayRef = overlay.create({
+            direction: this._dir,
+            positionStrategy: strategy,
+            panelClass: `${this._cssClassPrefix}-${PANEL_CLASS}`,
+            scrollStrategy: this._injector.get(MAT_TOOLTIP_SCROLL_STRATEGY)()
+          });
+          this._updatePosition(this._overlayRef);
+          this._overlayRef.detachments().pipe(takeUntil(this._destroyed)).subscribe(() => this._detach());
+          this._overlayRef.outsidePointerEvents().pipe(takeUntil(this._destroyed)).subscribe(() => this._tooltipInstance?._handleBodyInteraction());
+          this._overlayRef.keydownEvents().pipe(takeUntil(this._destroyed)).subscribe((event) => {
+            if (this._isTooltipVisible() && event.keyCode === ESCAPE && !hasModifierKey(event)) {
+              event.preventDefault();
+              event.stopPropagation();
+              this._ngZone.run(() => this.hide(0));
+            }
+          });
+          if (this._defaultOptions?.disableTooltipInteractivity) {
+            this._overlayRef.addPanelClass(`${this._cssClassPrefix}-tooltip-panel-non-interactive`);
+          }
+          if (!this._dirSubscribed) {
+            this._dirSubscribed = true;
+            this._dir.change.pipe(takeUntil(this._destroyed)).subscribe(() => {
+              if (this._overlayRef) {
+                this._updatePosition(this._overlayRef);
+              }
+            });
+          }
+          return this._overlayRef;
+        }
+        /** Detaches the currently-attached tooltip. */
+        _detach() {
+          if (this._overlayRef && this._overlayRef.hasAttached()) {
+            this._overlayRef.detach();
+          }
+          this._tooltipInstance = null;
+        }
+        /** Updates the position of the current tooltip. */
+        _updatePosition(overlayRef) {
+          const position = overlayRef.getConfig().positionStrategy;
+          const origin = this._getOrigin();
+          const overlay = this._getOverlayPosition();
+          position.withPositions([this._addOffset(__spreadValues(__spreadValues({}, origin.main), overlay.main)), this._addOffset(__spreadValues(__spreadValues({}, origin.fallback), overlay.fallback))]);
+        }
+        /** Adds the configured offset to a position. Used as a hook for child classes. */
+        _addOffset(position) {
+          const offset = UNBOUNDED_ANCHOR_GAP;
+          const isLtr = !this._dir || this._dir.value == "ltr";
+          if (position.originY === "top") {
+            position.offsetY = -offset;
+          } else if (position.originY === "bottom") {
+            position.offsetY = offset;
+          } else if (position.originX === "start") {
+            position.offsetX = isLtr ? -offset : offset;
+          } else if (position.originX === "end") {
+            position.offsetX = isLtr ? offset : -offset;
+          }
+          return position;
+        }
+        /**
+         * Returns the origin position and a fallback position based on the user's position preference.
+         * The fallback position is the inverse of the origin (e.g. `'below' -> 'above'`).
+         */
+        _getOrigin() {
+          const isLtr = !this._dir || this._dir.value == "ltr";
+          const position = this.position;
+          let originPosition;
+          if (position == "above" || position == "below") {
+            originPosition = {
+              originX: "center",
+              originY: position == "above" ? "top" : "bottom"
+            };
+          } else if (position == "before" || position == "left" && isLtr || position == "right" && !isLtr) {
+            originPosition = {
+              originX: "start",
+              originY: "center"
+            };
+          } else if (position == "after" || position == "right" && isLtr || position == "left" && !isLtr) {
+            originPosition = {
+              originX: "end",
+              originY: "center"
+            };
+          } else if (typeof ngDevMode === "undefined" || ngDevMode) {
+            throw getMatTooltipInvalidPositionError(position);
+          }
+          const {
+            x,
+            y
+          } = this._invertPosition(originPosition.originX, originPosition.originY);
+          return {
+            main: originPosition,
+            fallback: {
+              originX: x,
+              originY: y
+            }
+          };
+        }
+        /** Returns the overlay position and a fallback position based on the user's preference */
+        _getOverlayPosition() {
+          const isLtr = !this._dir || this._dir.value == "ltr";
+          const position = this.position;
+          let overlayPosition;
+          if (position == "above") {
+            overlayPosition = {
+              overlayX: "center",
+              overlayY: "bottom"
+            };
+          } else if (position == "below") {
+            overlayPosition = {
+              overlayX: "center",
+              overlayY: "top"
+            };
+          } else if (position == "before" || position == "left" && isLtr || position == "right" && !isLtr) {
+            overlayPosition = {
+              overlayX: "end",
+              overlayY: "center"
+            };
+          } else if (position == "after" || position == "right" && isLtr || position == "left" && !isLtr) {
+            overlayPosition = {
+              overlayX: "start",
+              overlayY: "center"
+            };
+          } else if (typeof ngDevMode === "undefined" || ngDevMode) {
+            throw getMatTooltipInvalidPositionError(position);
+          }
+          const {
+            x,
+            y
+          } = this._invertPosition(overlayPosition.overlayX, overlayPosition.overlayY);
+          return {
+            main: overlayPosition,
+            fallback: {
+              overlayX: x,
+              overlayY: y
+            }
+          };
+        }
+        /** Updates the tooltip message and repositions the overlay according to the new message length */
+        _updateTooltipMessage() {
+          if (this._tooltipInstance) {
+            this._tooltipInstance.message = this.message;
+            this._tooltipInstance._markForCheck();
+            afterNextRender(() => {
+              if (this._tooltipInstance) {
+                this._overlayRef.updatePosition();
+              }
+            }, {
+              injector: this._injector
+            });
+          }
+        }
+        /** Updates the tooltip class */
+        _setTooltipClass(tooltipClass) {
+          if (this._tooltipInstance) {
+            this._tooltipInstance.tooltipClass = tooltipClass;
+            this._tooltipInstance._markForCheck();
+          }
+        }
+        /** Inverts an overlay position. */
+        _invertPosition(x, y) {
+          if (this.position === "above" || this.position === "below") {
+            if (y === "top") {
+              y = "bottom";
+            } else if (y === "bottom") {
+              y = "top";
+            }
+          } else {
+            if (x === "end") {
+              x = "start";
+            } else if (x === "start") {
+              x = "end";
+            }
+          }
+          return {
+            x,
+            y
+          };
+        }
+        /** Updates the class on the overlay panel based on the current position of the tooltip. */
+        _updateCurrentPositionClass(connectionPair) {
+          const {
+            overlayY,
+            originX,
+            originY
+          } = connectionPair;
+          let newPosition;
+          if (overlayY === "center") {
+            if (this._dir && this._dir.value === "rtl") {
+              newPosition = originX === "end" ? "left" : "right";
+            } else {
+              newPosition = originX === "start" ? "left" : "right";
+            }
+          } else {
+            newPosition = overlayY === "bottom" && originY === "top" ? "above" : "below";
+          }
+          if (newPosition !== this._currentPosition) {
+            const overlayRef = this._overlayRef;
+            if (overlayRef) {
+              const classPrefix = `${this._cssClassPrefix}-${PANEL_CLASS}-`;
+              overlayRef.removePanelClass(classPrefix + this._currentPosition);
+              overlayRef.addPanelClass(classPrefix + newPosition);
+            }
+            this._currentPosition = newPosition;
+          }
+        }
+        /** Binds the pointer events to the tooltip trigger. */
+        _setupPointerEnterEventsIfNeeded() {
+          if (this._disabled || !this.message || !this._viewInitialized || this._passiveListeners.length) {
+            return;
+          }
+          if (this._platformSupportsMouseEvents()) {
+            this._passiveListeners.push(["mouseenter", (event) => {
+              this._setupPointerExitEventsIfNeeded();
+              let point = void 0;
+              if (event.x !== void 0 && event.y !== void 0) {
+                point = event;
+              }
+              this.show(void 0, point);
+            }]);
+          } else if (this.touchGestures !== "off") {
+            this._disableNativeGesturesIfNecessary();
+            this._passiveListeners.push(["touchstart", (event) => {
+              const touch = event.targetTouches?.[0];
+              const origin = touch ? {
+                x: touch.clientX,
+                y: touch.clientY
+              } : void 0;
+              this._setupPointerExitEventsIfNeeded();
+              if (this._touchstartTimeout) {
+                clearTimeout(this._touchstartTimeout);
+              }
+              const DEFAULT_LONGPRESS_DELAY = 500;
+              this._touchstartTimeout = setTimeout(() => {
+                this._touchstartTimeout = null;
+                this.show(void 0, origin);
+              }, this._defaultOptions?.touchLongPressShowDelay ?? DEFAULT_LONGPRESS_DELAY);
+            }]);
+          }
+          this._addListeners(this._passiveListeners);
+        }
+        _setupPointerExitEventsIfNeeded() {
+          if (this._pointerExitEventsInitialized) {
+            return;
+          }
+          this._pointerExitEventsInitialized = true;
+          const exitListeners = [];
+          if (this._platformSupportsMouseEvents()) {
+            exitListeners.push(["mouseleave", (event) => {
+              const newTarget = event.relatedTarget;
+              if (!newTarget || !this._overlayRef?.overlayElement.contains(newTarget)) {
+                this.hide();
+              }
+            }], ["wheel", (event) => this._wheelListener(event)]);
+          } else if (this.touchGestures !== "off") {
+            this._disableNativeGesturesIfNecessary();
+            const touchendListener = () => {
+              if (this._touchstartTimeout) {
+                clearTimeout(this._touchstartTimeout);
+              }
+              this.hide(this._defaultOptions?.touchendHideDelay);
+            };
+            exitListeners.push(["touchend", touchendListener], ["touchcancel", touchendListener]);
+          }
+          this._addListeners(exitListeners);
+          this._passiveListeners.push(...exitListeners);
+        }
+        _addListeners(listeners) {
+          listeners.forEach(([event, listener]) => {
+            this._elementRef.nativeElement.addEventListener(event, listener, passiveListenerOptions);
+          });
+        }
+        _platformSupportsMouseEvents() {
+          return !this._platform.IOS && !this._platform.ANDROID;
+        }
+        /** Listener for the `wheel` event on the element. */
+        _wheelListener(event) {
+          if (this._isTooltipVisible()) {
+            const elementUnderPointer = this._injector.get(DOCUMENT2).elementFromPoint(event.clientX, event.clientY);
+            const element = this._elementRef.nativeElement;
+            if (elementUnderPointer !== element && !element.contains(elementUnderPointer)) {
+              this.hide();
+            }
+          }
+        }
+        /** Disables the native browser gestures, based on how the tooltip has been configured. */
+        _disableNativeGesturesIfNecessary() {
+          const gestures = this.touchGestures;
+          if (gestures !== "off") {
+            const element = this._elementRef.nativeElement;
+            const style2 = element.style;
+            if (gestures === "on" || element.nodeName !== "INPUT" && element.nodeName !== "TEXTAREA") {
+              style2.userSelect = style2.msUserSelect = style2.webkitUserSelect = style2.MozUserSelect = "none";
+            }
+            if (gestures === "on" || !element.draggable) {
+              style2.webkitUserDrag = "none";
+            }
+            style2.touchAction = "none";
+            style2.webkitTapHighlightColor = "transparent";
+          }
+        }
+        /** Updates the tooltip's ARIA description based on it current state. */
+        _syncAriaDescription(oldMessage) {
+          if (this._ariaDescriptionPending) {
+            return;
+          }
+          this._ariaDescriptionPending = true;
+          this._ariaDescriber.removeDescription(this._elementRef.nativeElement, oldMessage, "tooltip");
+          if (!this._isDestroyed) {
+            afterNextRender({
+              write: () => {
+                this._ariaDescriptionPending = false;
+                if (this.message && !this.disabled) {
+                  this._ariaDescriber.describe(this._elementRef.nativeElement, this.message, "tooltip");
+                }
+              }
+            }, {
+              injector: this._injector
+            });
+          }
+        }
+        static \u0275fac = function MatTooltip_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _MatTooltip)();
+        };
+        static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
+          type: _MatTooltip,
+          selectors: [["", "matTooltip", ""]],
+          hostAttrs: [1, "mat-mdc-tooltip-trigger"],
+          hostVars: 2,
+          hostBindings: function MatTooltip_HostBindings(rf, ctx) {
+            if (rf & 2) {
+              \u0275\u0275classProp("mat-mdc-tooltip-disabled", ctx.disabled);
+            }
+          },
+          inputs: {
+            position: [0, "matTooltipPosition", "position"],
+            positionAtOrigin: [0, "matTooltipPositionAtOrigin", "positionAtOrigin"],
+            disabled: [0, "matTooltipDisabled", "disabled"],
+            showDelay: [0, "matTooltipShowDelay", "showDelay"],
+            hideDelay: [0, "matTooltipHideDelay", "hideDelay"],
+            touchGestures: [0, "matTooltipTouchGestures", "touchGestures"],
+            message: [0, "matTooltip", "message"],
+            tooltipClass: [0, "matTooltipClass", "tooltipClass"]
+          },
+          exportAs: ["matTooltip"]
+        });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatTooltip, [{
+          type: Directive,
+          args: [{
+            selector: "[matTooltip]",
+            exportAs: "matTooltip",
+            host: {
+              "class": "mat-mdc-tooltip-trigger",
+              "[class.mat-mdc-tooltip-disabled]": "disabled"
+            }
+          }]
+        }], () => [], {
+          position: [{
+            type: Input,
+            args: ["matTooltipPosition"]
+          }],
+          positionAtOrigin: [{
+            type: Input,
+            args: ["matTooltipPositionAtOrigin"]
+          }],
+          disabled: [{
+            type: Input,
+            args: ["matTooltipDisabled"]
+          }],
+          showDelay: [{
+            type: Input,
+            args: ["matTooltipShowDelay"]
+          }],
+          hideDelay: [{
+            type: Input,
+            args: ["matTooltipHideDelay"]
+          }],
+          touchGestures: [{
+            type: Input,
+            args: ["matTooltipTouchGestures"]
+          }],
+          message: [{
+            type: Input,
+            args: ["matTooltip"]
+          }],
+          tooltipClass: [{
+            type: Input,
+            args: ["matTooltipClass"]
+          }]
+        });
+      })();
+      TooltipComponent = class _TooltipComponent {
+        _changeDetectorRef = inject(ChangeDetectorRef);
+        _elementRef = inject(ElementRef);
+        /* Whether the tooltip text overflows to multiple lines */
+        _isMultiline = false;
+        /** Message to display in the tooltip */
+        message;
+        /** Classes to be added to the tooltip. Supports the same syntax as `ngClass`. */
+        tooltipClass;
+        /** The timeout ID of any current timer set to show the tooltip */
+        _showTimeoutId;
+        /** The timeout ID of any current timer set to hide the tooltip */
+        _hideTimeoutId;
+        /** Element that caused the tooltip to open. */
+        _triggerElement;
+        /** Amount of milliseconds to delay the closing sequence. */
+        _mouseLeaveHideDelay;
+        /** Whether animations are currently disabled. */
+        _animationsDisabled;
+        /** Reference to the internal tooltip element. */
+        _tooltip;
+        /** Whether interactions on the page should close the tooltip */
+        _closeOnInteraction = false;
+        /** Whether the tooltip is currently visible. */
+        _isVisible = false;
+        /** Subject for notifying that the tooltip has been hidden from the view */
+        _onHide = new Subject();
+        /** Name of the show animation and the class that toggles it. */
+        _showAnimation = "mat-mdc-tooltip-show";
+        /** Name of the hide animation and the class that toggles it. */
+        _hideAnimation = "mat-mdc-tooltip-hide";
+        constructor() {
+          const animationMode = inject(ANIMATION_MODULE_TYPE, {
+            optional: true
+          });
+          this._animationsDisabled = animationMode === "NoopAnimations";
+        }
+        /**
+         * Shows the tooltip with an animation originating from the provided origin
+         * @param delay Amount of milliseconds to the delay showing the tooltip.
+         */
+        show(delay2) {
+          if (this._hideTimeoutId != null) {
+            clearTimeout(this._hideTimeoutId);
+          }
+          this._showTimeoutId = setTimeout(() => {
+            this._toggleVisibility(true);
+            this._showTimeoutId = void 0;
+          }, delay2);
+        }
+        /**
+         * Begins the animation to hide the tooltip after the provided delay in ms.
+         * @param delay Amount of milliseconds to delay showing the tooltip.
+         */
+        hide(delay2) {
+          if (this._showTimeoutId != null) {
+            clearTimeout(this._showTimeoutId);
+          }
+          this._hideTimeoutId = setTimeout(() => {
+            this._toggleVisibility(false);
+            this._hideTimeoutId = void 0;
+          }, delay2);
+        }
+        /** Returns an observable that notifies when the tooltip has been hidden from view. */
+        afterHidden() {
+          return this._onHide;
+        }
+        /** Whether the tooltip is being displayed. */
+        isVisible() {
+          return this._isVisible;
+        }
+        ngOnDestroy() {
+          this._cancelPendingAnimations();
+          this._onHide.complete();
+          this._triggerElement = null;
+        }
+        /**
+         * Interactions on the HTML body should close the tooltip immediately as defined in the
+         * material design spec.
+         * https://material.io/design/components/tooltips.html#behavior
+         */
+        _handleBodyInteraction() {
+          if (this._closeOnInteraction) {
+            this.hide(0);
+          }
+        }
+        /**
+         * Marks that the tooltip needs to be checked in the next change detection run.
+         * Mainly used for rendering the initial text before positioning a tooltip, which
+         * can be problematic in components with OnPush change detection.
+         */
+        _markForCheck() {
+          this._changeDetectorRef.markForCheck();
+        }
+        _handleMouseLeave({
+          relatedTarget
+        }) {
+          if (!relatedTarget || !this._triggerElement.contains(relatedTarget)) {
+            if (this.isVisible()) {
+              this.hide(this._mouseLeaveHideDelay);
+            } else {
+              this._finalizeAnimation(false);
+            }
+          }
+        }
+        /**
+         * Callback for when the timeout in this.show() gets completed.
+         * This method is only needed by the mdc-tooltip, and so it is only implemented
+         * in the mdc-tooltip, not here.
+         */
+        _onShow() {
+          this._isMultiline = this._isTooltipMultiline();
+          this._markForCheck();
+        }
+        /** Whether the tooltip text has overflown to the next line */
+        _isTooltipMultiline() {
+          const rect = this._elementRef.nativeElement.getBoundingClientRect();
+          return rect.height > MIN_HEIGHT && rect.width >= MAX_WIDTH;
+        }
+        /** Event listener dispatched when an animation on the tooltip finishes. */
+        _handleAnimationEnd({
+          animationName
+        }) {
+          if (animationName === this._showAnimation || animationName === this._hideAnimation) {
+            this._finalizeAnimation(animationName === this._showAnimation);
+          }
+        }
+        /** Cancels any pending animation sequences. */
+        _cancelPendingAnimations() {
+          if (this._showTimeoutId != null) {
+            clearTimeout(this._showTimeoutId);
+          }
+          if (this._hideTimeoutId != null) {
+            clearTimeout(this._hideTimeoutId);
+          }
+          this._showTimeoutId = this._hideTimeoutId = void 0;
+        }
+        /** Handles the cleanup after an animation has finished. */
+        _finalizeAnimation(toVisible) {
+          if (toVisible) {
+            this._closeOnInteraction = true;
+          } else if (!this.isVisible()) {
+            this._onHide.next();
+          }
+        }
+        /** Toggles the visibility of the tooltip element. */
+        _toggleVisibility(isVisible) {
+          const tooltip = this._tooltip.nativeElement;
+          const showClass = this._showAnimation;
+          const hideClass = this._hideAnimation;
+          tooltip.classList.remove(isVisible ? hideClass : showClass);
+          tooltip.classList.add(isVisible ? showClass : hideClass);
+          if (this._isVisible !== isVisible) {
+            this._isVisible = isVisible;
+            this._changeDetectorRef.markForCheck();
+          }
+          if (isVisible && !this._animationsDisabled && typeof getComputedStyle === "function") {
+            const styles = getComputedStyle(tooltip);
+            if (styles.getPropertyValue("animation-duration") === "0s" || styles.getPropertyValue("animation-name") === "none") {
+              this._animationsDisabled = true;
+            }
+          }
+          if (isVisible) {
+            this._onShow();
+          }
+          if (this._animationsDisabled) {
+            tooltip.classList.add("_mat-animation-noopable");
+            this._finalizeAnimation(isVisible);
+          }
+        }
+        static \u0275fac = function TooltipComponent_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _TooltipComponent)();
+        };
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
+          type: _TooltipComponent,
+          selectors: [["mat-tooltip-component"]],
+          viewQuery: function TooltipComponent_Query(rf, ctx) {
+            if (rf & 1) {
+              \u0275\u0275viewQuery(_c014, 7);
+            }
+            if (rf & 2) {
+              let _t;
+              \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._tooltip = _t.first);
+            }
+          },
+          hostAttrs: ["aria-hidden", "true"],
+          hostBindings: function TooltipComponent_HostBindings(rf, ctx) {
+            if (rf & 1) {
+              \u0275\u0275listener("mouseleave", function TooltipComponent_mouseleave_HostBindingHandler($event) {
+                return ctx._handleMouseLeave($event);
+              });
+            }
+          },
+          decls: 4,
+          vars: 4,
+          consts: [["tooltip", ""], [1, "mdc-tooltip", "mat-mdc-tooltip", 3, "animationend", "ngClass"], [1, "mat-mdc-tooltip-surface", "mdc-tooltip__surface"]],
+          template: function TooltipComponent_Template(rf, ctx) {
+            if (rf & 1) {
+              const _r1 = \u0275\u0275getCurrentView();
+              \u0275\u0275elementStart(0, "div", 1, 0);
+              \u0275\u0275listener("animationend", function TooltipComponent_Template_div_animationend_0_listener($event) {
+                \u0275\u0275restoreView(_r1);
+                return \u0275\u0275resetView(ctx._handleAnimationEnd($event));
+              });
+              \u0275\u0275elementStart(2, "div", 2);
+              \u0275\u0275text(3);
+              \u0275\u0275elementEnd()();
+            }
+            if (rf & 2) {
+              \u0275\u0275classProp("mdc-tooltip--multiline", ctx._isMultiline);
+              \u0275\u0275property("ngClass", ctx.tooltipClass);
+              \u0275\u0275advance(3);
+              \u0275\u0275textInterpolate(ctx.message);
+            }
+          },
+          dependencies: [NgClass],
+          styles: ['.mat-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mat-mdc-tooltip::before{content:"";top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute}.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before{top:-8px}.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before{bottom:-8px}.mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before{left:-8px}.mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before{right:-8px}.mat-mdc-tooltip._mat-animation-noopable{animation:none;transform:scale(1)}.mat-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mdc-plain-tooltip-container-color, var(--mat-sys-inverse-surface));color:var(--mdc-plain-tooltip-supporting-text-color, var(--mat-sys-inverse-on-surface));border-radius:var(--mdc-plain-tooltip-container-shape, var(--mat-sys-corner-extra-small));font-family:var(--mdc-plain-tooltip-supporting-text-font, var(--mat-sys-body-small-font));font-size:var(--mdc-plain-tooltip-supporting-text-size, var(--mat-sys-body-small-size));font-weight:var(--mdc-plain-tooltip-supporting-text-weight, var(--mat-sys-body-small-weight));line-height:var(--mdc-plain-tooltip-supporting-text-line-height, var(--mat-sys-body-small-line-height));letter-spacing:var(--mdc-plain-tooltip-supporting-text-tracking, var(--mat-sys-body-small-tracking))}.mat-mdc-tooltip-surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:"";pointer-events:none}.mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:right}.mat-mdc-tooltip-panel{line-height:normal}.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mat-mdc-tooltip-show{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes mat-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}.mat-mdc-tooltip-show{animation:mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-mdc-tooltip-hide{animation:mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards}\n'],
+          encapsulation: 2,
+          changeDetection: 0
+        });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(TooltipComponent, [{
+          type: Component,
+          args: [{
+            selector: "mat-tooltip-component",
+            encapsulation: ViewEncapsulation.None,
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            host: {
+              "(mouseleave)": "_handleMouseLeave($event)",
+              "aria-hidden": "true"
+            },
+            imports: [NgClass],
+            template: '<div\n  #tooltip\n  class="mdc-tooltip mat-mdc-tooltip"\n  [ngClass]="tooltipClass"\n  (animationend)="_handleAnimationEnd($event)"\n  [class.mdc-tooltip--multiline]="_isMultiline">\n  <div class="mat-mdc-tooltip-surface mdc-tooltip__surface">{{message}}</div>\n</div>\n',
+            styles: ['.mat-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mat-mdc-tooltip::before{content:"";top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute}.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before{top:-8px}.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before{bottom:-8px}.mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before{left:-8px}.mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before{right:-8px}.mat-mdc-tooltip._mat-animation-noopable{animation:none;transform:scale(1)}.mat-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mdc-plain-tooltip-container-color, var(--mat-sys-inverse-surface));color:var(--mdc-plain-tooltip-supporting-text-color, var(--mat-sys-inverse-on-surface));border-radius:var(--mdc-plain-tooltip-container-shape, var(--mat-sys-corner-extra-small));font-family:var(--mdc-plain-tooltip-supporting-text-font, var(--mat-sys-body-small-font));font-size:var(--mdc-plain-tooltip-supporting-text-size, var(--mat-sys-body-small-size));font-weight:var(--mdc-plain-tooltip-supporting-text-weight, var(--mat-sys-body-small-weight));line-height:var(--mdc-plain-tooltip-supporting-text-line-height, var(--mat-sys-body-small-line-height));letter-spacing:var(--mdc-plain-tooltip-supporting-text-tracking, var(--mat-sys-body-small-tracking))}.mat-mdc-tooltip-surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:"";pointer-events:none}.mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:right}.mat-mdc-tooltip-panel{line-height:normal}.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mat-mdc-tooltip-show{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes mat-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}.mat-mdc-tooltip-show{animation:mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-mdc-tooltip-hide{animation:mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards}\n']
+          }]
+        }], () => [], {
+          _tooltip: [{
+            type: ViewChild,
+            args: ["tooltip", {
+              // Use a static query here since we interact directly with
+              // the DOM which can happen before `ngAfterViewInit`.
+              static: true
+            }]
+          }]
+        });
+      })();
+      MatTooltipModule = class _MatTooltipModule {
+        static \u0275fac = function MatTooltipModule_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _MatTooltipModule)();
+        };
+        static \u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
+          type: _MatTooltipModule,
+          imports: [A11yModule, OverlayModule, MatCommonModule, MatTooltip, TooltipComponent],
+          exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule]
+        });
+        static \u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
+          providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER],
+          imports: [A11yModule, OverlayModule, MatCommonModule, MatCommonModule, CdkScrollableModule]
+        });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatTooltipModule, [{
+          type: NgModule,
+          args: [{
+            imports: [A11yModule, OverlayModule, MatCommonModule, MatTooltip, TooltipComponent],
+            exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule],
+            providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER]
+          }]
+        }], null, null);
+      })();
+    }
+  });
+
+  // node_modules/@angular/material/fesm2022/tooltip.mjs
+  var init_tooltip = __esm({
+    "node_modules/@angular/material/fesm2022/tooltip.mjs"() {
+      init_module_C9K6ZqpI();
+    }
+  });
+
   // node_modules/@angular/core/fesm2022/rxjs-interop.mjs
   function takeUntilDestroyed(destroyRef) {
     if (!destroyRef) {
@@ -79936,7 +80917,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275property("formControlName", field_r3.formControlName);
       \u0275\u0275attribute("aria-labelledby", field_r3.label ? field_r3.formControlName + "-label" : null);
       \u0275\u0275advance();
-      \u0275\u0275repeater(field_r3.dynamicOptions ? field_r3.dynamicOptions(form_r4) : (tmp_20_0 = field_r3.options) !== null && tmp_20_0 !== void 0 ? tmp_20_0 : \u0275\u0275pureFunction0(6, _c014));
+      \u0275\u0275repeater(field_r3.dynamicOptions ? field_r3.dynamicOptions(form_r4) : (tmp_20_0 = field_r3.options) !== null && tmp_20_0 !== void 0 ? tmp_20_0 : \u0275\u0275pureFunction0(6, _c015));
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_4_Template(rf, ctx) {
@@ -79979,7 +80960,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275advance();
       \u0275\u0275conditional(field_r3.label ? 1 : -1);
       \u0275\u0275advance();
-      \u0275\u0275property("options", (tmp_18_0 = field_r3.options) !== null && tmp_18_0 !== void 0 ? tmp_18_0 : \u0275\u0275pureFunction0(7, _c014))("control", ctx_r8.getFormControl(field_r3.formControlName))("required", (tmp_20_0 = field_r3.required) !== null && tmp_20_0 !== void 0 ? tmp_20_0 : false);
+      \u0275\u0275property("options", (tmp_18_0 = field_r3.options) !== null && tmp_18_0 !== void 0 ? tmp_18_0 : \u0275\u0275pureFunction0(7, _c015))("control", ctx_r8.getFormControl(field_r3.formControlName))("required", (tmp_20_0 = field_r3.required) !== null && tmp_20_0 !== void 0 ? tmp_20_0 : false);
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_6_Conditional_1_Template(rf, ctx) {
@@ -80058,7 +81039,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(12, 11, field_r3.label) + " " + \u0275\u0275pipeBind1(13, 13, "is required"));
     }
   }
-  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_5_Template(rf, ctx) {
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "mat-icon", 32);
+      \u0275\u0275pipe(1, "translate");
+      \u0275\u0275text(2, "info_outline");
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      const field_r3 = \u0275\u0275nextContext(4).$implicit;
+      \u0275\u0275property("matTooltip", \u0275\u0275pipeBind1(1, 1, field_r3.infoTooltip));
+    }
+  }
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "mat-hint", 23);
+      \u0275\u0275text(1);
+      \u0275\u0275pipe(2, "translate");
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      const field_r3 = \u0275\u0275nextContext(4).$implicit;
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, field_r3.hint));
+    }
+  }
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_7_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "mat-hint", 23);
       \u0275\u0275text(1);
@@ -80073,7 +81079,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275textInterpolate2("", \u0275\u0275pipeBind1(2, 4, "Previously saved value"), ": ", previousValue_r13, "");
     }
   }
-  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template(rf, ctx) {
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_8_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "mat-icon", 22);
       \u0275\u0275text(1, "warning_amber");
@@ -80089,9 +81095,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275elementStart(0, "span", 8);
       \u0275\u0275text(1);
       \u0275\u0275pipe(2, "translate");
+      \u0275\u0275template(3, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Template, 3, 3, "mat-icon", 32);
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "input", 32);
-      \u0275\u0275listener("input", function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template_input_input_4_listener() {
+      \u0275\u0275elementStart(4, "mat-form-field", 9)(5, "input", 33);
+      \u0275\u0275listener("input", function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template_input_input_5_listener() {
         \u0275\u0275restoreView(_r22);
         const field_r3 = \u0275\u0275nextContext(3).$implicit;
         \u0275\u0275nextContext();
@@ -80099,45 +81106,55 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         return \u0275\u0275resetView(field_r3.onChange && field_r3.onChange(form_r4));
       });
       \u0275\u0275elementEnd();
-      \u0275\u0275template(5, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_5_Template, 3, 6, "mat-hint", 21)(6, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template, 2, 2, "mat-icon", 20);
-      \u0275\u0275elementStart(7, "mat-error");
-      \u0275\u0275text(8);
-      \u0275\u0275pipe(9, "translate");
-      \u0275\u0275pipe(10, "translate");
+      \u0275\u0275template(6, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template, 3, 3, "mat-hint", 23)(7, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_7_Template, 3, 6, "mat-hint", 21)(8, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_8_Template, 2, 2, "mat-icon", 20);
+      \u0275\u0275elementStart(9, "mat-error");
+      \u0275\u0275text(10);
       \u0275\u0275pipe(11, "translate");
+      \u0275\u0275pipe(12, "translate");
+      \u0275\u0275pipe(13, "translate");
       \u0275\u0275elementEnd()();
     }
     if (rf & 2) {
-      let tmp_19_0;
+      let tmp_20_0;
+      let tmp_23_0;
+      let tmp_24_0;
       \u0275\u0275nextContext(2);
       const previousValue_r13 = \u0275\u0275readContextLet(0);
       const field_r3 = \u0275\u0275nextContext().$implicit;
       \u0275\u0275classProp("warning", !!previousValue_r13);
       \u0275\u0275advance();
-      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 9, field_r3.label) + (field_r3.required ? " *" : ""), " ");
-      \u0275\u0275advance(3);
-      \u0275\u0275property("type", (tmp_19_0 = field_r3.inputType) !== null && tmp_19_0 !== void 0 ? tmp_19_0 : "text")("readonly", field_r3.readonly)("formControlName", field_r3.formControlName);
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 13, field_r3.label) + (field_r3.required ? " *" : ""), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(field_r3.infoTooltip ? 3 : -1);
+      \u0275\u0275advance(2);
+      \u0275\u0275property("type", (tmp_20_0 = field_r3.inputType) !== null && tmp_20_0 !== void 0 ? tmp_20_0 : "text")("readonly", field_r3.readonly)("formControlName", field_r3.formControlName);
+      \u0275\u0275attribute("maxlength", (tmp_23_0 = field_r3.maxLength) !== null && tmp_23_0 !== void 0 ? tmp_23_0 : null)("inputmode", (tmp_24_0 = field_r3.inputMode) !== null && tmp_24_0 !== void 0 ? tmp_24_0 : null);
       \u0275\u0275advance();
-      \u0275\u0275conditional(previousValue_r13 != null ? 5 : -1);
+      \u0275\u0275conditional(field_r3.hint && previousValue_r13 == null ? 6 : -1);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(previousValue_r13 != null ? 7 : -1);
       \u0275\u0275advance();
-      \u0275\u0275conditional(previousValue_r13 != null ? 6 : -1);
+      \u0275\u0275conditional(previousValue_r13 != null ? 8 : -1);
       \u0275\u0275advance(2);
-      \u0275\u0275textInterpolate(field_r3.errorMessage ? \u0275\u0275pipeBind1(9, 11, field_r3.errorMessage) : \u0275\u0275pipeBind1(10, 13, field_r3.label) + " " + \u0275\u0275pipeBind1(11, 15, "is required"));
+      \u0275\u0275textInterpolate(field_r3.errorMessage ? \u0275\u0275pipeBind1(11, 15, field_r3.errorMessage) : \u0275\u0275pipeBind1(12, 17, field_r3.label) + " " + \u0275\u0275pipeBind1(13, 19, "is required"));
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div");
-      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 12, 17);
+      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 14, 21);
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
       let tmp_16_0;
+      let tmp_18_0;
       \u0275\u0275nextContext();
       const previousValue_r13 = \u0275\u0275readContextLet(0);
       const field_r3 = \u0275\u0275nextContext().$implicit;
+      \u0275\u0275nextContext();
+      const form_r4 = \u0275\u0275readContextLet(1);
       \u0275\u0275classMapInterpolate1("filling-form-fields-item ", (tmp_16_0 = field_r3.class) !== null && tmp_16_0 !== void 0 ? tmp_16_0 : "span-6", "");
-      \u0275\u0275classProp("warning", !!previousValue_r13);
+      \u0275\u0275classProp("warning", !!previousValue_r13)("invalid", ((tmp_18_0 = form_r4.get(field_r3.formControlName)) == null ? null : tmp_18_0.invalid) && ((tmp_18_0 = form_r4.get(field_r3.formControlName)) == null ? null : tmp_18_0.dirty));
       \u0275\u0275advance();
       \u0275\u0275conditional(field_r3.label ? 1 : -1);
     }
@@ -80149,7 +81166,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275text(1);
       \u0275\u0275pipe(2, "translate");
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea", 33);
+      \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea", 34);
       \u0275\u0275listener("change", function FilingFormGroupComponent_For_5_Conditional_0_Case_8_Conditional_1_Template_textarea_change_4_listener() {
         \u0275\u0275restoreView(_r23);
         const field_r3 = \u0275\u0275nextContext(3).$implicit;
@@ -80183,18 +81200,18 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_9_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275element(0, "checkbox-list", 34);
+      \u0275\u0275element(0, "checkbox-list", 35);
     }
     if (rf & 2) {
       let tmp_18_0;
       const field_r3 = \u0275\u0275nextContext(2).$implicit;
       \u0275\u0275classMap(field_r3.class);
-      \u0275\u0275property("formControlName", field_r3.formControlName)("items", (tmp_18_0 = field_r3.options) !== null && tmp_18_0 !== void 0 ? tmp_18_0 : \u0275\u0275pureFunction0(5, _c014));
+      \u0275\u0275property("formControlName", field_r3.formControlName)("items", (tmp_18_0 = field_r3.options) !== null && tmp_18_0 !== void 0 ? tmp_18_0 : \u0275\u0275pureFunction0(5, _c015));
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275element(0, "p", 36);
+      \u0275\u0275element(0, "p", 37);
     }
     if (rf & 2) {
       \u0275\u0275nextContext();
@@ -80211,7 +81228,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275declareLet(0);
-      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template, 1, 5, "p", 35);
+      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template, 1, 5, "p", 36);
     }
     if (rf & 2) {
       const field_r3 = \u0275\u0275nextContext(2).$implicit;
@@ -80225,7 +81242,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   function FilingFormGroupComponent_For_5_Conditional_0_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275declareLet(0);
-      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_1_Template, 17, 16, "div", 3)(2, FilingFormGroupComponent_For_5_Conditional_0_Case_2_Template, 9, 13, "div", 4)(3, FilingFormGroupComponent_For_5_Conditional_0_Case_3_Template, 5, 7, "div", 3)(4, FilingFormGroupComponent_For_5_Conditional_0_Case_4_Template, 1, 3, "div", 3)(5, FilingFormGroupComponent_For_5_Conditional_0_Case_5_Template, 3, 8, "div", 3)(6, FilingFormGroupComponent_For_5_Conditional_0_Case_6_Template, 14, 15, "div", 5)(7, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Template, 2, 6, "div", 6)(8, FilingFormGroupComponent_For_5_Conditional_0_Case_8_Template, 2, 4, "div", 3)(9, FilingFormGroupComponent_For_5_Conditional_0_Case_9_Template, 1, 6, "checkbox-list", 7)(10, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Template, 2, 2);
+      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_1_Template, 17, 16, "div", 3)(2, FilingFormGroupComponent_For_5_Conditional_0_Case_2_Template, 9, 13, "div", 4)(3, FilingFormGroupComponent_For_5_Conditional_0_Case_3_Template, 5, 7, "div", 3)(4, FilingFormGroupComponent_For_5_Conditional_0_Case_4_Template, 1, 3, "div", 3)(5, FilingFormGroupComponent_For_5_Conditional_0_Case_5_Template, 3, 8, "div", 3)(6, FilingFormGroupComponent_For_5_Conditional_0_Case_6_Template, 14, 15, "div", 5)(7, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Template, 2, 8, "div", 6)(8, FilingFormGroupComponent_For_5_Conditional_0_Case_8_Template, 2, 4, "div", 3)(9, FilingFormGroupComponent_For_5_Conditional_0_Case_9_Template, 1, 6, "checkbox-list", 7)(10, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Template, 2, 2);
     }
     if (rf & 2) {
       let tmp_14_0;
@@ -80248,7 +81265,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275conditional(!field_r3.isVisible || field_r3.isVisible(form_r4) ? 0 : -1);
     }
   }
-  var _c014, _forTrack03, _forTrack12, MY_DATE_FORMATS, FilingFormGroupComponent;
+  var _c015, _forTrack03, _forTrack12, MY_DATE_FORMATS, FilingFormGroupComponent;
   var init_filing_form_group_component = __esm({
     "src/app/components/form/filing-form-group/filing-form-group.component.ts"() {
       init_core();
@@ -80261,6 +81278,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_input();
       init_autocomplete();
       init_radio();
+      init_tooltip();
       init_form_enums();
       init_autocomplete_field_component();
       init_button();
@@ -80277,7 +81295,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_form_field();
       init_autocomplete();
       init_radio();
-      _c014 = () => [];
+      init_tooltip();
+      _c015 = () => [];
       _forTrack03 = ($index, $item) => $item.formControlName + $index;
       _forTrack12 = ($index, $item) => $item.value;
       MY_DATE_FORMATS = {
@@ -80363,7 +81382,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           { provide: DateAdapter, useClass: MomentDateAdapter },
           { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
           { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
-        ])], decls: 6, vars: 4, consts: [["autocompleteRef", "matAutocomplete"], ["picker", ""], [1, "filling-form-fields", 3, "formGroup"], [3, "class"], [3, "last", "class"], [3, "class", "warning"], [3, "warning", "class"], [3, "class", "formControlName", "items"], [1, "filling-form-fields-item-label", "body-1-regular"], ["appearance", "outline"], ["matInput", "", 3, "change", "formControlName", "matAutocomplete"], [3, "optionSelected", "displayWith"], [1, "filing-form-group-select-option", 3, "value"], ["disabled", ""], ["matSuffix", "", 1, "suffix-container"], ["matSuffix", ""], ["mat-icon-button", "", 3, "click"], [1, "arrow-icon"], [3, "change", "formControlName"], [1, "body-1-regular", "black"], ["matSuffix", "", 1, "filling-form-fields-item-icon", 3, "warning"], [1, "filling-form-fields-item-hint", 3, "warning"], ["matSuffix", "", 1, "filling-form-fields-item-icon"], [1, "filling-form-fields-item-hint"], [1, "filling-form-fields-item-label", "body-1-regular", 3, "id"], [1, "filling-form-fields-radio-group", 3, "change", "formControlName"], [3, "value"], [3, "options", "control", "required"], [1, "filling-form-fields-item-label", "body-1-regular", 3, "warning"], ["matInput", "", 3, "dateChange", "matDatepicker", "formControlName"], ["matSuffix", "", 3, "for"], ["matDatepickerToggleIcon", ""], ["matInput", "", 3, "input", "type", "readonly", "formControlName"], ["matInput", "", 3, "change", "readonly", "formControlName"], [3, "formControlName", "items"], [1, "filling-form-fields-item-text", "body-1-regular", "grey", 3, "last", "class", "innerHTML"], [1, "filling-form-fields-item-text", "body-1-regular", "grey", 3, "innerHTML"]], template: function FilingFormGroupComponent_Template(rf, ctx) {
+        ])], decls: 6, vars: 4, consts: [["autocompleteRef", "matAutocomplete"], ["picker", ""], [1, "filling-form-fields", 3, "formGroup"], [3, "class"], [3, "last", "class"], [3, "class", "warning"], [3, "warning", "invalid", "class"], [3, "class", "formControlName", "items"], [1, "filling-form-fields-item-label", "body-1-regular"], ["appearance", "outline"], ["matInput", "", 3, "change", "formControlName", "matAutocomplete"], [3, "optionSelected", "displayWith"], [1, "filing-form-group-select-option", 3, "value"], ["disabled", ""], ["matSuffix", "", 1, "suffix-container"], ["matSuffix", ""], ["mat-icon-button", "", 3, "click"], [1, "arrow-icon"], [3, "change", "formControlName"], [1, "body-1-regular", "black"], ["matSuffix", "", 1, "filling-form-fields-item-icon", 3, "warning"], [1, "filling-form-fields-item-hint", 3, "warning"], ["matSuffix", "", 1, "filling-form-fields-item-icon"], [1, "filling-form-fields-item-hint"], [1, "filling-form-fields-item-label", "body-1-regular", 3, "id"], [1, "filling-form-fields-radio-group", 3, "change", "formControlName"], [3, "value"], [3, "options", "control", "required"], [1, "filling-form-fields-item-label", "body-1-regular", 3, "warning"], ["matInput", "", 3, "dateChange", "matDatepicker", "formControlName"], ["matSuffix", "", 3, "for"], ["matDatepickerToggleIcon", ""], ["matTooltipClass", "filing-form-fields-info-tooltip", 1, "filling-form-fields-item-info-icon", 3, "matTooltip"], ["matInput", "", 3, "input", "type", "readonly", "formControlName"], ["matInput", "", 3, "change", "readonly", "formControlName"], [3, "formControlName", "items"], [1, "filling-form-fields-item-text", "body-1-regular", "grey", 3, "last", "class", "innerHTML"], [1, "filling-form-fields-item-text", "body-1-regular", "grey", 3, "innerHTML"]], template: function FilingFormGroupComponent_Template(rf, ctx) {
           if (rf & 1) {
             \u0275\u0275declareLet(0)(1);
             \u0275\u0275elementStart(2, "section")(3, "div", 2);
@@ -80413,9 +81432,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           MatRadioModule,
           MatRadioGroup,
           MatRadioButton,
+          MatTooltipModule,
+          MatTooltip,
           TranslatePipe,
           CheckboxListComponent
-        ], styles: ['\n\n[_nghost-%COMP%] {\n  overflow: hidden;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select {\n  display: flex;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .arrow-icon {\n  pointer-events: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-label {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox[_ngcontent-%COMP%]:not(.last) {\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox-text[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%]   .filling-form-fields-empty[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 80px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item[_ngcontent-%COMP%] {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.text-area[_ngcontent-%COMP%]     .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.text-area[_ngcontent-%COMP%]     .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-text[_ngcontent-%COMP%] {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-text[_ngcontent-%COMP%]:not(.last) {\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.warning[_ngcontent-%COMP%] {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-label[_ngcontent-%COMP%] {\n  color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%]   .filling-form-fields-item-label.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-hint.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-icon[_ngcontent-%COMP%] {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-icon.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-icon {\n  color: #4a4a4a !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-mdc-form-field-error {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value {\n  line-height: 18px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     input, \n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     textarea {\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n[_nghost-%COMP%]   .span-1[_ngcontent-%COMP%] {\n  grid-column: span 1;\n}\n[_nghost-%COMP%]   .span-2[_ngcontent-%COMP%] {\n  grid-column: span 2;\n}\n[_nghost-%COMP%]   .span-3[_ngcontent-%COMP%] {\n  grid-column: span 3;\n}\n[_nghost-%COMP%]   .span-4[_ngcontent-%COMP%] {\n  grid-column: span 4;\n}\n[_nghost-%COMP%]   .span-5[_ngcontent-%COMP%] {\n  grid-column: span 5;\n}\n[_nghost-%COMP%]   .span-6[_ngcontent-%COMP%] {\n  grid-column: span 6;\n}\n[_nghost-%COMP%]   .span-8[_ngcontent-%COMP%] {\n  grid-column: span 8;\n}\n[_nghost-%COMP%]   .span-12[_ngcontent-%COMP%] {\n  grid-column: span 12;\n}\n[_nghost-%COMP%]   .column-1[_ngcontent-%COMP%] {\n  grid-column: 1/span 2;\n}\n[_nghost-%COMP%]   .column-2[_ngcontent-%COMP%] {\n  grid-column: 1/span 4;\n}\n[_nghost-%COMP%]   .column-3[_ngcontent-%COMP%] {\n  grid-column: 1/span 6;\n}\n[_nghost-%COMP%]     input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] {\n  background: white !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%]     .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%]     .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */'], changeDetection: 0 });
+        ], styles: ['\n\n[_nghost-%COMP%] {\n  overflow: hidden;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select {\n  display: flex;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .arrow-icon {\n  pointer-events: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-label {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox[_ngcontent-%COMP%]:not(.last) {\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox-text[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%]   .filling-form-fields-empty[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 80px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item[_ngcontent-%COMP%] {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.text-area[_ngcontent-%COMP%]     .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.text-area[_ngcontent-%COMP%]     .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-text[_ngcontent-%COMP%] {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-text[_ngcontent-%COMP%]:not(.last) {\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.warning[_ngcontent-%COMP%] {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.invalid[_ngcontent-%COMP%] {\n  --mdc-outlined-text-field-outline-color: #E22222;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #E22222;\n  color: #E22222;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-label[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%]   .filling-form-fields-item-label.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-hint.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-icon[_ngcontent-%COMP%] {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-icon.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info-icon[_ngcontent-%COMP%] {\n  color: #0066cc !important;\n  cursor: help;\n  font-size: 20px;\n  height: 20px;\n  line-height: 20px;\n  width: 20px;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-icon {\n  color: #4a4a4a !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-mdc-form-field-error {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value {\n  line-height: 18px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     input, \n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     textarea {\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n[_nghost-%COMP%]   .span-1[_ngcontent-%COMP%] {\n  grid-column: span 1;\n}\n[_nghost-%COMP%]   .span-2[_ngcontent-%COMP%] {\n  grid-column: span 2;\n}\n[_nghost-%COMP%]   .span-3[_ngcontent-%COMP%] {\n  grid-column: span 3;\n}\n[_nghost-%COMP%]   .span-4[_ngcontent-%COMP%] {\n  grid-column: span 4;\n}\n[_nghost-%COMP%]   .span-5[_ngcontent-%COMP%] {\n  grid-column: span 5;\n}\n[_nghost-%COMP%]   .span-6[_ngcontent-%COMP%] {\n  grid-column: span 6;\n}\n[_nghost-%COMP%]   .span-8[_ngcontent-%COMP%] {\n  grid-column: span 8;\n}\n[_nghost-%COMP%]   .span-12[_ngcontent-%COMP%] {\n  grid-column: span 12;\n}\n[_nghost-%COMP%]   .column-1[_ngcontent-%COMP%] {\n  grid-column: 1/span 2;\n}\n[_nghost-%COMP%]   .column-2[_ngcontent-%COMP%] {\n  grid-column: 1/span 4;\n}\n[_nghost-%COMP%]   .column-3[_ngcontent-%COMP%] {\n  grid-column: 1/span 6;\n}\n[_nghost-%COMP%]     input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n.filing-form-fields-info-tooltip[_ngcontent-%COMP%] {\n  white-space: pre-line;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] {\n  background: white !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%]     .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%]     .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */'], changeDetection: 0 });
       };
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FilingFormGroupComponent, [{
@@ -80439,6 +81460,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatMomentDateModule,
             MatAutocompleteModule,
             MatRadioModule,
+            MatTooltipModule,
             TranslatePipe,
             CheckboxListComponent
           ], providers: [
@@ -80622,31 +81644,45 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             </div>\r
           }\r
 \r
-          @case (types.Input) {\r
-            <div\r
-              [class.warning]="!!previousValue"\r
-              class="filling-form-fields-item {{field.class ?? 'span-6'}}"\r
-            >\r
+          @case (types.Input) {
+            <div
+              [class.warning]="!!previousValue"
+              [class.invalid]="form.get(field.formControlName)?.invalid && form.get(field.formControlName)?.dirty"
+              class="filling-form-fields-item {{field.class ?? 'span-6'}}"
+            >
               @if (field.label) {\r
                 <span\r
-                  [class.warning]="!!previousValue"\r
-                  class="filling-form-fields-item-label body-1-regular"\r
-                >\r
-                    {{ (field.label | translate) + (field.required ? " *" : "") }}\r
-                  </span>\r
-\r
-                <mat-form-field appearance="outline">\r
-                  <input\r
-                    matInput\r
-                    [type]="field.inputType ?? 'text'"\r
-                    [readonly]="field.readonly"\r
-                    [formControlName]="field.formControlName"\r
-                    (input)="field.onChange && field.onChange(form)"\r
-                  />\r
-\r
-                  @if (previousValue != null) {\r
-                    <mat-hint\r
-                      [class.warning]="true"\r
+                  [class.warning]="!!previousValue"
+                  class="filling-form-fields-item-label body-1-regular"
+                >
+                    {{ (field.label | translate) + (field.required ? " *" : "") }}
+                    @if (field.infoTooltip) {
+                      <mat-icon
+                        class="filling-form-fields-item-info-icon"
+                        [matTooltip]="field.infoTooltip | translate"
+                        matTooltipClass="filing-form-fields-info-tooltip"
+                      >info_outline</mat-icon>
+                    }
+                  </span>
+
+                <mat-form-field appearance="outline">
+                  <input
+                    matInput
+                    [type]="field.inputType ?? 'text'"
+                    [attr.maxlength]="field.maxLength ?? null"
+                    [attr.inputmode]="field.inputMode ?? null"
+                    [readonly]="field.readonly"
+                    [formControlName]="field.formControlName"
+                    (input)="field.onChange && field.onChange(form)"
+                  />
+
+                  @if (field.hint && previousValue == null) {
+                    <mat-hint class="filling-form-fields-item-hint">{{ field.hint | translate }}</mat-hint>
+                  }
+
+                  @if (previousValue != null) {
+                    <mat-hint
+                      [class.warning]="true"
                       class="filling-form-fields-item-hint"\r
                     >{{ 'Previously saved value' | translate }}: {{ previousValue }}</mat-hint\r
                     >\r
@@ -80698,11 +81734,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }\r
   </div>\r
 </section>\r
-`, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\n  overflow: hidden;\n}\n:host .filling-form-fields {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select {\n  display: flex;\n}\n:host .filling-form-fields ::ng-deep .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n  pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n  width: 100%;\n  height: 80px;\n}\n:host .filling-form-fields-item {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-label {\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-hint.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-icon {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n  color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n  display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n:host .span-1 {\n  grid-column: span 1;\n}\n:host .span-2 {\n  grid-column: span 2;\n}\n:host .span-3 {\n  grid-column: span 3;\n}\n:host .span-4 {\n  grid-column: span 4;\n}\n:host .span-5 {\n  grid-column: span 5;\n}\n:host .span-6 {\n  grid-column: span 6;\n}\n:host .span-8 {\n  grid-column: span 8;\n}\n:host .span-12 {\n  grid-column: span 12;\n}\n:host .column-1 {\n  grid-column: 1/span 2;\n}\n:host .column-2 {\n  grid-column: 1/span 4;\n}\n:host .column-3 {\n  grid-column: 1/span 6;\n}\n:host ::ng-deep input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n.filing-form-group-select-option {\n  background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
+`, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\n  overflow: hidden;\n}\n:host .filling-form-fields {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select {\n  display: flex;\n}\n:host .filling-form-fields ::ng-deep .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n  pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n  width: 100%;\n  height: 80px;\n}\n:host .filling-form-fields-item {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item.invalid {\n  --mdc-outlined-text-field-outline-color: #E22222;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #E22222;\n  color: #E22222;\n}\n:host .filling-form-fields-item-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-hint.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-icon {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-info-icon {\n  color: #0066cc !important;\n  cursor: help;\n  font-size: 20px;\n  height: 20px;\n  line-height: 20px;\n  width: 20px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n  display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n:host .span-1 {\n  grid-column: span 1;\n}\n:host .span-2 {\n  grid-column: span 2;\n}\n:host .span-3 {\n  grid-column: span 3;\n}\n:host .span-4 {\n  grid-column: span 4;\n}\n:host .span-5 {\n  grid-column: span 5;\n}\n:host .span-6 {\n  grid-column: span 6;\n}\n:host .span-8 {\n  grid-column: span 8;\n}\n:host .span-12 {\n  grid-column: span 12;\n}\n:host .column-1 {\n  grid-column: 1/span 2;\n}\n:host .column-2 {\n  grid-column: 1/span 4;\n}\n:host .column-3 {\n  grid-column: 1/span 6;\n}\n:host ::ng-deep input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n.filing-form-fields-info-tooltip {\n  white-space: pre-line;\n}\n.filing-form-group-select-option {\n  background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
         }], () => [], null);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingFormGroupComponent, { className: "FilingFormGroupComponent", filePath: "src/app/components/form/filing-form-group/filing-form-group.component.ts", lineNumber: 95 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingFormGroupComponent, { className: "FilingFormGroupComponent", filePath: "src/app/components/form/filing-form-group/filing-form-group.component.ts", lineNumber: 97 });
       })();
     }
   });
@@ -81305,7 +82341,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275property("prevData", ctx_r0.prevData())("isSubmitted", ctx_r0.isSubmitted())("form", form_r6)("config", configValue_r7);
     }
   }
-  var _c015, _c111, _c28, ExpandableListCardComponent;
+  var _c016, _c111, _c28, ExpandableListCardComponent;
   var init_expandable_list_card_component = __esm({
     "src/app/components/expandable-list-card/expandable-list-card.component.ts"() {
       init_animations();
@@ -81320,7 +82356,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_common_utils();
       init_forms_utils();
       init_core();
-      _c015 = [[["", "slot", "header-content"]], [["", "slot", "subtitle"]]];
+      _c016 = [[["", "slot", "header-content"]], [["", "slot", "subtitle"]]];
       _c111 = ["[slot='header-content']", "[slot='subtitle']"];
       _c28 = () => [];
       ExpandableListCardComponent = class _ExpandableListCardComponent {
@@ -81404,7 +82440,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         };
         static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _ExpandableListCardComponent, selectors: [["expandable-list-card"]], inputs: { title: [1, "title"], isStatusIcon: [1, "isStatusIcon"], areItemsOpen: [1, "areItemsOpen"], isSubmitted: [1, "isSubmitted"], fields: [1, "fields"], config: [1, "config"], configKey: [1, "configKey"], formArray: [1, "formArray"], labelKey: [1, "labelKey"], roleKey: [1, "roleKey"], prevData: [1, "prevData"], removable: [1, "removable"], isValid: [1, "isValid"], isLoading: [1, "isLoading"] }, outputs: { remove: "remove", visiblyValidChange: "visiblyValidChange" }, ngContentSelectors: _c111, decls: 17, vars: 10, consts: [[1, "expandable-card"], [1, "expandable-card-header", 3, "click"], [1, "expandable-card-header-title"], [1, "expandable-card-header-container"], [1, "expandable-card-content"], [1, "expandable-card-actions"], [1, "expandable-card-actions-items"], [1, "expandable-card-header-status-icon"], [1, "expandable-card-actions-item", 3, "click"], [1, "expandable-card-actions-separator"], [1, "expandable-card-separator"], [1, "expandable-card-separator-line"], [3, "toggled", "remove", "isListItem", "title", "role", "isStatusIcon", "isValid", "isOpen", "border", "padded", "chipType", "isLoading", "removable"], [3, "prevData", "isSubmitted", "form", "config"]], template: function ExpandableListCardComponent_Template(rf, ctx) {
           if (rf & 1) {
-            \u0275\u0275projectionDef(_c015);
+            \u0275\u0275projectionDef(_c016);
             \u0275\u0275elementStart(0, "div", 0)(1, "div", 1);
             \u0275\u0275listener("click", function ExpandableListCardComponent_Template_div_click_1_listener() {
               return ctx.toggle();
@@ -84129,7 +85165,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     const recMailingEffective = isRecMailingSame ? regMailingBC : recMailingBC;
     const isRecDeliverySame = !recDeliveryBC || sameAddress(recDeliveryBC, recMailingEffective);
     const { useFutureEffectiveDate, effectiveDate, effectiveTime } = getEffectiveDate(task);
-    const directors = affiliations.filter((a) => isPrincipalAffiliation2(a) && a.role?.role_name === DirectorRole.DIRECTOR && isActiveAffiliation(a) && a._participant?.participant_type === "person");
+    const directors = affiliations.filter(isFilableBCDirector);
     const request = {
       reference: deltaData.referenceNumbers?.referenceNumber || void 0,
       docket: deltaData.referenceNumbers?.docketNumber || void 0,
@@ -84160,6 +85196,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     };
     return pruneUndefined(request);
   }
+  function stripBCDeltaSecrets(delta) {
+    if (!delta?.entityDetails || !("password" in delta.entityDetails)) {
+      return delta;
+    }
+    const _a = delta.entityDetails, { password: _password } = _a, entityDetails = __objRest(_a, ["password"]);
+    return __spreadProps(__spreadValues({}, delta), { entityDetails });
+  }
+  function redactBCValidateRequest(request) {
+    return __spreadProps(__spreadValues({}, request), { password: "" });
+  }
   function getEffectiveDate(task) {
     const futureDate = task._ext._future_filing_date;
     const useFutureEffectiveDate = task._ext._is_future_date === true || Boolean(futureDate);
@@ -84221,6 +85267,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   function isActiveAffiliation(affiliation) {
     return affiliation.status !== "inactive" && affiliation.status !== "closed";
   }
+  function isFilableBCDirector(affiliation) {
+    return isPrincipalAffiliation2(affiliation) && affiliation.role?.role_name === DirectorRole.DIRECTOR && isActiveAffiliation(affiliation) && affiliation._participant?.participant_type === "person";
+  }
   function findSharedAddressAffiliation(affiliations, staticTitle) {
     return affiliations.find((a) => a.role?.role_name === AddressRole2.SHARED_ADDRESS && a.role?.static_title === staticTitle && isActiveAffiliation(a));
   }
@@ -84374,7 +85423,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           });
           config2[BCFormationFormGroups.Notification] = this.generateNotificationFormGroup(delta?.notification, companyEmail);
           config2[BCFormationFormGroups.CompletingParty] = this.generateCompletingPartyFormGroup(task, delta?.completingParty, currentUser);
-          const directors = affiliations.filter((a) => isPrincipalAffiliation2(a) && a.role?.role_name === "Director");
+          const directors = affiliations.filter(isFilableBCDirector);
           if (directors.length) {
             config2[BCFormationFormGroups.Directors] = new FormArray(directors.map((director) => this.generateDirectorFormGroup(director)));
           }
@@ -84612,8 +85661,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             })
           });
         }
+        /** Same rule as the payload: inactive / closed office affiliations are skipped. */
         static findSharedAddressAffiliation(affiliations, staticTitle) {
-          return affiliations.find((a) => a.role?.role_name === AddressRole2.SHARED_ADDRESS && a.role?.static_title === staticTitle);
+          return findSharedAddressAffiliation(affiliations, staticTitle);
         }
         /**
          * Athennian stores one address per `location_type` ("Mailing", "Delivery", …).
@@ -86187,9 +87237,17 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             }
           });
         }
+        /**
+         * The company password is a registry credential: it is passed to Validate (it is part of the
+         * API request) but never included in the Delta Data the host persists.
+         */
         onFormationValidate() {
           markFormGroupTouched(this.deltaForm());
-          this.formationValidate.emit(this.generateFormationDeltaData());
+          const delta = this.generateFormationDeltaData();
+          const password = this.deltaForm().get(BCFormationFormGroups.CorporationDetails)?.get(BCFormationFormControls.CompanyPassword)?.value;
+          this.formationValidate.emit(__spreadProps(__spreadValues({}, delta), {
+            entityDetails: __spreadProps(__spreadValues({}, delta.entityDetails), { password: password ?? null })
+          }));
         }
         onFormationSave() {
           const delta = this.generateFormationDeltaData();
@@ -86220,8 +87278,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               nameReservationNumber: isNamed2 ? corpDetails?.[BCFormationFormControls.NameReservationNumber] ?? null : null,
               usesNameTranslation,
               nameTranslations,
-              companyEmail: corpDetails?.[BCFormationFormControls.CompanyEmail] ?? null,
-              password: corpDetails?.[BCFormationFormControls.CompanyPassword] ?? null
+              companyEmail: corpDetails?.[BCFormationFormControls.CompanyEmail] ?? null
+              // `password` intentionally omitted – see onFormationValidate().
             },
             notification: {
               method: notification?.[BCFormationFormControls.NotificationMethod] ?? null,
@@ -86720,7 +87778,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_form_enums();
       init_federal_form_enum();
       init_FederalConstants();
-      init_common_constants();
       init_common_utils();
       dynamicOptionsCache = /* @__PURE__ */ new Map();
       FEDERAL_INCORPORATION_TYPE_OPTIONS = Object.values(NameType2).filter((v) => typeof v === "number").map((v) => ({ label: NameTypeLabel2[v], value: v }));
@@ -87183,11 +88240,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       GENERATE_FEDERAL_FORMATION_FORM_EXTRA_PROVINCIAL_LICENSES = (addressMap, affiliationsMap) => {
         return [
           {
-            type: FormType.Select,
-            label: "Business Activity",
+            type: FormType.Input,
+            label: "NAICS (North American Industry Classification) Code",
             formControlName: FederalFormationFormControl.BusinessActivities,
-            options: NAICS_CODES,
-            class: "span-12",
+            class: "span-4",
+            inputMode: "numeric",
+            maxLength: 4,
+            hint: "Maximum 4 digits",
+            infoTooltip: "Corporations Canada limits the NAICS code to 4 digits.",
+            errorMessage: "Enter up to 4 digits.",
             required: true
           },
           {
@@ -87748,7 +88809,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               [FormationFormControls.Province]: new FormControl(eplRegisteredOffice?.addresses?.[0]?.province_state),
               [FederalFormationFormControl.RegistrationDate]: new FormControl({ value: data.registration_date ?? null, disabled: true }),
               [FederalFormationFormControl.OfficialEmail]: new FormControl({ value: officialEmail, disabled: true }),
-              [FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, Validators.required),
+              [FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, [Validators.required, Validators.pattern(/^\d{1,4}$/)]),
               [FederalFormationFormControl.PrincipalOfficeInOntario]: new FormControl(deltaData?.principalOfficeAddressUid ?? null, Validators.required),
               [FederalFormationFormControl.UseDifferentAddressForService]: new FormControl(!!deltaData?.serviceAddressUid),
               [FederalFormationFormControl.ServiceAddressUid]: new FormControl(deltaData?.serviceAddressUid ?? null),
@@ -88159,7 +89220,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", contactForm_r24)("config", ctx_r0.contactControl);
     }
   }
-  var _c016, _forTrack05, FederalIncorporationFormComponent;
+  var _c017, _forTrack05, FederalIncorporationFormComponent;
   var init_federal_incorporation_form_component = __esm({
     "src/app/components/federal/incorporation/federal-incorporation-form/federal-incorporation-form.component.ts"() {
       init_core();
@@ -88183,7 +89244,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_rxjs_interop();
       init_common();
       init_core();
-      _c016 = ["*"];
+      _c017 = ["*"];
       _forTrack05 = ($index, $item) => $item.affiliationID;
       FederalIncorporationFormComponent = class _FederalIncorporationFormComponent {
         form = input.required();
@@ -88438,7 +89499,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         static \u0275fac = function FederalIncorporationFormComponent_Factory(__ngFactoryType__) {
           return new (__ngFactoryType__ || _FederalIncorporationFormComponent)();
         };
-        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _FederalIncorporationFormComponent, selectors: [["federal-incorporation-form"]], inputs: { form: [1, "form"], isNote: [1, "isNote"], task: [1, "task"], errors: [1, "errors"], documents: [1, "documents"], selectedDocuments: [1, "selectedDocuments"], isStatusIcon: [1, "isStatusIcon"], isSubmitted: [1, "isSubmitted"], isReadonly: [1, "isReadonly"] }, outputs: { addDocuments: "addDocuments", removeDocument: "removeDocument", visiblyValidChange: "visiblyValidChange" }, ngContentSelectors: _c016, decls: 23, vars: 19, consts: [[1, "incorporation-form"], ["title", "Entity changed", "content", "A new draft needs to be generated as the Entity was changed since the last draft was produced.", 3, "type"], ["title", "The following issues need to be resolved before proceeding:", 3, "content"], [1, "incorporation-form-content"], [3, "isValid", "isStatusIcon", "title"], [3, "isValid", "isSubmitted", "areItemsOpen", "fields", "formArray", "title"], [3, "title"], [3, "isValid", "title"], [3, "areItemsOpen", "isValid", "isSubmitted", "isStatusIcon", "fields", "formArray", "title"], [3, "isStatusIcon", "isValid", "title"], [1, "incorporation-form-item"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [3, "documents", "readonly", "selectedDocuments"], [3, "addDocuments", "removeDocument", "documents", "readonly", "selectedDocuments"], [1, "body-1-regular", "black", 3, "innerHTML"], [1, "body-1-semibold", "dark-blue"], [1, "incorporators-list"], [1, "body-1-regular", "grey"], [3, "visiblyValidChange", "isValid", "isSubmitted", "areItemsOpen", "fields", "formArray", "title"], [1, "body-1-regular"], [3, "areItemsOpen", "isValid", "removable", "isSubmitted", "isStatusIcon", "fields", "formArray", "title"], [3, "remove", "visiblyValidChange", "areItemsOpen", "isValid", "removable", "isSubmitted", "isStatusIcon", "fields", "formArray", "title"], ["slot", "subtitle", "mat-stroked-button", "", "mat-button", "", 3, "disabled"], ["slot", "header-content", 1, "significant-control"], ["slot", "subtitle", "mat-stroked-button", "", "mat-button", "", 3, "click", "disabled"], [1, "body-1-semibold"], [3, "visiblyValidChange", "areItemsOpen", "isValid", "isSubmitted", "isStatusIcon", "fields", "formArray", "title"]], template: function FederalIncorporationFormComponent_Template(rf, ctx) {
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _FederalIncorporationFormComponent, selectors: [["federal-incorporation-form"]], inputs: { form: [1, "form"], isNote: [1, "isNote"], task: [1, "task"], errors: [1, "errors"], documents: [1, "documents"], selectedDocuments: [1, "selectedDocuments"], isStatusIcon: [1, "isStatusIcon"], isSubmitted: [1, "isSubmitted"], isReadonly: [1, "isReadonly"] }, outputs: { addDocuments: "addDocuments", removeDocument: "removeDocument", visiblyValidChange: "visiblyValidChange" }, ngContentSelectors: _c017, decls: 23, vars: 19, consts: [[1, "incorporation-form"], ["title", "Entity changed", "content", "A new draft needs to be generated as the Entity was changed since the last draft was produced.", 3, "type"], ["title", "The following issues need to be resolved before proceeding:", 3, "content"], [1, "incorporation-form-content"], [3, "isValid", "isStatusIcon", "title"], [3, "isValid", "isSubmitted", "areItemsOpen", "fields", "formArray", "title"], [3, "title"], [3, "isValid", "title"], [3, "areItemsOpen", "isValid", "isSubmitted", "isStatusIcon", "fields", "formArray", "title"], [3, "isStatusIcon", "isValid", "title"], [1, "incorporation-form-item"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [3, "documents", "readonly", "selectedDocuments"], [3, "addDocuments", "removeDocument", "documents", "readonly", "selectedDocuments"], [1, "body-1-regular", "black", 3, "innerHTML"], [1, "body-1-semibold", "dark-blue"], [1, "incorporators-list"], [1, "body-1-regular", "grey"], [3, "visiblyValidChange", "isValid", "isSubmitted", "areItemsOpen", "fields", "formArray", "title"], [1, "body-1-regular"], [3, "areItemsOpen", "isValid", "removable", "isSubmitted", "isStatusIcon", "fields", "formArray", "title"], [3, "remove", "visiblyValidChange", "areItemsOpen", "isValid", "removable", "isSubmitted", "isStatusIcon", "fields", "formArray", "title"], ["slot", "subtitle", "mat-stroked-button", "", "mat-button", "", 3, "disabled"], ["slot", "header-content", 1, "significant-control"], ["slot", "subtitle", "mat-stroked-button", "", "mat-button", "", 3, "click", "disabled"], [1, "body-1-semibold"], [3, "visiblyValidChange", "areItemsOpen", "isValid", "isSubmitted", "isStatusIcon", "fields", "formArray", "title"]], template: function FederalIncorporationFormComponent_Template(rf, ctx) {
           if (rf & 1) {
             \u0275\u0275projectionDef();
             \u0275\u0275elementStart(0, "div", 0);
@@ -90315,7 +91376,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             const task = this.task();
             if (task) {
               if (this.isFormationTask(task)) {
-                this.selectedDocuments.set(task.deltaData?.corporateName?.supportingDocuments ?? []);
                 this.deltaForm.set(new FormGroup(FederalFormHelper.generateConfig(task)));
                 this.restoreSelectedDocuments(task);
                 this.deltaState.setFederalFormationInitialDelta(untracked2(() => this.generateFederalFormationDeltaData()));
@@ -92272,19 +93332,23 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   });
 
   // src/app/services/british-columbia/british-columbia-formation.service.ts
+  function failureMessage(status, action) {
+    return status ? `BC ${action} was not successful (status: ${status}).` : `BC ${action} was not confirmed: the response had no status.`;
+  }
   function toValidateErrors(errors) {
     if (!errors?.length) {
       return void 0;
     }
     return errors.map((e) => ({ Code: e.code, Message: e.message }));
   }
-  var INCORPORATION_PATH, BritishColumbiaFormationService;
+  var INCORPORATION_PATH, SUCCESS_STATUS, BritishColumbiaFormationService;
   var init_british_columbia_formation_service = __esm({
     "src/app/services/british-columbia/british-columbia-formation.service.ts"() {
       init_core();
       init_common_utils();
       init_core();
       INCORPORATION_PATH = "filings/ca/bc/incorporation";
+      SUCCESS_STATUS = "success";
       BritishColumbiaFormationService = class _BritishColumbiaFormationService {
         config;
         setConfig(config2) {
@@ -92306,13 +93370,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               throw err2;
             }
             const payload = unwrapRequestResults(parsed.value);
+            const succeeded = resp.ok && payload?.status === SUCCESS_STATUS && Boolean(payload?.serviceOrderId);
             const result = {
               Status: payload?.status,
               ServiceOrderId: payload?.serviceOrderId,
               Draft: payload?.draft,
-              Errors: toValidateErrors(payload?.errors)
+              Errors: succeeded ? toValidateErrors(payload?.errors) : toValidateErrors(payload?.errors) ?? [{ Message: failureMessage(payload?.status, "validation") }]
             };
-            if (resp.ok && !result.Errors?.length) {
+            if (succeeded && !result.Errors?.length) {
               return result;
             }
             const err = buildValidationError(resp.status, result);
@@ -92339,20 +93404,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             const raw = yield resp.text();
             const parsed = tryParseJson(raw);
             if (!parsed.ok) {
-              if (resp.ok) {
-                this.emitSubmitSuccess(signature, serviceOrderId);
-                return { Status: "success", ServiceOrderId: serviceOrderId, raw };
-              }
               const err = new Error(`eCore submit returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`);
               err.httpStatus = resp.status;
               throw err;
             }
             const payload = unwrapRequestResults(parsed.value);
-            const failed = !resp.ok || payload?.status && payload.status !== "success";
+            const failed = !resp.ok || payload?.status !== SUCCESS_STATUS;
             const result = {
               Status: payload?.status,
               ServiceOrderId: serviceOrderId,
-              Errors: failed ? toValidateErrors(payload?.errors) ?? (payload?.additionalInformation ?? [payload?.status ?? "failed"]).map((message) => ({
+              Errors: failed ? toValidateErrors(payload?.errors) ?? (payload?.additionalInformation?.length ? payload.additionalInformation : [failureMessage(payload?.status, "filing")]).map((message) => ({
                 Message: message
               })) : void 0
             };
@@ -92867,9 +93928,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
                 if (validatedData) {
                   delete this.task()?.deltaData.validatedData;
                 }
-                this.deltaDataChange.emit(__spreadProps(__spreadValues({}, deltaData), {
+                this.deltaDataChange.emit(__spreadProps(__spreadValues({}, stripBCDeltaSecrets(deltaData)), {
                   serviceOrderId,
-                  validatedData: JSON.parse(JSON.stringify(requestBody))
+                  validatedData: JSON.parse(JSON.stringify(redactBCValidateRequest(requestBody)))
                 }));
                 this.close.emit();
               }
@@ -92888,7 +93949,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           if (oldDeltaData) {
             delete this.task()?.deltaData;
           }
-          this.deltaDataChange.emit(deltaData);
+          this.deltaDataChange.emit(stripBCDeltaSecrets(deltaData));
         }
         /**
          * British Columbia Formation file (AC13): submits the staged incorporation by ServiceOrderId.
@@ -93268,7 +94329,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               return buildOntarioFormationValidateRequest(task, deltaData);
             }
             if (isBritishColumbiaTask(task)) {
-              return buildBCFormationValidateRequest(task, deltaData);
+              return redactBCValidateRequest(buildBCFormationValidateRequest(task, deltaData));
             }
             const federalPayload = buildFederalFormationValidateRequest(task, deltaData);
             const validatedIncorporation = deltaData?.validatedData?.Incorporation;
@@ -93450,7 +94511,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         }], () => [], null);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingComponent, { className: "FilingComponent", filePath: "src/app/components/filing/filing.component.ts", lineNumber: 82 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingComponent, { className: "FilingComponent", filePath: "src/app/components/filing/filing.component.ts", lineNumber: 86 });
       })();
     }
   });