@dyedurham/search-and-file-widget 2.0.46 → 2.0.48
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.
- package/dnd-filing-shell.js +157 -1147
- package/package.json +2 -2
package/dnd-filing-shell.js
CHANGED
|
@@ -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,
|
|
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,
|
|
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
|
|
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
|
|
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(
|
|
81101
|
-
\u0275\u0275listener("input", function
|
|
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(
|
|
81110
|
-
\u0275\u0275elementStart(
|
|
81111
|
-
\u0275\u0275text(
|
|
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
|
|
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,
|
|
81127
|
-
\u0275\u0275advance(
|
|
81128
|
-
\u0275\
|
|
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 ?
|
|
80121
|
+
\u0275\u0275conditional(previousValue_r13 != null ? 5 : -1);
|
|
81136
80122
|
\u0275\u0275advance();
|
|
81137
|
-
\u0275\u0275conditional(previousValue_r13 != null ?
|
|
80123
|
+
\u0275\u0275conditional(previousValue_r13 != null ? 6 : -1);
|
|
81138
80124
|
\u0275\u0275advance(2);
|
|
81139
|
-
\u0275\u0275textInterpolate(field_r3.errorMessage ? \u0275\u0275pipeBind1(
|
|
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,
|
|
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)
|
|
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",
|
|
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",
|
|
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,
|
|
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",
|
|
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",
|
|
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,
|
|
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
|
|
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
|
-
|
|
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", "
|
|
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
|
-
|
|
81651
|
-
|
|
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
|
-
|
|
81660
|
-
|
|
81661
|
-
|
|
81662
|
-
|
|
81663
|
-
|
|
81664
|
-
|
|
81665
|
-
|
|
81666
|
-
|
|
81667
|
-
|
|
81668
|
-
|
|
81669
|
-
|
|
81670
|
-
|
|
81671
|
-
|
|
81672
|
-
|
|
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
|
|
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:
|
|
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
|
|
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
|
-
|
|
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(
|
|
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 }));
|
|
@@ -87813,6 +86778,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
87813
86778
|
form.get(FederalFormationFormControl.ClienteleMarketType)?.setValue("", { emitEvent: false });
|
|
87814
86779
|
form.get(FederalFormationFormControl.KeywordOrigin)?.setValue("", { emitEvent: false });
|
|
87815
86780
|
form.get(FederalFormationFormControl.SimilarNamesSearchedOrRegistered)?.setValue("", { emitEvent: false });
|
|
86781
|
+
form.get(FederalFormationFormControl.SecondaryReservationNumber)?.setValue("", { emitEvent: false });
|
|
86782
|
+
form.get(FederalFormationFormControl.SecondaryReservationDate)?.setValue("", { emitEvent: false });
|
|
87816
86783
|
}
|
|
87817
86784
|
if (incorporationType !== NameType2.Numbered) {
|
|
87818
86785
|
form.get(FederalFormationFormControl.LegalElement)?.setValue("", { emitEvent: false });
|
|
@@ -87828,6 +86795,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
87828
86795
|
form.get(FederalFormationFormControl.ClienteleMarketType)?.updateValueAndValidity({ emitEvent: false });
|
|
87829
86796
|
form.get(FederalFormationFormControl.KeywordOrigin)?.updateValueAndValidity({ emitEvent: false });
|
|
87830
86797
|
form.get(FederalFormationFormControl.SimilarNamesSearchedOrRegistered)?.updateValueAndValidity({ emitEvent: false });
|
|
86798
|
+
form.get(FederalFormationFormControl.SecondaryReservationNumber)?.updateValueAndValidity({ emitEvent: false });
|
|
86799
|
+
form.get(FederalFormationFormControl.SecondaryReservationDate)?.updateValueAndValidity({ emitEvent: false });
|
|
87831
86800
|
}
|
|
87832
86801
|
},
|
|
87833
86802
|
{
|
|
@@ -87870,7 +86839,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
87870
86839
|
{
|
|
87871
86840
|
type: FormType.Input,
|
|
87872
86841
|
label: "Nuans Report Reservation #",
|
|
87873
|
-
formControlName: FederalFormationFormControl.
|
|
86842
|
+
formControlName: FederalFormationFormControl.SecondaryReservationNumber,
|
|
87874
86843
|
isVisible: (form) => Boolean(form.get(FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage)?.value) && NameType2.NonPreapproved === form.get(FederalFormationFormControl.NameType)?.value,
|
|
87875
86844
|
class: "span-3",
|
|
87876
86845
|
required: true
|
|
@@ -88240,15 +87209,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
88240
87209
|
GENERATE_FEDERAL_FORMATION_FORM_EXTRA_PROVINCIAL_LICENSES = (addressMap, affiliationsMap) => {
|
|
88241
87210
|
return [
|
|
88242
87211
|
{
|
|
88243
|
-
type: FormType.
|
|
88244
|
-
label: "
|
|
87212
|
+
type: FormType.Select,
|
|
87213
|
+
label: "Business Activity",
|
|
88245
87214
|
formControlName: FederalFormationFormControl.BusinessActivities,
|
|
88246
|
-
|
|
88247
|
-
|
|
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.",
|
|
87215
|
+
options: NAICS_CODES,
|
|
87216
|
+
class: "span-12",
|
|
88252
87217
|
required: true
|
|
88253
87218
|
},
|
|
88254
87219
|
{
|
|
@@ -88771,7 +87736,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
88771
87736
|
[FederalFormationFormControl.SecondaryReservationDate]: new FormControl(""),
|
|
88772
87737
|
[FederalFormationFormControl.LegalElement]: new FormControl(corporateName?.legalElement ?? task.entity._profile.legal_entity_identifier ?? null, requiredIfValue(FederalFormationFormControl.NameType, NameType2.Numbered)),
|
|
88773
87738
|
[FederalFormationFormControl.NamePreapprovalConfirmationNumber]: new FormControl(corporateName?.preapprovalConfirmationNumber ?? "", requiredIfValue(FederalFormationFormControl.NameType, NameType2.Preapproved)),
|
|
88774
|
-
[FederalFormationFormControl.BusinessActivities]: new FormControl(corporateName?.businessActivity ??
|
|
87739
|
+
[FederalFormationFormControl.BusinessActivities]: new FormControl(corporateName?.businessActivity ?? null),
|
|
88775
87740
|
[FederalFormationFormControl.ClienteleMarketType]: new FormControl(corporateName?.typeOfClientele ?? null),
|
|
88776
87741
|
[FederalFormationFormControl.LocationTerritory]: new FormControl(corporateName?.locationOfOperations ?? null),
|
|
88777
87742
|
[FederalFormationFormControl.KeywordOrigin]: new FormControl(corporateName?.originOfKeyword ?? null),
|
|
@@ -88809,7 +87774,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
88809
87774
|
[FormationFormControls.Province]: new FormControl(eplRegisteredOffice?.addresses?.[0]?.province_state),
|
|
88810
87775
|
[FederalFormationFormControl.RegistrationDate]: new FormControl({ value: data.registration_date ?? null, disabled: true }),
|
|
88811
87776
|
[FederalFormationFormControl.OfficialEmail]: new FormControl({ value: officialEmail, disabled: true }),
|
|
88812
|
-
[FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null,
|
|
87777
|
+
[FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, Validators.required),
|
|
88813
87778
|
[FederalFormationFormControl.PrincipalOfficeInOntario]: new FormControl(deltaData?.principalOfficeAddressUid ?? null, Validators.required),
|
|
88814
87779
|
[FederalFormationFormControl.UseDifferentAddressForService]: new FormControl(!!deltaData?.serviceAddressUid),
|
|
88815
87780
|
[FederalFormationFormControl.ServiceAddressUid]: new FormControl(deltaData?.serviceAddressUid ?? null),
|
|
@@ -89220,7 +88185,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
89220
88185
|
\u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", contactForm_r24)("config", ctx_r0.contactControl);
|
|
89221
88186
|
}
|
|
89222
88187
|
}
|
|
89223
|
-
var
|
|
88188
|
+
var _c016, _forTrack05, FederalIncorporationFormComponent;
|
|
89224
88189
|
var init_federal_incorporation_form_component = __esm({
|
|
89225
88190
|
"src/app/components/federal/incorporation/federal-incorporation-form/federal-incorporation-form.component.ts"() {
|
|
89226
88191
|
init_core();
|
|
@@ -89244,7 +88209,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
89244
88209
|
init_rxjs_interop();
|
|
89245
88210
|
init_common();
|
|
89246
88211
|
init_core();
|
|
89247
|
-
|
|
88212
|
+
_c016 = ["*"];
|
|
89248
88213
|
_forTrack05 = ($index, $item) => $item.affiliationID;
|
|
89249
88214
|
FederalIncorporationFormComponent = class _FederalIncorporationFormComponent {
|
|
89250
88215
|
form = input.required();
|
|
@@ -89499,7 +88464,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
89499
88464
|
static \u0275fac = function FederalIncorporationFormComponent_Factory(__ngFactoryType__) {
|
|
89500
88465
|
return new (__ngFactoryType__ || _FederalIncorporationFormComponent)();
|
|
89501
88466
|
};
|
|
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:
|
|
88467
|
+
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
88468
|
if (rf & 1) {
|
|
89504
88469
|
\u0275\u0275projectionDef();
|
|
89505
88470
|
\u0275\u0275elementStart(0, "div", 0);
|
|
@@ -91617,13 +90582,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
91617
90582
|
});
|
|
91618
90583
|
|
|
91619
90584
|
// src/app/services/federal/federal-formation.service.ts
|
|
91620
|
-
function buildSupportingDocumentUploadRequest(
|
|
90585
|
+
function buildSupportingDocumentUploadRequest(files) {
|
|
91621
90586
|
return {
|
|
91622
|
-
|
|
91623
|
-
|
|
91624
|
-
|
|
90587
|
+
Files: files.map(({ document: document2, bytes }) => ({
|
|
90588
|
+
FileName: toPdfFileName(document2.name),
|
|
90589
|
+
FileByte: toBase64(bytes)
|
|
90590
|
+
}))
|
|
91625
90591
|
};
|
|
91626
90592
|
}
|
|
90593
|
+
function toPdfFileName(name) {
|
|
90594
|
+
const trimmed = (name ?? "").trim() || "document";
|
|
90595
|
+
return /\.pdf$/i.test(trimmed) ? trimmed : `${trimmed}.pdf`;
|
|
90596
|
+
}
|
|
90597
|
+
function isPdf(document2, bytes) {
|
|
90598
|
+
const declaredPdf = !document2.extension || document2.extension.toLowerCase() === "pdf";
|
|
90599
|
+
const pdfSignature = bytes.length >= 4 && bytes[0] === 37 && bytes[1] === 80 && bytes[2] === 68 && bytes[3] === 70;
|
|
90600
|
+
return declaredPdf && pdfSignature;
|
|
90601
|
+
}
|
|
90602
|
+
function toUint8Array(value) {
|
|
90603
|
+
if (value instanceof Uint8Array)
|
|
90604
|
+
return value;
|
|
90605
|
+
if (value instanceof ArrayBuffer)
|
|
90606
|
+
return new Uint8Array(value);
|
|
90607
|
+
return void 0;
|
|
90608
|
+
}
|
|
90609
|
+
function isUploadSuccess(status) {
|
|
90610
|
+
return status === UPLOAD_STATUS_SUCCESS || String(status).toLowerCase() === "success";
|
|
90611
|
+
}
|
|
90612
|
+
function uploadError(messages, httpStatus) {
|
|
90613
|
+
const err = new Error(messages.join(" "));
|
|
90614
|
+
err.submitResult = { Errors: messages.map((ErrorMessage) => ({ ErrorMessage })) };
|
|
90615
|
+
err.httpStatus = httpStatus;
|
|
90616
|
+
return err;
|
|
90617
|
+
}
|
|
91627
90618
|
function toBase64(bytes) {
|
|
91628
90619
|
let binary = "";
|
|
91629
90620
|
const chunkSize = 32768;
|
|
@@ -91632,12 +90623,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
91632
90623
|
}
|
|
91633
90624
|
return btoa(binary);
|
|
91634
90625
|
}
|
|
91635
|
-
var FederalFormationService;
|
|
90626
|
+
var MAX_UPLOAD_FILE_BYTES, UPLOAD_STATUS_SUCCESS, FederalFormationService;
|
|
91636
90627
|
var init_federal_formation_service = __esm({
|
|
91637
90628
|
"src/app/services/federal/federal-formation.service.ts"() {
|
|
91638
90629
|
init_core();
|
|
91639
90630
|
init_common_utils();
|
|
91640
90631
|
init_core();
|
|
90632
|
+
MAX_UPLOAD_FILE_BYTES = 10 * 1024 * 1024;
|
|
90633
|
+
UPLOAD_STATUS_SUCCESS = 1;
|
|
91641
90634
|
FederalFormationService = class _FederalFormationService {
|
|
91642
90635
|
config;
|
|
91643
90636
|
setConfig(config2) {
|
|
@@ -91653,12 +90646,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
91653
90646
|
const url = signature.proxyApiUrl;
|
|
91654
90647
|
const req = requestBody;
|
|
91655
90648
|
const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, url, signature.jwtToken, req, {
|
|
91656
|
-
// 'ApiKey': 'a759101c-aeac-4fa6-90dc-8b56f01b2939',
|
|
91657
90649
|
Authorization: `Bearer ${signature.jwtToken}`,
|
|
91658
|
-
|
|
91659
|
-
"x-target-url": `${this.config.ONAOI}api/Incorporation`,
|
|
91660
|
-
"x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJtaWNoZWwubGF2b2llQGF0aGVubmlhbi5jb20iLCJzdWIiOiI2N2RkY2IwNWRjNDAzMjg0ZTdmYTA3ZmIiLCJpYXQiOjE3NzAyMTI2OTQsImV4cCI6MTc3MDIxOTg5NCwiYmlkIjoiIiwiYXV0IjoidHJ1ZSIsIm9yZyI6Imh0dHBzOi8vb2xpdmUtMS50ZXN0LmF0aGVubmlhbi5jb20iLCJwZXIiOiIifQ.0QsFPBVGTA8JyacfEDx4qz5XVQB3AeL2-uCBiCs9qF0",
|
|
91661
|
-
Cookie: "AWSALB=PpMRL+JDLimOntn4FPEpJ2ZX9rtRbn/7wOE1Ntyq9RGhYPgnJpjAN8xr8R5TyM4v1tBvC62q0YWVR2fQwDLLKWIIQm+U79VccsjiMHRffNr6an9tJNOOdpX94R53; AWSALBCORS=PpMRL+JDLimOntn4FPEpJ2ZX9rtRbn/7wOE1Ntyq9RGhYPgnJpjAN8xr8R5TyM4v1tBvC62q0YWVR2fQwDLLKWIIQm+U79VccsjiMHRffNr6an9tJNOOdpX94R53"
|
|
90650
|
+
"x-target-url": `${this.config.ONAOI}api/Incorporation`
|
|
91662
90651
|
}));
|
|
91663
90652
|
const raw = yield resp.text();
|
|
91664
90653
|
const parsed = tryParseJson(raw);
|
|
@@ -91682,8 +90671,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
91682
90671
|
}
|
|
91683
90672
|
/**
|
|
91684
90673
|
* Uploads the supporting documents selected on the corporate name section
|
|
91685
|
-
* (deltaData.corporateName.supportingDocuments) to an existing service order
|
|
91686
|
-
*
|
|
90674
|
+
* (deltaData.corporateName.supportingDocuments) to an existing service order, per OnCorp
|
|
90675
|
+
* ArtWebSvc v4.7.1: one PUT api/Incorporation/{serviceOrderId}/upload carrying every file.
|
|
90676
|
+
* Each file must be a PDF under 10 MB; the call only succeeds when the UploadResult and every
|
|
90677
|
+
* file report Status = Success.
|
|
91687
90678
|
*/
|
|
91688
90679
|
uploadSupportingDocuments(_0, _1, _2) {
|
|
91689
90680
|
return __async(this, arguments, function* (signature, serviceOrderId, documentIds, opts = {}) {
|
|
@@ -91699,31 +90690,49 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
91699
90690
|
if (!signature.getDocumentBytes) {
|
|
91700
90691
|
throw new Error("Missing getDocumentBytes (required input from Athennian to upload supporting documents).");
|
|
91701
90692
|
}
|
|
91702
|
-
const
|
|
91703
|
-
const
|
|
90693
|
+
const files = [];
|
|
90694
|
+
const problems = [];
|
|
91704
90695
|
for (const document2 of documents) {
|
|
91705
|
-
const bytes = yield signature.getDocumentBytes(document2.documentId);
|
|
91706
|
-
|
|
91707
|
-
|
|
91708
|
-
|
|
91709
|
-
|
|
91710
|
-
|
|
91711
|
-
|
|
91712
|
-
|
|
91713
|
-
}
|
|
91714
|
-
body: JSON.stringify(body)
|
|
91715
|
-
}));
|
|
91716
|
-
if (resp.ok) {
|
|
91717
|
-
continue;
|
|
90696
|
+
const bytes = toUint8Array(yield signature.getDocumentBytes(document2.documentId));
|
|
90697
|
+
if (!bytes) {
|
|
90698
|
+
problems.push(`Supporting document "${document2.name}" could not be read.`);
|
|
90699
|
+
} else if (!isPdf(document2, bytes)) {
|
|
90700
|
+
problems.push(`Supporting document "${document2.name}" is not a PDF. Only PDF files can be filed.`);
|
|
90701
|
+
} else if (bytes.length >= MAX_UPLOAD_FILE_BYTES) {
|
|
90702
|
+
problems.push(`Supporting document "${document2.name}" is larger than 10 MB.`);
|
|
90703
|
+
} else {
|
|
90704
|
+
files.push({ document: document2, bytes });
|
|
91718
90705
|
}
|
|
91719
|
-
const raw = yield resp.text();
|
|
91720
|
-
const parsed = tryParseJson(raw);
|
|
91721
|
-
const payload = parsed.ok ? unwrapRequestResults(parsed.value) : void 0;
|
|
91722
|
-
const err = payload ? buildGenericError(resp.status, `Upload of "${document2.name}" failed`, payload) : new Error(`Upload of "${document2.name}" returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`);
|
|
91723
|
-
err.submitResult = payload;
|
|
91724
|
-
err.httpStatus = resp.status;
|
|
91725
|
-
throw err;
|
|
91726
90706
|
}
|
|
90707
|
+
if (problems.length) {
|
|
90708
|
+
throw uploadError(problems);
|
|
90709
|
+
}
|
|
90710
|
+
const fetchFn = opts.fetchImpl ?? fetch;
|
|
90711
|
+
const body = JSON.stringify(buildSupportingDocumentUploadRequest(files));
|
|
90712
|
+
const resp = yield fetchWithJwtRetry(signature, () => fetchFn(signature.proxyApiUrl, {
|
|
90713
|
+
method: "PUT",
|
|
90714
|
+
headers: {
|
|
90715
|
+
"Content-Type": "application/json",
|
|
90716
|
+
Authorization: `Bearer ${signature.jwtToken}`,
|
|
90717
|
+
"x-target-url": `${this.config.ONAOI}api/Incorporation/${encodeURIComponent(serviceOrderId)}/upload`
|
|
90718
|
+
},
|
|
90719
|
+
body
|
|
90720
|
+
}));
|
|
90721
|
+
const raw = yield resp.text();
|
|
90722
|
+
const parsed = tryParseJson(raw);
|
|
90723
|
+
if (!parsed.ok) {
|
|
90724
|
+
throw uploadError([`Supporting document upload returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`], resp.status);
|
|
90725
|
+
}
|
|
90726
|
+
const result = unwrapRequestResults(parsed.value);
|
|
90727
|
+
const failedFiles = (result?.FileUploadResponses ?? []).filter((f) => !isUploadSuccess(f.Status));
|
|
90728
|
+
if (resp.ok && isUploadSuccess(result?.Status) && !failedFiles.length) {
|
|
90729
|
+
return;
|
|
90730
|
+
}
|
|
90731
|
+
const messages = [
|
|
90732
|
+
...(result?.Errors ?? []).map((e) => e.ErrorMessage ?? e.ErrorId ?? ""),
|
|
90733
|
+
...failedFiles.flatMap((f) => (f.Errors?.length ? f.Errors : [{}]).map((e) => `Upload of "${f.FileName ?? "document"}" failed${e.ErrorMessage ? `: ${e.ErrorMessage}` : "."}`))
|
|
90734
|
+
].filter(Boolean);
|
|
90735
|
+
throw uploadError(messages.length ? messages : [`Supporting document upload failed (HTTP ${resp.status}).`], resp.status);
|
|
91727
90736
|
});
|
|
91728
90737
|
}
|
|
91729
90738
|
submitFormationRequest(_0, _1) {
|
|
@@ -91737,12 +90746,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
91737
90746
|
const resp = yield fetchWithJwtRetry(signature, () => fetchFn(url, {
|
|
91738
90747
|
method: "POST",
|
|
91739
90748
|
headers: {
|
|
91740
|
-
// 'ApiKey': 'a759101c-aeac-4fa6-90dc-8b56f01b2939',
|
|
91741
|
-
// 'AccountKey': '1c3e3a6e-2a8b-4dd2-b906-aec25a1a7227',
|
|
91742
90749
|
Authorization: `Bearer ${signature.jwtToken}`,
|
|
91743
|
-
|
|
91744
|
-
"x-target-url": `${this.config.ONAOI}api/Incorporation/${encodeURIComponent(serviceOrderId)}/submit`,
|
|
91745
|
-
"x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJtaWNoZWwubGF2b2llQGF0aGVubmlhbi5jb20iLCJzdWIiOiI2N2RkY2IwNWRjNDAzMjg0ZTdmYTA3ZmIiLCJpYXQiOjE3NzAyMTI2OTQsImV4cCI6MTc3MDIxOTg5NCwiYmlkIjoiIiwiYXV0IjoidHJ1ZSIsIm9yZyI6Imh0dHBzOi8vb2xpdmUtMS50ZXN0LmF0aGVubmlhbi5jb20iLCJwZXIiOiIifQ.0QsFPBVGTA8JyacfEDx4qz5XVQB3AeL2-uCBiCs9qF0"
|
|
90750
|
+
"x-target-url": `${this.config.ONAOI}api/Incorporation/${encodeURIComponent(serviceOrderId)}/submit`
|
|
91746
90751
|
}
|
|
91747
90752
|
}));
|
|
91748
90753
|
const raw = yield resp.text();
|
|
@@ -94230,6 +93235,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
94230
93235
|
return;
|
|
94231
93236
|
}
|
|
94232
93237
|
}
|
|
93238
|
+
if (response instanceof Error && response.message?.trim()) {
|
|
93239
|
+
const message = response.message.trim();
|
|
93240
|
+
this.errors.set([message.length > 500 ? `${message.slice(0, 500)}\u2026` : message]);
|
|
93241
|
+
return;
|
|
93242
|
+
}
|
|
94233
93243
|
let parsed = response;
|
|
94234
93244
|
try {
|
|
94235
93245
|
parsed = JSON.parse(JSON.stringify(response));
|