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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dnd-filing-shell.js +69 -1108
  2. package/package.json +11 -11
@@ -54590,7 +54590,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
54590
54590
  init_overlay_module_BUj0D19H();
54591
54591
  init_core();
54592
54592
  init_core();
54593
- init_scrolling();
54594
54593
  FullscreenOverlayContainer = class _FullscreenOverlayContainer extends OverlayContainer {
54595
54594
  _renderer = inject(RendererFactory2).createRenderer(null, null);
54596
54595
  _fullScreenEventName;
@@ -75425,986 +75424,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
75425
75424
  }
75426
75425
  });
75427
75426
 
75428
- // node_modules/@angular/material/fesm2022/module-C9K6ZqpI.mjs
75429
- function getMatTooltipInvalidPositionError(position) {
75430
- return Error(`Tooltip position "${position}" is invalid.`);
75431
- }
75432
- function MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY(overlay) {
75433
- return () => overlay.scrollStrategies.reposition({
75434
- scrollThrottle: SCROLL_THROTTLE_MS
75435
- });
75436
- }
75437
- function MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY() {
75438
- return {
75439
- showDelay: 0,
75440
- hideDelay: 0,
75441
- touchendHideDelay: 1500
75442
- };
75443
- }
75444
- 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;
75445
- var init_module_C9K6ZqpI = __esm({
75446
- "node_modules/@angular/material/fesm2022/module-C9K6ZqpI.mjs"() {
75447
- init_core();
75448
- init_core();
75449
- init_a11y();
75450
- init_overlay();
75451
- init_scrolling();
75452
- init_operators();
75453
- init_coercion();
75454
- init_keycodes();
75455
- init_common();
75456
- init_platform();
75457
- init_bidi();
75458
- init_portal();
75459
- init_esm();
75460
- init_common_module_WayjW0Pb();
75461
- _c014 = ["tooltip"];
75462
- SCROLL_THROTTLE_MS = 20;
75463
- MAT_TOOLTIP_SCROLL_STRATEGY = new InjectionToken("mat-tooltip-scroll-strategy", {
75464
- providedIn: "root",
75465
- factory: () => {
75466
- const overlay = inject(Overlay);
75467
- return () => overlay.scrollStrategies.reposition({
75468
- scrollThrottle: SCROLL_THROTTLE_MS
75469
- });
75470
- }
75471
- });
75472
- MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER = {
75473
- provide: MAT_TOOLTIP_SCROLL_STRATEGY,
75474
- deps: [Overlay],
75475
- useFactory: MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY
75476
- };
75477
- MAT_TOOLTIP_DEFAULT_OPTIONS = new InjectionToken("mat-tooltip-default-options", {
75478
- providedIn: "root",
75479
- factory: MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY
75480
- });
75481
- PANEL_CLASS = "tooltip-panel";
75482
- passiveListenerOptions = normalizePassiveListenerOptions({
75483
- passive: true
75484
- });
75485
- MIN_VIEWPORT_TOOLTIP_THRESHOLD = 8;
75486
- UNBOUNDED_ANCHOR_GAP = 8;
75487
- MIN_HEIGHT = 24;
75488
- MAX_WIDTH = 200;
75489
- MatTooltip = class _MatTooltip {
75490
- _elementRef = inject(ElementRef);
75491
- _ngZone = inject(NgZone);
75492
- _platform = inject(Platform);
75493
- _ariaDescriber = inject(AriaDescriber);
75494
- _focusMonitor = inject(FocusMonitor);
75495
- _dir = inject(Directionality);
75496
- _injector = inject(Injector);
75497
- _viewContainerRef = inject(ViewContainerRef);
75498
- _defaultOptions = inject(MAT_TOOLTIP_DEFAULT_OPTIONS, {
75499
- optional: true
75500
- });
75501
- _overlayRef;
75502
- _tooltipInstance;
75503
- _portal;
75504
- _position = "below";
75505
- _positionAtOrigin = false;
75506
- _disabled = false;
75507
- _tooltipClass;
75508
- _viewInitialized = false;
75509
- _pointerExitEventsInitialized = false;
75510
- _tooltipComponent = TooltipComponent;
75511
- _viewportMargin = 8;
75512
- _currentPosition;
75513
- _cssClassPrefix = "mat-mdc";
75514
- _ariaDescriptionPending;
75515
- _dirSubscribed = false;
75516
- /** Allows the user to define the position of the tooltip relative to the parent element */
75517
- get position() {
75518
- return this._position;
75519
- }
75520
- set position(value) {
75521
- if (value !== this._position) {
75522
- this._position = value;
75523
- if (this._overlayRef) {
75524
- this._updatePosition(this._overlayRef);
75525
- this._tooltipInstance?.show(0);
75526
- this._overlayRef.updatePosition();
75527
- }
75528
- }
75529
- }
75530
- /**
75531
- * Whether tooltip should be relative to the click or touch origin
75532
- * instead of outside the element bounding box.
75533
- */
75534
- get positionAtOrigin() {
75535
- return this._positionAtOrigin;
75536
- }
75537
- set positionAtOrigin(value) {
75538
- this._positionAtOrigin = coerceBooleanProperty(value);
75539
- this._detach();
75540
- this._overlayRef = null;
75541
- }
75542
- /** Disables the display of the tooltip. */
75543
- get disabled() {
75544
- return this._disabled;
75545
- }
75546
- set disabled(value) {
75547
- const isDisabled = coerceBooleanProperty(value);
75548
- if (this._disabled !== isDisabled) {
75549
- this._disabled = isDisabled;
75550
- if (isDisabled) {
75551
- this.hide(0);
75552
- } else {
75553
- this._setupPointerEnterEventsIfNeeded();
75554
- }
75555
- this._syncAriaDescription(this.message);
75556
- }
75557
- }
75558
- /** The default delay in ms before showing the tooltip after show is called */
75559
- get showDelay() {
75560
- return this._showDelay;
75561
- }
75562
- set showDelay(value) {
75563
- this._showDelay = coerceNumberProperty(value);
75564
- }
75565
- _showDelay;
75566
- /** The default delay in ms before hiding the tooltip after hide is called */
75567
- get hideDelay() {
75568
- return this._hideDelay;
75569
- }
75570
- set hideDelay(value) {
75571
- this._hideDelay = coerceNumberProperty(value);
75572
- if (this._tooltipInstance) {
75573
- this._tooltipInstance._mouseLeaveHideDelay = this._hideDelay;
75574
- }
75575
- }
75576
- _hideDelay;
75577
- /**
75578
- * How touch gestures should be handled by the tooltip. On touch devices the tooltip directive
75579
- * uses a long press gesture to show and hide, however it can conflict with the native browser
75580
- * gestures. To work around the conflict, Angular Material disables native gestures on the
75581
- * trigger, but that might not be desirable on particular elements (e.g. inputs and draggable
75582
- * elements). The different values for this option configure the touch event handling as follows:
75583
- * - `auto` - Enables touch gestures for all elements, but tries to avoid conflicts with native
75584
- * browser gestures on particular elements. In particular, it allows text selection on inputs
75585
- * and textareas, and preserves the native browser dragging on elements marked as `draggable`.
75586
- * - `on` - Enables touch gestures for all elements and disables native
75587
- * browser gestures with no exceptions.
75588
- * - `off` - Disables touch gestures. Note that this will prevent the tooltip from
75589
- * showing on touch devices.
75590
- */
75591
- touchGestures = "auto";
75592
- /** The message to be displayed in the tooltip */
75593
- get message() {
75594
- return this._message;
75595
- }
75596
- set message(value) {
75597
- const oldMessage = this._message;
75598
- this._message = value != null ? String(value).trim() : "";
75599
- if (!this._message && this._isTooltipVisible()) {
75600
- this.hide(0);
75601
- } else {
75602
- this._setupPointerEnterEventsIfNeeded();
75603
- this._updateTooltipMessage();
75604
- }
75605
- this._syncAriaDescription(oldMessage);
75606
- }
75607
- _message = "";
75608
- /** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */
75609
- get tooltipClass() {
75610
- return this._tooltipClass;
75611
- }
75612
- set tooltipClass(value) {
75613
- this._tooltipClass = value;
75614
- if (this._tooltipInstance) {
75615
- this._setTooltipClass(this._tooltipClass);
75616
- }
75617
- }
75618
- /** Manually-bound passive event listeners. */
75619
- _passiveListeners = [];
75620
- /** Timer started at the last `touchstart` event. */
75621
- _touchstartTimeout = null;
75622
- /** Emits when the component is destroyed. */
75623
- _destroyed = new Subject();
75624
- /** Whether ngOnDestroyed has been called. */
75625
- _isDestroyed = false;
75626
- constructor() {
75627
- const defaultOptions = this._defaultOptions;
75628
- if (defaultOptions) {
75629
- this._showDelay = defaultOptions.showDelay;
75630
- this._hideDelay = defaultOptions.hideDelay;
75631
- if (defaultOptions.position) {
75632
- this.position = defaultOptions.position;
75633
- }
75634
- if (defaultOptions.positionAtOrigin) {
75635
- this.positionAtOrigin = defaultOptions.positionAtOrigin;
75636
- }
75637
- if (defaultOptions.touchGestures) {
75638
- this.touchGestures = defaultOptions.touchGestures;
75639
- }
75640
- if (defaultOptions.tooltipClass) {
75641
- this.tooltipClass = defaultOptions.tooltipClass;
75642
- }
75643
- }
75644
- this._viewportMargin = MIN_VIEWPORT_TOOLTIP_THRESHOLD;
75645
- }
75646
- ngAfterViewInit() {
75647
- this._viewInitialized = true;
75648
- this._setupPointerEnterEventsIfNeeded();
75649
- this._focusMonitor.monitor(this._elementRef).pipe(takeUntil(this._destroyed)).subscribe((origin) => {
75650
- if (!origin) {
75651
- this._ngZone.run(() => this.hide(0));
75652
- } else if (origin === "keyboard") {
75653
- this._ngZone.run(() => this.show());
75654
- }
75655
- });
75656
- }
75657
- /**
75658
- * Dispose the tooltip when destroyed.
75659
- */
75660
- ngOnDestroy() {
75661
- const nativeElement = this._elementRef.nativeElement;
75662
- if (this._touchstartTimeout) {
75663
- clearTimeout(this._touchstartTimeout);
75664
- }
75665
- if (this._overlayRef) {
75666
- this._overlayRef.dispose();
75667
- this._tooltipInstance = null;
75668
- }
75669
- this._passiveListeners.forEach(([event, listener]) => {
75670
- nativeElement.removeEventListener(event, listener, passiveListenerOptions);
75671
- });
75672
- this._passiveListeners.length = 0;
75673
- this._destroyed.next();
75674
- this._destroyed.complete();
75675
- this._isDestroyed = true;
75676
- this._ariaDescriber.removeDescription(nativeElement, this.message, "tooltip");
75677
- this._focusMonitor.stopMonitoring(nativeElement);
75678
- }
75679
- /** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */
75680
- show(delay2 = this.showDelay, origin) {
75681
- if (this.disabled || !this.message || this._isTooltipVisible()) {
75682
- this._tooltipInstance?._cancelPendingAnimations();
75683
- return;
75684
- }
75685
- const overlayRef = this._createOverlay(origin);
75686
- this._detach();
75687
- this._portal = this._portal || new ComponentPortal(this._tooltipComponent, this._viewContainerRef);
75688
- const instance = this._tooltipInstance = overlayRef.attach(this._portal).instance;
75689
- instance._triggerElement = this._elementRef.nativeElement;
75690
- instance._mouseLeaveHideDelay = this._hideDelay;
75691
- instance.afterHidden().pipe(takeUntil(this._destroyed)).subscribe(() => this._detach());
75692
- this._setTooltipClass(this._tooltipClass);
75693
- this._updateTooltipMessage();
75694
- instance.show(delay2);
75695
- }
75696
- /** Hides the tooltip after the delay in ms, defaults to tooltip-delay-hide or 0ms if no input */
75697
- hide(delay2 = this.hideDelay) {
75698
- const instance = this._tooltipInstance;
75699
- if (instance) {
75700
- if (instance.isVisible()) {
75701
- instance.hide(delay2);
75702
- } else {
75703
- instance._cancelPendingAnimations();
75704
- this._detach();
75705
- }
75706
- }
75707
- }
75708
- /** Shows/hides the tooltip */
75709
- toggle(origin) {
75710
- this._isTooltipVisible() ? this.hide() : this.show(void 0, origin);
75711
- }
75712
- /** Returns true if the tooltip is currently visible to the user */
75713
- _isTooltipVisible() {
75714
- return !!this._tooltipInstance && this._tooltipInstance.isVisible();
75715
- }
75716
- /** Create the overlay config and position strategy */
75717
- _createOverlay(origin) {
75718
- if (this._overlayRef) {
75719
- const existingStrategy = this._overlayRef.getConfig().positionStrategy;
75720
- if ((!this.positionAtOrigin || !origin) && existingStrategy._origin instanceof ElementRef) {
75721
- return this._overlayRef;
75722
- }
75723
- this._detach();
75724
- }
75725
- const scrollableAncestors = this._injector.get(ScrollDispatcher).getAncestorScrollContainers(this._elementRef);
75726
- const overlay = this._injector.get(Overlay);
75727
- const strategy = overlay.position().flexibleConnectedTo(this.positionAtOrigin ? origin || this._elementRef : this._elementRef).withTransformOriginOn(`.${this._cssClassPrefix}-tooltip`).withFlexibleDimensions(false).withViewportMargin(this._viewportMargin).withScrollableContainers(scrollableAncestors);
75728
- strategy.positionChanges.pipe(takeUntil(this._destroyed)).subscribe((change) => {
75729
- this._updateCurrentPositionClass(change.connectionPair);
75730
- if (this._tooltipInstance) {
75731
- if (change.scrollableViewProperties.isOverlayClipped && this._tooltipInstance.isVisible()) {
75732
- this._ngZone.run(() => this.hide(0));
75733
- }
75734
- }
75735
- });
75736
- this._overlayRef = overlay.create({
75737
- direction: this._dir,
75738
- positionStrategy: strategy,
75739
- panelClass: `${this._cssClassPrefix}-${PANEL_CLASS}`,
75740
- scrollStrategy: this._injector.get(MAT_TOOLTIP_SCROLL_STRATEGY)()
75741
- });
75742
- this._updatePosition(this._overlayRef);
75743
- this._overlayRef.detachments().pipe(takeUntil(this._destroyed)).subscribe(() => this._detach());
75744
- this._overlayRef.outsidePointerEvents().pipe(takeUntil(this._destroyed)).subscribe(() => this._tooltipInstance?._handleBodyInteraction());
75745
- this._overlayRef.keydownEvents().pipe(takeUntil(this._destroyed)).subscribe((event) => {
75746
- if (this._isTooltipVisible() && event.keyCode === ESCAPE && !hasModifierKey(event)) {
75747
- event.preventDefault();
75748
- event.stopPropagation();
75749
- this._ngZone.run(() => this.hide(0));
75750
- }
75751
- });
75752
- if (this._defaultOptions?.disableTooltipInteractivity) {
75753
- this._overlayRef.addPanelClass(`${this._cssClassPrefix}-tooltip-panel-non-interactive`);
75754
- }
75755
- if (!this._dirSubscribed) {
75756
- this._dirSubscribed = true;
75757
- this._dir.change.pipe(takeUntil(this._destroyed)).subscribe(() => {
75758
- if (this._overlayRef) {
75759
- this._updatePosition(this._overlayRef);
75760
- }
75761
- });
75762
- }
75763
- return this._overlayRef;
75764
- }
75765
- /** Detaches the currently-attached tooltip. */
75766
- _detach() {
75767
- if (this._overlayRef && this._overlayRef.hasAttached()) {
75768
- this._overlayRef.detach();
75769
- }
75770
- this._tooltipInstance = null;
75771
- }
75772
- /** Updates the position of the current tooltip. */
75773
- _updatePosition(overlayRef) {
75774
- const position = overlayRef.getConfig().positionStrategy;
75775
- const origin = this._getOrigin();
75776
- const overlay = this._getOverlayPosition();
75777
- position.withPositions([this._addOffset(__spreadValues(__spreadValues({}, origin.main), overlay.main)), this._addOffset(__spreadValues(__spreadValues({}, origin.fallback), overlay.fallback))]);
75778
- }
75779
- /** Adds the configured offset to a position. Used as a hook for child classes. */
75780
- _addOffset(position) {
75781
- const offset = UNBOUNDED_ANCHOR_GAP;
75782
- const isLtr = !this._dir || this._dir.value == "ltr";
75783
- if (position.originY === "top") {
75784
- position.offsetY = -offset;
75785
- } else if (position.originY === "bottom") {
75786
- position.offsetY = offset;
75787
- } else if (position.originX === "start") {
75788
- position.offsetX = isLtr ? -offset : offset;
75789
- } else if (position.originX === "end") {
75790
- position.offsetX = isLtr ? offset : -offset;
75791
- }
75792
- return position;
75793
- }
75794
- /**
75795
- * Returns the origin position and a fallback position based on the user's position preference.
75796
- * The fallback position is the inverse of the origin (e.g. `'below' -> 'above'`).
75797
- */
75798
- _getOrigin() {
75799
- const isLtr = !this._dir || this._dir.value == "ltr";
75800
- const position = this.position;
75801
- let originPosition;
75802
- if (position == "above" || position == "below") {
75803
- originPosition = {
75804
- originX: "center",
75805
- originY: position == "above" ? "top" : "bottom"
75806
- };
75807
- } else if (position == "before" || position == "left" && isLtr || position == "right" && !isLtr) {
75808
- originPosition = {
75809
- originX: "start",
75810
- originY: "center"
75811
- };
75812
- } else if (position == "after" || position == "right" && isLtr || position == "left" && !isLtr) {
75813
- originPosition = {
75814
- originX: "end",
75815
- originY: "center"
75816
- };
75817
- } else if (typeof ngDevMode === "undefined" || ngDevMode) {
75818
- throw getMatTooltipInvalidPositionError(position);
75819
- }
75820
- const {
75821
- x,
75822
- y
75823
- } = this._invertPosition(originPosition.originX, originPosition.originY);
75824
- return {
75825
- main: originPosition,
75826
- fallback: {
75827
- originX: x,
75828
- originY: y
75829
- }
75830
- };
75831
- }
75832
- /** Returns the overlay position and a fallback position based on the user's preference */
75833
- _getOverlayPosition() {
75834
- const isLtr = !this._dir || this._dir.value == "ltr";
75835
- const position = this.position;
75836
- let overlayPosition;
75837
- if (position == "above") {
75838
- overlayPosition = {
75839
- overlayX: "center",
75840
- overlayY: "bottom"
75841
- };
75842
- } else if (position == "below") {
75843
- overlayPosition = {
75844
- overlayX: "center",
75845
- overlayY: "top"
75846
- };
75847
- } else if (position == "before" || position == "left" && isLtr || position == "right" && !isLtr) {
75848
- overlayPosition = {
75849
- overlayX: "end",
75850
- overlayY: "center"
75851
- };
75852
- } else if (position == "after" || position == "right" && isLtr || position == "left" && !isLtr) {
75853
- overlayPosition = {
75854
- overlayX: "start",
75855
- overlayY: "center"
75856
- };
75857
- } else if (typeof ngDevMode === "undefined" || ngDevMode) {
75858
- throw getMatTooltipInvalidPositionError(position);
75859
- }
75860
- const {
75861
- x,
75862
- y
75863
- } = this._invertPosition(overlayPosition.overlayX, overlayPosition.overlayY);
75864
- return {
75865
- main: overlayPosition,
75866
- fallback: {
75867
- overlayX: x,
75868
- overlayY: y
75869
- }
75870
- };
75871
- }
75872
- /** Updates the tooltip message and repositions the overlay according to the new message length */
75873
- _updateTooltipMessage() {
75874
- if (this._tooltipInstance) {
75875
- this._tooltipInstance.message = this.message;
75876
- this._tooltipInstance._markForCheck();
75877
- afterNextRender(() => {
75878
- if (this._tooltipInstance) {
75879
- this._overlayRef.updatePosition();
75880
- }
75881
- }, {
75882
- injector: this._injector
75883
- });
75884
- }
75885
- }
75886
- /** Updates the tooltip class */
75887
- _setTooltipClass(tooltipClass) {
75888
- if (this._tooltipInstance) {
75889
- this._tooltipInstance.tooltipClass = tooltipClass;
75890
- this._tooltipInstance._markForCheck();
75891
- }
75892
- }
75893
- /** Inverts an overlay position. */
75894
- _invertPosition(x, y) {
75895
- if (this.position === "above" || this.position === "below") {
75896
- if (y === "top") {
75897
- y = "bottom";
75898
- } else if (y === "bottom") {
75899
- y = "top";
75900
- }
75901
- } else {
75902
- if (x === "end") {
75903
- x = "start";
75904
- } else if (x === "start") {
75905
- x = "end";
75906
- }
75907
- }
75908
- return {
75909
- x,
75910
- y
75911
- };
75912
- }
75913
- /** Updates the class on the overlay panel based on the current position of the tooltip. */
75914
- _updateCurrentPositionClass(connectionPair) {
75915
- const {
75916
- overlayY,
75917
- originX,
75918
- originY
75919
- } = connectionPair;
75920
- let newPosition;
75921
- if (overlayY === "center") {
75922
- if (this._dir && this._dir.value === "rtl") {
75923
- newPosition = originX === "end" ? "left" : "right";
75924
- } else {
75925
- newPosition = originX === "start" ? "left" : "right";
75926
- }
75927
- } else {
75928
- newPosition = overlayY === "bottom" && originY === "top" ? "above" : "below";
75929
- }
75930
- if (newPosition !== this._currentPosition) {
75931
- const overlayRef = this._overlayRef;
75932
- if (overlayRef) {
75933
- const classPrefix = `${this._cssClassPrefix}-${PANEL_CLASS}-`;
75934
- overlayRef.removePanelClass(classPrefix + this._currentPosition);
75935
- overlayRef.addPanelClass(classPrefix + newPosition);
75936
- }
75937
- this._currentPosition = newPosition;
75938
- }
75939
- }
75940
- /** Binds the pointer events to the tooltip trigger. */
75941
- _setupPointerEnterEventsIfNeeded() {
75942
- if (this._disabled || !this.message || !this._viewInitialized || this._passiveListeners.length) {
75943
- return;
75944
- }
75945
- if (this._platformSupportsMouseEvents()) {
75946
- this._passiveListeners.push(["mouseenter", (event) => {
75947
- this._setupPointerExitEventsIfNeeded();
75948
- let point = void 0;
75949
- if (event.x !== void 0 && event.y !== void 0) {
75950
- point = event;
75951
- }
75952
- this.show(void 0, point);
75953
- }]);
75954
- } else if (this.touchGestures !== "off") {
75955
- this._disableNativeGesturesIfNecessary();
75956
- this._passiveListeners.push(["touchstart", (event) => {
75957
- const touch = event.targetTouches?.[0];
75958
- const origin = touch ? {
75959
- x: touch.clientX,
75960
- y: touch.clientY
75961
- } : void 0;
75962
- this._setupPointerExitEventsIfNeeded();
75963
- if (this._touchstartTimeout) {
75964
- clearTimeout(this._touchstartTimeout);
75965
- }
75966
- const DEFAULT_LONGPRESS_DELAY = 500;
75967
- this._touchstartTimeout = setTimeout(() => {
75968
- this._touchstartTimeout = null;
75969
- this.show(void 0, origin);
75970
- }, this._defaultOptions?.touchLongPressShowDelay ?? DEFAULT_LONGPRESS_DELAY);
75971
- }]);
75972
- }
75973
- this._addListeners(this._passiveListeners);
75974
- }
75975
- _setupPointerExitEventsIfNeeded() {
75976
- if (this._pointerExitEventsInitialized) {
75977
- return;
75978
- }
75979
- this._pointerExitEventsInitialized = true;
75980
- const exitListeners = [];
75981
- if (this._platformSupportsMouseEvents()) {
75982
- exitListeners.push(["mouseleave", (event) => {
75983
- const newTarget = event.relatedTarget;
75984
- if (!newTarget || !this._overlayRef?.overlayElement.contains(newTarget)) {
75985
- this.hide();
75986
- }
75987
- }], ["wheel", (event) => this._wheelListener(event)]);
75988
- } else if (this.touchGestures !== "off") {
75989
- this._disableNativeGesturesIfNecessary();
75990
- const touchendListener = () => {
75991
- if (this._touchstartTimeout) {
75992
- clearTimeout(this._touchstartTimeout);
75993
- }
75994
- this.hide(this._defaultOptions?.touchendHideDelay);
75995
- };
75996
- exitListeners.push(["touchend", touchendListener], ["touchcancel", touchendListener]);
75997
- }
75998
- this._addListeners(exitListeners);
75999
- this._passiveListeners.push(...exitListeners);
76000
- }
76001
- _addListeners(listeners) {
76002
- listeners.forEach(([event, listener]) => {
76003
- this._elementRef.nativeElement.addEventListener(event, listener, passiveListenerOptions);
76004
- });
76005
- }
76006
- _platformSupportsMouseEvents() {
76007
- return !this._platform.IOS && !this._platform.ANDROID;
76008
- }
76009
- /** Listener for the `wheel` event on the element. */
76010
- _wheelListener(event) {
76011
- if (this._isTooltipVisible()) {
76012
- const elementUnderPointer = this._injector.get(DOCUMENT2).elementFromPoint(event.clientX, event.clientY);
76013
- const element = this._elementRef.nativeElement;
76014
- if (elementUnderPointer !== element && !element.contains(elementUnderPointer)) {
76015
- this.hide();
76016
- }
76017
- }
76018
- }
76019
- /** Disables the native browser gestures, based on how the tooltip has been configured. */
76020
- _disableNativeGesturesIfNecessary() {
76021
- const gestures = this.touchGestures;
76022
- if (gestures !== "off") {
76023
- const element = this._elementRef.nativeElement;
76024
- const style2 = element.style;
76025
- if (gestures === "on" || element.nodeName !== "INPUT" && element.nodeName !== "TEXTAREA") {
76026
- style2.userSelect = style2.msUserSelect = style2.webkitUserSelect = style2.MozUserSelect = "none";
76027
- }
76028
- if (gestures === "on" || !element.draggable) {
76029
- style2.webkitUserDrag = "none";
76030
- }
76031
- style2.touchAction = "none";
76032
- style2.webkitTapHighlightColor = "transparent";
76033
- }
76034
- }
76035
- /** Updates the tooltip's ARIA description based on it current state. */
76036
- _syncAriaDescription(oldMessage) {
76037
- if (this._ariaDescriptionPending) {
76038
- return;
76039
- }
76040
- this._ariaDescriptionPending = true;
76041
- this._ariaDescriber.removeDescription(this._elementRef.nativeElement, oldMessage, "tooltip");
76042
- if (!this._isDestroyed) {
76043
- afterNextRender({
76044
- write: () => {
76045
- this._ariaDescriptionPending = false;
76046
- if (this.message && !this.disabled) {
76047
- this._ariaDescriber.describe(this._elementRef.nativeElement, this.message, "tooltip");
76048
- }
76049
- }
76050
- }, {
76051
- injector: this._injector
76052
- });
76053
- }
76054
- }
76055
- static \u0275fac = function MatTooltip_Factory(__ngFactoryType__) {
76056
- return new (__ngFactoryType__ || _MatTooltip)();
76057
- };
76058
- static \u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
76059
- type: _MatTooltip,
76060
- selectors: [["", "matTooltip", ""]],
76061
- hostAttrs: [1, "mat-mdc-tooltip-trigger"],
76062
- hostVars: 2,
76063
- hostBindings: function MatTooltip_HostBindings(rf, ctx) {
76064
- if (rf & 2) {
76065
- \u0275\u0275classProp("mat-mdc-tooltip-disabled", ctx.disabled);
76066
- }
76067
- },
76068
- inputs: {
76069
- position: [0, "matTooltipPosition", "position"],
76070
- positionAtOrigin: [0, "matTooltipPositionAtOrigin", "positionAtOrigin"],
76071
- disabled: [0, "matTooltipDisabled", "disabled"],
76072
- showDelay: [0, "matTooltipShowDelay", "showDelay"],
76073
- hideDelay: [0, "matTooltipHideDelay", "hideDelay"],
76074
- touchGestures: [0, "matTooltipTouchGestures", "touchGestures"],
76075
- message: [0, "matTooltip", "message"],
76076
- tooltipClass: [0, "matTooltipClass", "tooltipClass"]
76077
- },
76078
- exportAs: ["matTooltip"]
76079
- });
76080
- };
76081
- (() => {
76082
- (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatTooltip, [{
76083
- type: Directive,
76084
- args: [{
76085
- selector: "[matTooltip]",
76086
- exportAs: "matTooltip",
76087
- host: {
76088
- "class": "mat-mdc-tooltip-trigger",
76089
- "[class.mat-mdc-tooltip-disabled]": "disabled"
76090
- }
76091
- }]
76092
- }], () => [], {
76093
- position: [{
76094
- type: Input,
76095
- args: ["matTooltipPosition"]
76096
- }],
76097
- positionAtOrigin: [{
76098
- type: Input,
76099
- args: ["matTooltipPositionAtOrigin"]
76100
- }],
76101
- disabled: [{
76102
- type: Input,
76103
- args: ["matTooltipDisabled"]
76104
- }],
76105
- showDelay: [{
76106
- type: Input,
76107
- args: ["matTooltipShowDelay"]
76108
- }],
76109
- hideDelay: [{
76110
- type: Input,
76111
- args: ["matTooltipHideDelay"]
76112
- }],
76113
- touchGestures: [{
76114
- type: Input,
76115
- args: ["matTooltipTouchGestures"]
76116
- }],
76117
- message: [{
76118
- type: Input,
76119
- args: ["matTooltip"]
76120
- }],
76121
- tooltipClass: [{
76122
- type: Input,
76123
- args: ["matTooltipClass"]
76124
- }]
76125
- });
76126
- })();
76127
- TooltipComponent = class _TooltipComponent {
76128
- _changeDetectorRef = inject(ChangeDetectorRef);
76129
- _elementRef = inject(ElementRef);
76130
- /* Whether the tooltip text overflows to multiple lines */
76131
- _isMultiline = false;
76132
- /** Message to display in the tooltip */
76133
- message;
76134
- /** Classes to be added to the tooltip. Supports the same syntax as `ngClass`. */
76135
- tooltipClass;
76136
- /** The timeout ID of any current timer set to show the tooltip */
76137
- _showTimeoutId;
76138
- /** The timeout ID of any current timer set to hide the tooltip */
76139
- _hideTimeoutId;
76140
- /** Element that caused the tooltip to open. */
76141
- _triggerElement;
76142
- /** Amount of milliseconds to delay the closing sequence. */
76143
- _mouseLeaveHideDelay;
76144
- /** Whether animations are currently disabled. */
76145
- _animationsDisabled;
76146
- /** Reference to the internal tooltip element. */
76147
- _tooltip;
76148
- /** Whether interactions on the page should close the tooltip */
76149
- _closeOnInteraction = false;
76150
- /** Whether the tooltip is currently visible. */
76151
- _isVisible = false;
76152
- /** Subject for notifying that the tooltip has been hidden from the view */
76153
- _onHide = new Subject();
76154
- /** Name of the show animation and the class that toggles it. */
76155
- _showAnimation = "mat-mdc-tooltip-show";
76156
- /** Name of the hide animation and the class that toggles it. */
76157
- _hideAnimation = "mat-mdc-tooltip-hide";
76158
- constructor() {
76159
- const animationMode = inject(ANIMATION_MODULE_TYPE, {
76160
- optional: true
76161
- });
76162
- this._animationsDisabled = animationMode === "NoopAnimations";
76163
- }
76164
- /**
76165
- * Shows the tooltip with an animation originating from the provided origin
76166
- * @param delay Amount of milliseconds to the delay showing the tooltip.
76167
- */
76168
- show(delay2) {
76169
- if (this._hideTimeoutId != null) {
76170
- clearTimeout(this._hideTimeoutId);
76171
- }
76172
- this._showTimeoutId = setTimeout(() => {
76173
- this._toggleVisibility(true);
76174
- this._showTimeoutId = void 0;
76175
- }, delay2);
76176
- }
76177
- /**
76178
- * Begins the animation to hide the tooltip after the provided delay in ms.
76179
- * @param delay Amount of milliseconds to delay showing the tooltip.
76180
- */
76181
- hide(delay2) {
76182
- if (this._showTimeoutId != null) {
76183
- clearTimeout(this._showTimeoutId);
76184
- }
76185
- this._hideTimeoutId = setTimeout(() => {
76186
- this._toggleVisibility(false);
76187
- this._hideTimeoutId = void 0;
76188
- }, delay2);
76189
- }
76190
- /** Returns an observable that notifies when the tooltip has been hidden from view. */
76191
- afterHidden() {
76192
- return this._onHide;
76193
- }
76194
- /** Whether the tooltip is being displayed. */
76195
- isVisible() {
76196
- return this._isVisible;
76197
- }
76198
- ngOnDestroy() {
76199
- this._cancelPendingAnimations();
76200
- this._onHide.complete();
76201
- this._triggerElement = null;
76202
- }
76203
- /**
76204
- * Interactions on the HTML body should close the tooltip immediately as defined in the
76205
- * material design spec.
76206
- * https://material.io/design/components/tooltips.html#behavior
76207
- */
76208
- _handleBodyInteraction() {
76209
- if (this._closeOnInteraction) {
76210
- this.hide(0);
76211
- }
76212
- }
76213
- /**
76214
- * Marks that the tooltip needs to be checked in the next change detection run.
76215
- * Mainly used for rendering the initial text before positioning a tooltip, which
76216
- * can be problematic in components with OnPush change detection.
76217
- */
76218
- _markForCheck() {
76219
- this._changeDetectorRef.markForCheck();
76220
- }
76221
- _handleMouseLeave({
76222
- relatedTarget
76223
- }) {
76224
- if (!relatedTarget || !this._triggerElement.contains(relatedTarget)) {
76225
- if (this.isVisible()) {
76226
- this.hide(this._mouseLeaveHideDelay);
76227
- } else {
76228
- this._finalizeAnimation(false);
76229
- }
76230
- }
76231
- }
76232
- /**
76233
- * Callback for when the timeout in this.show() gets completed.
76234
- * This method is only needed by the mdc-tooltip, and so it is only implemented
76235
- * in the mdc-tooltip, not here.
76236
- */
76237
- _onShow() {
76238
- this._isMultiline = this._isTooltipMultiline();
76239
- this._markForCheck();
76240
- }
76241
- /** Whether the tooltip text has overflown to the next line */
76242
- _isTooltipMultiline() {
76243
- const rect = this._elementRef.nativeElement.getBoundingClientRect();
76244
- return rect.height > MIN_HEIGHT && rect.width >= MAX_WIDTH;
76245
- }
76246
- /** Event listener dispatched when an animation on the tooltip finishes. */
76247
- _handleAnimationEnd({
76248
- animationName
76249
- }) {
76250
- if (animationName === this._showAnimation || animationName === this._hideAnimation) {
76251
- this._finalizeAnimation(animationName === this._showAnimation);
76252
- }
76253
- }
76254
- /** Cancels any pending animation sequences. */
76255
- _cancelPendingAnimations() {
76256
- if (this._showTimeoutId != null) {
76257
- clearTimeout(this._showTimeoutId);
76258
- }
76259
- if (this._hideTimeoutId != null) {
76260
- clearTimeout(this._hideTimeoutId);
76261
- }
76262
- this._showTimeoutId = this._hideTimeoutId = void 0;
76263
- }
76264
- /** Handles the cleanup after an animation has finished. */
76265
- _finalizeAnimation(toVisible) {
76266
- if (toVisible) {
76267
- this._closeOnInteraction = true;
76268
- } else if (!this.isVisible()) {
76269
- this._onHide.next();
76270
- }
76271
- }
76272
- /** Toggles the visibility of the tooltip element. */
76273
- _toggleVisibility(isVisible) {
76274
- const tooltip = this._tooltip.nativeElement;
76275
- const showClass = this._showAnimation;
76276
- const hideClass = this._hideAnimation;
76277
- tooltip.classList.remove(isVisible ? hideClass : showClass);
76278
- tooltip.classList.add(isVisible ? showClass : hideClass);
76279
- if (this._isVisible !== isVisible) {
76280
- this._isVisible = isVisible;
76281
- this._changeDetectorRef.markForCheck();
76282
- }
76283
- if (isVisible && !this._animationsDisabled && typeof getComputedStyle === "function") {
76284
- const styles = getComputedStyle(tooltip);
76285
- if (styles.getPropertyValue("animation-duration") === "0s" || styles.getPropertyValue("animation-name") === "none") {
76286
- this._animationsDisabled = true;
76287
- }
76288
- }
76289
- if (isVisible) {
76290
- this._onShow();
76291
- }
76292
- if (this._animationsDisabled) {
76293
- tooltip.classList.add("_mat-animation-noopable");
76294
- this._finalizeAnimation(isVisible);
76295
- }
76296
- }
76297
- static \u0275fac = function TooltipComponent_Factory(__ngFactoryType__) {
76298
- return new (__ngFactoryType__ || _TooltipComponent)();
76299
- };
76300
- static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
76301
- type: _TooltipComponent,
76302
- selectors: [["mat-tooltip-component"]],
76303
- viewQuery: function TooltipComponent_Query(rf, ctx) {
76304
- if (rf & 1) {
76305
- \u0275\u0275viewQuery(_c014, 7);
76306
- }
76307
- if (rf & 2) {
76308
- let _t;
76309
- \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx._tooltip = _t.first);
76310
- }
76311
- },
76312
- hostAttrs: ["aria-hidden", "true"],
76313
- hostBindings: function TooltipComponent_HostBindings(rf, ctx) {
76314
- if (rf & 1) {
76315
- \u0275\u0275listener("mouseleave", function TooltipComponent_mouseleave_HostBindingHandler($event) {
76316
- return ctx._handleMouseLeave($event);
76317
- });
76318
- }
76319
- },
76320
- decls: 4,
76321
- vars: 4,
76322
- consts: [["tooltip", ""], [1, "mdc-tooltip", "mat-mdc-tooltip", 3, "animationend", "ngClass"], [1, "mat-mdc-tooltip-surface", "mdc-tooltip__surface"]],
76323
- template: function TooltipComponent_Template(rf, ctx) {
76324
- if (rf & 1) {
76325
- const _r1 = \u0275\u0275getCurrentView();
76326
- \u0275\u0275elementStart(0, "div", 1, 0);
76327
- \u0275\u0275listener("animationend", function TooltipComponent_Template_div_animationend_0_listener($event) {
76328
- \u0275\u0275restoreView(_r1);
76329
- return \u0275\u0275resetView(ctx._handleAnimationEnd($event));
76330
- });
76331
- \u0275\u0275elementStart(2, "div", 2);
76332
- \u0275\u0275text(3);
76333
- \u0275\u0275elementEnd()();
76334
- }
76335
- if (rf & 2) {
76336
- \u0275\u0275classProp("mdc-tooltip--multiline", ctx._isMultiline);
76337
- \u0275\u0275property("ngClass", ctx.tooltipClass);
76338
- \u0275\u0275advance(3);
76339
- \u0275\u0275textInterpolate(ctx.message);
76340
- }
76341
- },
76342
- dependencies: [NgClass],
76343
- 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'],
76344
- encapsulation: 2,
76345
- changeDetection: 0
76346
- });
76347
- };
76348
- (() => {
76349
- (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(TooltipComponent, [{
76350
- type: Component,
76351
- args: [{
76352
- selector: "mat-tooltip-component",
76353
- encapsulation: ViewEncapsulation.None,
76354
- changeDetection: ChangeDetectionStrategy.OnPush,
76355
- host: {
76356
- "(mouseleave)": "_handleMouseLeave($event)",
76357
- "aria-hidden": "true"
76358
- },
76359
- imports: [NgClass],
76360
- 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',
76361
- 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']
76362
- }]
76363
- }], () => [], {
76364
- _tooltip: [{
76365
- type: ViewChild,
76366
- args: ["tooltip", {
76367
- // Use a static query here since we interact directly with
76368
- // the DOM which can happen before `ngAfterViewInit`.
76369
- static: true
76370
- }]
76371
- }]
76372
- });
76373
- })();
76374
- MatTooltipModule = class _MatTooltipModule {
76375
- static \u0275fac = function MatTooltipModule_Factory(__ngFactoryType__) {
76376
- return new (__ngFactoryType__ || _MatTooltipModule)();
76377
- };
76378
- static \u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
76379
- type: _MatTooltipModule,
76380
- imports: [A11yModule, OverlayModule, MatCommonModule, MatTooltip, TooltipComponent],
76381
- exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule]
76382
- });
76383
- static \u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
76384
- providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER],
76385
- imports: [A11yModule, OverlayModule, MatCommonModule, MatCommonModule, CdkScrollableModule]
76386
- });
76387
- };
76388
- (() => {
76389
- (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(MatTooltipModule, [{
76390
- type: NgModule,
76391
- args: [{
76392
- imports: [A11yModule, OverlayModule, MatCommonModule, MatTooltip, TooltipComponent],
76393
- exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule],
76394
- providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER]
76395
- }]
76396
- }], null, null);
76397
- })();
76398
- }
76399
- });
76400
-
76401
- // node_modules/@angular/material/fesm2022/tooltip.mjs
76402
- var init_tooltip = __esm({
76403
- "node_modules/@angular/material/fesm2022/tooltip.mjs"() {
76404
- init_module_C9K6ZqpI();
76405
- }
76406
- });
76407
-
76408
75427
  // node_modules/@angular/core/fesm2022/rxjs-interop.mjs
76409
75428
  function takeUntilDestroyed(destroyRef) {
76410
75429
  if (!destroyRef) {
@@ -80917,7 +79936,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80917
79936
  \u0275\u0275property("formControlName", field_r3.formControlName);
80918
79937
  \u0275\u0275attribute("aria-labelledby", field_r3.label ? field_r3.formControlName + "-label" : null);
80919
79938
  \u0275\u0275advance();
80920
- \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));
79939
+ \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));
80921
79940
  }
80922
79941
  }
80923
79942
  function FilingFormGroupComponent_For_5_Conditional_0_Case_4_Template(rf, ctx) {
@@ -80960,7 +79979,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80960
79979
  \u0275\u0275advance();
80961
79980
  \u0275\u0275conditional(field_r3.label ? 1 : -1);
80962
79981
  \u0275\u0275advance();
80963
- \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);
79982
+ \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);
80964
79983
  }
80965
79984
  }
80966
79985
  function FilingFormGroupComponent_For_5_Conditional_0_Case_6_Conditional_1_Template(rf, ctx) {
@@ -81039,32 +80058,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81039
80058
  \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(12, 11, field_r3.label) + " " + \u0275\u0275pipeBind1(13, 13, "is required"));
81040
80059
  }
81041
80060
  }
81042
- function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Template(rf, ctx) {
81043
- if (rf & 1) {
81044
- \u0275\u0275elementStart(0, "mat-icon", 32);
81045
- \u0275\u0275pipe(1, "translate");
81046
- \u0275\u0275text(2, "info_outline");
81047
- \u0275\u0275elementEnd();
81048
- }
81049
- if (rf & 2) {
81050
- const field_r3 = \u0275\u0275nextContext(4).$implicit;
81051
- \u0275\u0275property("matTooltip", \u0275\u0275pipeBind1(1, 1, field_r3.infoTooltip));
81052
- }
81053
- }
81054
- function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template(rf, ctx) {
81055
- if (rf & 1) {
81056
- \u0275\u0275elementStart(0, "mat-hint", 23);
81057
- \u0275\u0275text(1);
81058
- \u0275\u0275pipe(2, "translate");
81059
- \u0275\u0275elementEnd();
81060
- }
81061
- if (rf & 2) {
81062
- const field_r3 = \u0275\u0275nextContext(4).$implicit;
81063
- \u0275\u0275advance();
81064
- \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, field_r3.hint));
81065
- }
81066
- }
81067
- function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_7_Template(rf, ctx) {
80061
+ function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_5_Template(rf, ctx) {
81068
80062
  if (rf & 1) {
81069
80063
  \u0275\u0275elementStart(0, "mat-hint", 23);
81070
80064
  \u0275\u0275text(1);
@@ -81079,7 +80073,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81079
80073
  \u0275\u0275textInterpolate2("", \u0275\u0275pipeBind1(2, 4, "Previously saved value"), ": ", previousValue_r13, "");
81080
80074
  }
81081
80075
  }
81082
- function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_8_Template(rf, ctx) {
80076
+ function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template(rf, ctx) {
81083
80077
  if (rf & 1) {
81084
80078
  \u0275\u0275elementStart(0, "mat-icon", 22);
81085
80079
  \u0275\u0275text(1, "warning_amber");
@@ -81095,10 +80089,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81095
80089
  \u0275\u0275elementStart(0, "span", 8);
81096
80090
  \u0275\u0275text(1);
81097
80091
  \u0275\u0275pipe(2, "translate");
81098
- \u0275\u0275template(3, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Template, 3, 3, "mat-icon", 32);
81099
80092
  \u0275\u0275elementEnd();
81100
- \u0275\u0275elementStart(4, "mat-form-field", 9)(5, "input", 33);
81101
- \u0275\u0275listener("input", function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template_input_input_5_listener() {
80093
+ \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "input", 32);
80094
+ \u0275\u0275listener("input", function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template_input_input_4_listener() {
81102
80095
  \u0275\u0275restoreView(_r22);
81103
80096
  const field_r3 = \u0275\u0275nextContext(3).$implicit;
81104
80097
  \u0275\u0275nextContext();
@@ -81106,55 +80099,45 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81106
80099
  return \u0275\u0275resetView(field_r3.onChange && field_r3.onChange(form_r4));
81107
80100
  });
81108
80101
  \u0275\u0275elementEnd();
81109
- \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);
81110
- \u0275\u0275elementStart(9, "mat-error");
81111
- \u0275\u0275text(10);
80102
+ \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);
80103
+ \u0275\u0275elementStart(7, "mat-error");
80104
+ \u0275\u0275text(8);
80105
+ \u0275\u0275pipe(9, "translate");
80106
+ \u0275\u0275pipe(10, "translate");
81112
80107
  \u0275\u0275pipe(11, "translate");
81113
- \u0275\u0275pipe(12, "translate");
81114
- \u0275\u0275pipe(13, "translate");
81115
80108
  \u0275\u0275elementEnd()();
81116
80109
  }
81117
80110
  if (rf & 2) {
81118
- let tmp_20_0;
81119
- let tmp_23_0;
81120
- let tmp_24_0;
80111
+ let tmp_19_0;
81121
80112
  \u0275\u0275nextContext(2);
81122
80113
  const previousValue_r13 = \u0275\u0275readContextLet(0);
81123
80114
  const field_r3 = \u0275\u0275nextContext().$implicit;
81124
80115
  \u0275\u0275classProp("warning", !!previousValue_r13);
81125
80116
  \u0275\u0275advance();
81126
- \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 13, field_r3.label) + (field_r3.required ? " *" : ""), " ");
81127
- \u0275\u0275advance(2);
81128
- \u0275\u0275conditional(field_r3.infoTooltip ? 3 : -1);
81129
- \u0275\u0275advance(2);
81130
- \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);
81131
- \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);
81132
- \u0275\u0275advance();
81133
- \u0275\u0275conditional(field_r3.hint && previousValue_r13 == null ? 6 : -1);
80117
+ \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 9, field_r3.label) + (field_r3.required ? " *" : ""), " ");
80118
+ \u0275\u0275advance(3);
80119
+ \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);
81134
80120
  \u0275\u0275advance();
81135
- \u0275\u0275conditional(previousValue_r13 != null ? 7 : -1);
80121
+ \u0275\u0275conditional(previousValue_r13 != null ? 5 : -1);
81136
80122
  \u0275\u0275advance();
81137
- \u0275\u0275conditional(previousValue_r13 != null ? 8 : -1);
80123
+ \u0275\u0275conditional(previousValue_r13 != null ? 6 : -1);
81138
80124
  \u0275\u0275advance(2);
81139
- \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"));
80125
+ \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"));
81140
80126
  }
81141
80127
  }
81142
80128
  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Template(rf, ctx) {
81143
80129
  if (rf & 1) {
81144
80130
  \u0275\u0275elementStart(0, "div");
81145
- \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 14, 21);
80131
+ \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 12, 17);
81146
80132
  \u0275\u0275elementEnd();
81147
80133
  }
81148
80134
  if (rf & 2) {
81149
80135
  let tmp_16_0;
81150
- let tmp_18_0;
81151
80136
  \u0275\u0275nextContext();
81152
80137
  const previousValue_r13 = \u0275\u0275readContextLet(0);
81153
80138
  const field_r3 = \u0275\u0275nextContext().$implicit;
81154
- \u0275\u0275nextContext();
81155
- const form_r4 = \u0275\u0275readContextLet(1);
81156
80139
  \u0275\u0275classMapInterpolate1("filling-form-fields-item ", (tmp_16_0 = field_r3.class) !== null && tmp_16_0 !== void 0 ? tmp_16_0 : "span-6", "");
81157
- \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));
80140
+ \u0275\u0275classProp("warning", !!previousValue_r13);
81158
80141
  \u0275\u0275advance();
81159
80142
  \u0275\u0275conditional(field_r3.label ? 1 : -1);
81160
80143
  }
@@ -81166,7 +80149,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81166
80149
  \u0275\u0275text(1);
81167
80150
  \u0275\u0275pipe(2, "translate");
81168
80151
  \u0275\u0275elementEnd();
81169
- \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea", 34);
80152
+ \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea", 33);
81170
80153
  \u0275\u0275listener("change", function FilingFormGroupComponent_For_5_Conditional_0_Case_8_Conditional_1_Template_textarea_change_4_listener() {
81171
80154
  \u0275\u0275restoreView(_r23);
81172
80155
  const field_r3 = \u0275\u0275nextContext(3).$implicit;
@@ -81200,18 +80183,18 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81200
80183
  }
81201
80184
  function FilingFormGroupComponent_For_5_Conditional_0_Case_9_Template(rf, ctx) {
81202
80185
  if (rf & 1) {
81203
- \u0275\u0275element(0, "checkbox-list", 35);
80186
+ \u0275\u0275element(0, "checkbox-list", 34);
81204
80187
  }
81205
80188
  if (rf & 2) {
81206
80189
  let tmp_18_0;
81207
80190
  const field_r3 = \u0275\u0275nextContext(2).$implicit;
81208
80191
  \u0275\u0275classMap(field_r3.class);
81209
- \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));
80192
+ \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));
81210
80193
  }
81211
80194
  }
81212
80195
  function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template(rf, ctx) {
81213
80196
  if (rf & 1) {
81214
- \u0275\u0275element(0, "p", 37);
80197
+ \u0275\u0275element(0, "p", 36);
81215
80198
  }
81216
80199
  if (rf & 2) {
81217
80200
  \u0275\u0275nextContext();
@@ -81228,7 +80211,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81228
80211
  function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Template(rf, ctx) {
81229
80212
  if (rf & 1) {
81230
80213
  \u0275\u0275declareLet(0);
81231
- \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template, 1, 5, "p", 36);
80214
+ \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template, 1, 5, "p", 35);
81232
80215
  }
81233
80216
  if (rf & 2) {
81234
80217
  const field_r3 = \u0275\u0275nextContext(2).$implicit;
@@ -81242,7 +80225,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81242
80225
  function FilingFormGroupComponent_For_5_Conditional_0_Template(rf, ctx) {
81243
80226
  if (rf & 1) {
81244
80227
  \u0275\u0275declareLet(0);
81245
- \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);
80228
+ \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);
81246
80229
  }
81247
80230
  if (rf & 2) {
81248
80231
  let tmp_14_0;
@@ -81265,7 +80248,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81265
80248
  \u0275\u0275conditional(!field_r3.isVisible || field_r3.isVisible(form_r4) ? 0 : -1);
81266
80249
  }
81267
80250
  }
81268
- var _c015, _forTrack03, _forTrack12, MY_DATE_FORMATS, FilingFormGroupComponent;
80251
+ var _c014, _forTrack03, _forTrack12, MY_DATE_FORMATS, FilingFormGroupComponent;
81269
80252
  var init_filing_form_group_component = __esm({
81270
80253
  "src/app/components/form/filing-form-group/filing-form-group.component.ts"() {
81271
80254
  init_core();
@@ -81278,7 +80261,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81278
80261
  init_input();
81279
80262
  init_autocomplete();
81280
80263
  init_radio();
81281
- init_tooltip();
81282
80264
  init_form_enums();
81283
80265
  init_autocomplete_field_component();
81284
80266
  init_button();
@@ -81295,8 +80277,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81295
80277
  init_form_field();
81296
80278
  init_autocomplete();
81297
80279
  init_radio();
81298
- init_tooltip();
81299
- _c015 = () => [];
80280
+ _c014 = () => [];
81300
80281
  _forTrack03 = ($index, $item) => $item.formControlName + $index;
81301
80282
  _forTrack12 = ($index, $item) => $item.value;
81302
80283
  MY_DATE_FORMATS = {
@@ -81382,7 +80363,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81382
80363
  { provide: DateAdapter, useClass: MomentDateAdapter },
81383
80364
  { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
81384
80365
  { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
81385
- ])], 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) {
80366
+ ])], 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) {
81386
80367
  if (rf & 1) {
81387
80368
  \u0275\u0275declareLet(0)(1);
81388
80369
  \u0275\u0275elementStart(2, "section")(3, "div", 2);
@@ -81432,11 +80413,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81432
80413
  MatRadioModule,
81433
80414
  MatRadioGroup,
81434
80415
  MatRadioButton,
81435
- MatTooltipModule,
81436
- MatTooltip,
81437
80416
  TranslatePipe,
81438
80417
  CheckboxListComponent
81439
- ], 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 });
80418
+ ], 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 });
81440
80419
  };
81441
80420
  (() => {
81442
80421
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FilingFormGroupComponent, [{
@@ -81460,7 +80439,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81460
80439
  MatMomentDateModule,
81461
80440
  MatAutocompleteModule,
81462
80441
  MatRadioModule,
81463
- MatTooltipModule,
81464
80442
  TranslatePipe,
81465
80443
  CheckboxListComponent
81466
80444
  ], providers: [
@@ -81644,45 +80622,31 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81644
80622
  </div>\r
81645
80623
  }\r
81646
80624
  \r
81647
- @case (types.Input) {
81648
- <div
81649
- [class.warning]="!!previousValue"
81650
- [class.invalid]="form.get(field.formControlName)?.invalid && form.get(field.formControlName)?.dirty"
81651
- class="filling-form-fields-item {{field.class ?? 'span-6'}}"
81652
- >
80625
+ @case (types.Input) {\r
80626
+ <div\r
80627
+ [class.warning]="!!previousValue"\r
80628
+ class="filling-form-fields-item {{field.class ?? 'span-6'}}"\r
80629
+ >\r
81653
80630
  @if (field.label) {\r
81654
80631
  <span\r
81655
- [class.warning]="!!previousValue"
81656
- class="filling-form-fields-item-label body-1-regular"
81657
- >
81658
- {{ (field.label | translate) + (field.required ? " *" : "") }}
81659
- @if (field.infoTooltip) {
81660
- <mat-icon
81661
- class="filling-form-fields-item-info-icon"
81662
- [matTooltip]="field.infoTooltip | translate"
81663
- matTooltipClass="filing-form-fields-info-tooltip"
81664
- >info_outline</mat-icon>
81665
- }
81666
- </span>
81667
-
81668
- <mat-form-field appearance="outline">
81669
- <input
81670
- matInput
81671
- [type]="field.inputType ?? 'text'"
81672
- [attr.maxlength]="field.maxLength ?? null"
81673
- [attr.inputmode]="field.inputMode ?? null"
81674
- [readonly]="field.readonly"
81675
- [formControlName]="field.formControlName"
81676
- (input)="field.onChange && field.onChange(form)"
81677
- />
81678
-
81679
- @if (field.hint && previousValue == null) {
81680
- <mat-hint class="filling-form-fields-item-hint">{{ field.hint | translate }}</mat-hint>
81681
- }
81682
-
81683
- @if (previousValue != null) {
81684
- <mat-hint
81685
- [class.warning]="true"
80632
+ [class.warning]="!!previousValue"\r
80633
+ class="filling-form-fields-item-label body-1-regular"\r
80634
+ >\r
80635
+ {{ (field.label | translate) + (field.required ? " *" : "") }}\r
80636
+ </span>\r
80637
+ \r
80638
+ <mat-form-field appearance="outline">\r
80639
+ <input\r
80640
+ matInput\r
80641
+ [type]="field.inputType ?? 'text'"\r
80642
+ [readonly]="field.readonly"\r
80643
+ [formControlName]="field.formControlName"\r
80644
+ (input)="field.onChange && field.onChange(form)"\r
80645
+ />\r
80646
+ \r
80647
+ @if (previousValue != null) {\r
80648
+ <mat-hint\r
80649
+ [class.warning]="true"\r
81686
80650
  class="filling-form-fields-item-hint"\r
81687
80651
  >{{ 'Previously saved value' | translate }}: {{ previousValue }}</mat-hint\r
81688
80652
  >\r
@@ -81734,11 +80698,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81734
80698
  }\r
81735
80699
  </div>\r
81736
80700
  </section>\r
81737
- `, 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'] }]
80701
+ `, 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'] }]
81738
80702
  }], () => [], null);
81739
80703
  })();
81740
80704
  (() => {
81741
- (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingFormGroupComponent, { className: "FilingFormGroupComponent", filePath: "src/app/components/form/filing-form-group/filing-form-group.component.ts", lineNumber: 97 });
80705
+ (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingFormGroupComponent, { className: "FilingFormGroupComponent", filePath: "src/app/components/form/filing-form-group/filing-form-group.component.ts", lineNumber: 95 });
81742
80706
  })();
81743
80707
  }
81744
80708
  });
@@ -82341,7 +81305,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82341
81305
  \u0275\u0275property("prevData", ctx_r0.prevData())("isSubmitted", ctx_r0.isSubmitted())("form", form_r6)("config", configValue_r7);
82342
81306
  }
82343
81307
  }
82344
- var _c016, _c111, _c28, ExpandableListCardComponent;
81308
+ var _c015, _c111, _c28, ExpandableListCardComponent;
82345
81309
  var init_expandable_list_card_component = __esm({
82346
81310
  "src/app/components/expandable-list-card/expandable-list-card.component.ts"() {
82347
81311
  init_animations();
@@ -82356,7 +81320,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82356
81320
  init_common_utils();
82357
81321
  init_forms_utils();
82358
81322
  init_core();
82359
- _c016 = [[["", "slot", "header-content"]], [["", "slot", "subtitle"]]];
81323
+ _c015 = [[["", "slot", "header-content"]], [["", "slot", "subtitle"]]];
82360
81324
  _c111 = ["[slot='header-content']", "[slot='subtitle']"];
82361
81325
  _c28 = () => [];
82362
81326
  ExpandableListCardComponent = class _ExpandableListCardComponent {
@@ -82440,7 +81404,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82440
81404
  };
82441
81405
  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) {
82442
81406
  if (rf & 1) {
82443
- \u0275\u0275projectionDef(_c016);
81407
+ \u0275\u0275projectionDef(_c015);
82444
81408
  \u0275\u0275elementStart(0, "div", 0)(1, "div", 1);
82445
81409
  \u0275\u0275listener("click", function ExpandableListCardComponent_Template_div_click_1_listener() {
82446
81410
  return ctx.toggle();
@@ -87778,6 +86742,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87778
86742
  init_form_enums();
87779
86743
  init_federal_form_enum();
87780
86744
  init_FederalConstants();
86745
+ init_common_constants();
87781
86746
  init_common_utils();
87782
86747
  dynamicOptionsCache = /* @__PURE__ */ new Map();
87783
86748
  FEDERAL_INCORPORATION_TYPE_OPTIONS = Object.values(NameType2).filter((v) => typeof v === "number").map((v) => ({ label: NameTypeLabel2[v], value: v }));
@@ -87870,7 +86835,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87870
86835
  {
87871
86836
  type: FormType.Input,
87872
86837
  label: "Nuans Report Reservation #",
87873
- formControlName: FederalFormationFormControl.SecondaryNuansReportReservation,
86838
+ formControlName: FederalFormationFormControl.SecondaryReservationNumber,
87874
86839
  isVisible: (form) => Boolean(form.get(FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage)?.value) && NameType2.NonPreapproved === form.get(FederalFormationFormControl.NameType)?.value,
87875
86840
  class: "span-3",
87876
86841
  required: true
@@ -88240,15 +87205,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88240
87205
  GENERATE_FEDERAL_FORMATION_FORM_EXTRA_PROVINCIAL_LICENSES = (addressMap, affiliationsMap) => {
88241
87206
  return [
88242
87207
  {
88243
- type: FormType.Input,
88244
- label: "NAICS (North American Industry Classification) Code",
87208
+ type: FormType.Select,
87209
+ label: "Business Activity",
88245
87210
  formControlName: FederalFormationFormControl.BusinessActivities,
88246
- class: "span-4",
88247
- inputMode: "numeric",
88248
- maxLength: 4,
88249
- hint: "Maximum 4 digits",
88250
- infoTooltip: "Corporations Canada limits the NAICS code to 4 digits.",
88251
- errorMessage: "Enter up to 4 digits.",
87211
+ options: NAICS_CODES,
87212
+ class: "span-12",
88252
87213
  required: true
88253
87214
  },
88254
87215
  {
@@ -88771,7 +87732,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88771
87732
  [FederalFormationFormControl.SecondaryReservationDate]: new FormControl(""),
88772
87733
  [FederalFormationFormControl.LegalElement]: new FormControl(corporateName?.legalElement ?? task.entity._profile.legal_entity_identifier ?? null, requiredIfValue(FederalFormationFormControl.NameType, NameType2.Numbered)),
88773
87734
  [FederalFormationFormControl.NamePreapprovalConfirmationNumber]: new FormControl(corporateName?.preapprovalConfirmationNumber ?? "", requiredIfValue(FederalFormationFormControl.NameType, NameType2.Preapproved)),
88774
- [FederalFormationFormControl.BusinessActivities]: new FormControl(corporateName?.businessActivity ?? task.entity._articles?.restrictions),
87735
+ [FederalFormationFormControl.BusinessActivities]: new FormControl(corporateName?.businessActivity ?? null),
88775
87736
  [FederalFormationFormControl.ClienteleMarketType]: new FormControl(corporateName?.typeOfClientele ?? null),
88776
87737
  [FederalFormationFormControl.LocationTerritory]: new FormControl(corporateName?.locationOfOperations ?? null),
88777
87738
  [FederalFormationFormControl.KeywordOrigin]: new FormControl(corporateName?.originOfKeyword ?? null),
@@ -88809,7 +87770,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88809
87770
  [FormationFormControls.Province]: new FormControl(eplRegisteredOffice?.addresses?.[0]?.province_state),
88810
87771
  [FederalFormationFormControl.RegistrationDate]: new FormControl({ value: data.registration_date ?? null, disabled: true }),
88811
87772
  [FederalFormationFormControl.OfficialEmail]: new FormControl({ value: officialEmail, disabled: true }),
88812
- [FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, [Validators.required, Validators.pattern(/^\d{1,4}$/)]),
87773
+ [FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, Validators.required),
88813
87774
  [FederalFormationFormControl.PrincipalOfficeInOntario]: new FormControl(deltaData?.principalOfficeAddressUid ?? null, Validators.required),
88814
87775
  [FederalFormationFormControl.UseDifferentAddressForService]: new FormControl(!!deltaData?.serviceAddressUid),
88815
87776
  [FederalFormationFormControl.ServiceAddressUid]: new FormControl(deltaData?.serviceAddressUid ?? null),
@@ -89220,7 +88181,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
89220
88181
  \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", contactForm_r24)("config", ctx_r0.contactControl);
89221
88182
  }
89222
88183
  }
89223
- var _c017, _forTrack05, FederalIncorporationFormComponent;
88184
+ var _c016, _forTrack05, FederalIncorporationFormComponent;
89224
88185
  var init_federal_incorporation_form_component = __esm({
89225
88186
  "src/app/components/federal/incorporation/federal-incorporation-form/federal-incorporation-form.component.ts"() {
89226
88187
  init_core();
@@ -89244,7 +88205,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
89244
88205
  init_rxjs_interop();
89245
88206
  init_common();
89246
88207
  init_core();
89247
- _c017 = ["*"];
88208
+ _c016 = ["*"];
89248
88209
  _forTrack05 = ($index, $item) => $item.affiliationID;
89249
88210
  FederalIncorporationFormComponent = class _FederalIncorporationFormComponent {
89250
88211
  form = input.required();
@@ -89499,7 +88460,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
89499
88460
  static \u0275fac = function FederalIncorporationFormComponent_Factory(__ngFactoryType__) {
89500
88461
  return new (__ngFactoryType__ || _FederalIncorporationFormComponent)();
89501
88462
  };
89502
- 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) {
88463
+ 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) {
89503
88464
  if (rf & 1) {
89504
88465
  \u0275\u0275projectionDef();
89505
88466
  \u0275\u0275elementStart(0, "div", 0);