@natec/mef-dev-ui-kit 20.0.3 → 20.0.166

package/fesm2022/natec-mef-dev-ui-kit.mjs

@@ -1,27 +1,27 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component, EventEmitter, Output, HostBinding, ContentChild, Host, NgModule, Injectable, ChangeDetectionStrategy, Pipe, forwardRef, HostListener, ViewChild, Directive, ContentChildren, Optional, TemplateRef, InjectionToken, inject, ViewContainerRef, DOCUMENT, NgZone, ElementRef, Renderer2, booleanAttribute, ChangeDetectorRef, HostAttributeToken, numberAttribute, QueryList, Injector, SkipSelf, signal, ViewChildren, input, computed, afterNextRender } from '@angular/core';
+import { Input, ViewEncapsulation, Component, EventEmitter, Output, HostBinding, ContentChild, Host, NgModule, Injectable, ChangeDetectionStrategy, Pipe, forwardRef, HostListener, ViewChild, Directive, ContentChildren, Optional, TemplateRef, InjectionToken, inject, ViewContainerRef, DOCUMENT, NgZone, ElementRef, Renderer2, booleanAttribute, ChangeDetectorRef, HostAttributeToken, numberAttribute, QueryList, Injector, SkipSelf, signal, ViewChildren, ApplicationRef, afterNextRender, input, computed } from '@angular/core';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import * as i1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgClass } from '@angular/common';
 import { Subject, of, fromEvent, merge, Subscription, EMPTY, defer, timer, Observable, filter as filter$1, map as map$1, startWith as startWith$1, switchMap as switchMap$1, takeUntil as takeUntil$1, take as take$1 } from 'rxjs';
 import * as i3 from '@angular/cdk/overlay';
-import { CdkConnectedOverlay, OverlayModule, createBlockScrollStrategy, createGlobalPositionStrategy, ViewportRuler, Overlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { CdkConnectedOverlay, OverlayModule, createBlockScrollStrategy, createGlobalPositionStrategy, createRepositionScrollStrategy, createOverlayRef, OverlayConfig, createFlexibleConnectedPositionStrategy, ViewportRuler, ScrollDispatcher, Overlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, NgControl, Validators, NG_VALIDATORS } from '@angular/forms';
-import { TAB, DOWN_ARROW, ENTER, hasModifierKey, SPACE, ESCAPE, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, A } from '@angular/cdk/keycodes';
-import { auditTime, startWith, map, filter, take, switchMap, takeUntil, debounceTime, skip } from 'rxjs/operators';
+import { TAB, DOWN_ARROW, ENTER, hasModifierKey, SPACE, ESCAPE, UP_ARROW, RIGHT_ARROW, LEFT_ARROW, A } from '@angular/cdk/keycodes';
+import { auditTime, startWith, map, filter, take, switchMap, takeUntil, debounceTime, skip, skipWhile } from 'rxjs/operators';
 import * as i1$1 from '@angular/cdk/bidi';
-import { Directionality } from '@angular/cdk/bidi';
+import { Directionality, BidiModule } from '@angular/cdk/bidi';
 import { CdkAccordionItem, CdkAccordion } from '@angular/cdk/accordion';
-import { _IdGenerator, FocusMonitor, FocusKeyManager, ActiveDescendantKeyManager, CdkMonitorFocus } from '@angular/cdk/a11y';
+import { _IdGenerator, FocusMonitor, FocusKeyManager, isFakeTouchstartFromScreenReader, isFakeMousedownFromScreenReader, ActiveDescendantKeyManager, CdkMonitorFocus } from '@angular/cdk/a11y';
 import { UniqueSelectionDispatcher, SelectionModel } from '@angular/cdk/collections';
-import { TemplatePortal, CdkPortalOutlet, PortalModule, CdkPortal } from '@angular/cdk/portal';
+import { TemplatePortal, CdkPortalOutlet, PortalModule, DomPortalOutlet, CdkPortal } from '@angular/cdk/portal';
 import { CdkDialogContainer, Dialog, DialogConfig, DialogModule } from '@angular/cdk/dialog';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i1$2 from '@angular/cdk/scrolling';
-import { CdkScrollable, ViewportRuler as ViewportRuler$1 } from '@angular/cdk/scrolling';
+import { CdkScrollable, CdkScrollableModule, ViewportRuler as ViewportRuler$1 } from '@angular/cdk/scrolling';
 import { CdkStepLabel, CdkStepHeader, CdkStep, CdkStepper, CdkStepperNext, CdkStepperPrevious, CdkStepperModule } from '@angular/cdk/stepper';
-import { Platform } from '@angular/cdk/platform';
+import { Platform, _getEventTarget, _getShadowRoot } from '@angular/cdk/platform';
 import { SharedResizeObserver } from '@angular/cdk/observers/private';
 import { CdkObserveContent } from '@angular/cdk/observers';
 
@@ -624,7 +624,7 @@ class MefDevSelectComponent {
     _selectionPrefixCls = `${this._prefixCls}-selection`;
     _size;
     _value;
-    _placeholder = "placeholder";
+    _placeholder = "";
     _notFoundContent = "No Content";
     _searchText = "";
     _triggerWidth = 0;
@@ -4440,12 +4440,12 @@ class MDCard {
     /**
      * Controls the visual style of the card.
      *
-     * @default 'raised' (or {@link CARD_CONFIG}.appearance if provided)
+     * @default 'outlined' (or {@link CARD_CONFIG}.appearance if provided)
+     * @ignore
      */
     appearance;
     constructor() {
         const config = inject(CARD_CONFIG, { optional: true });
-        console.log(config);
         this.appearance = config?.appearance || 'outlined';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -6488,6 +6488,1050 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
                 }]
         }] });
 
+const MD_MENU_PANEL = new InjectionToken('MD_MENU_PANEL');
+
+class MDMenuItem {
+    _elementRef = inject(ElementRef);
+    _document = inject(DOCUMENT);
+    _focusMonitor = inject(FocusMonitor);
+    _parentMenu = inject(MD_MENU_PANEL, { optional: true });
+    _changeDetectorRef = inject(ChangeDetectorRef);
+    role = 'menuitem';
+    disabled = false;
+    disableRipple = false;
+    _hovered = new Subject();
+    _focused = new Subject();
+    _highlighted = false;
+    _triggersSubmenu = false;
+    constructor() {
+        this._parentMenu?.addItem?.(this);
+    }
+    focus(origin, options) {
+        if (this._focusMonitor && origin) {
+            this._focusMonitor.focusVia(this._getHostElement(), origin, options);
+        }
+        else {
+            this._getHostElement().focus(options);
+        }
+        this._focused.next(this);
+    }
+    ngAfterViewInit() {
+        if (this._focusMonitor) {
+            this._focusMonitor.monitor(this._elementRef, false);
+        }
+    }
+    ngOnDestroy() {
+        if (this._focusMonitor) {
+            this._focusMonitor.stopMonitoring(this._elementRef);
+        }
+        if (this._parentMenu && this._parentMenu.removeItem) {
+            this._parentMenu.removeItem(this);
+        }
+        this._hovered.complete();
+        this._focused.complete();
+    }
+    _getTabIndex() {
+        return this.disabled ? '-1' : '0';
+    }
+    _getHostElement() {
+        return this._elementRef.nativeElement;
+    }
+    _checkDisabled(event) {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }
+    _handleMouseEnter() {
+        this._hovered.next(this);
+    }
+    getLabel() {
+        const clone = this._elementRef.nativeElement.cloneNode(true);
+        return clone.textContent?.trim() || '';
+    }
+    _setHighlighted(isHighlighted) {
+        this._highlighted = isHighlighted;
+        this._changeDetectorRef.markForCheck();
+    }
+    _setTriggersSubmenu(triggersSubmenu) {
+        this._triggersSubmenu = triggersSubmenu;
+        this._changeDetectorRef.markForCheck();
+    }
+    _hasFocus() {
+        return this._document && this._document.activeElement === this._getHostElement();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDMenuItem, isStandalone: true, selector: "[md-menu-item]", inputs: { role: "role", disabled: ["disabled", "disabled", booleanAttribute], disableRipple: ["disableRipple", "disableRipple", booleanAttribute] }, host: { listeners: { "click": "_checkDisabled($event)", "mouseenter": "_handleMouseEnter()" }, properties: { "attr.role": "role", "class.md-mdc-menu-item-highlighted": "_highlighted", "class.md-mdc-menu-item-submenu-trigger": "_triggersSubmenu", "attr.tabindex": "_getTabIndex()", "attr.aria-disabled": "disabled", "attr.disabled": "disabled || null" }, classAttribute: "md-mdc-menu-item md-focus-indicator" }, exportAs: ["mdMenuItem"], ngImport: i0, template: "<span class=\"md-mdc-menu-item-text\"><ng-content></ng-content></span>\r\n\r\n@if (_triggersSubmenu) {\r\n     <svg\r\n       class=\"md-mdc-menu-submenu-icon\"\r\n       viewBox=\"0 0 5 10\"\r\n       focusable=\"false\"\r\n       aria-hidden=\"true\"><polygon points=\"0,0 5,5 0,10\"/></svg>\r\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuItem, decorators: [{
+            type: Component,
+            args: [{ selector: '[md-menu-item]', exportAs: 'mdMenuItem', host: {
+                        '[attr.role]': 'role',
+                        'class': 'md-mdc-menu-item md-focus-indicator',
+                        '[class.md-mdc-menu-item-highlighted]': '_highlighted',
+                        '[class.md-mdc-menu-item-submenu-trigger]': '_triggersSubmenu',
+                        '[attr.tabindex]': '_getTabIndex()',
+                        '[attr.aria-disabled]': 'disabled',
+                        '[attr.disabled]': 'disabled || null',
+                        '(click)': '_checkDisabled($event)',
+                        '(mouseenter)': '_handleMouseEnter()',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"md-mdc-menu-item-text\"><ng-content></ng-content></span>\r\n\r\n@if (_triggersSubmenu) {\r\n     <svg\r\n       class=\"md-mdc-menu-submenu-icon\"\r\n       viewBox=\"0 0 5 10\"\r\n       focusable=\"false\"\r\n       aria-hidden=\"true\"><polygon points=\"0,0 5,5 0,10\"/></svg>\r\n}" }]
+        }], ctorParameters: () => [], propDecorators: { role: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disableRipple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+function throwMDMenuInvalidPositionX() {
+    throw Error(`xPosition value must be either 'before' or after'.
+      Example: <md-menu xPosition="before" #menu="mdMenu"></md-menu>`);
+}
+function throwMDMenuInvalidPositionY() {
+    throw Error(`yPosition value must be either 'above' or below'.
+      Example: <md-menu yPosition="above" #menu="mdMenu"></md-menu>`);
+}
+function throwMDMenuRecursiveError() {
+    throw Error(`mdMenuTriggerFor: menu cannot contain its own trigger. Assign a menu that is ` +
+        `not a parent of the trigger or move the trigger outside of the menu.`);
+}
+
+const MD_MENU_CONTENT = new InjectionToken('MDMenuContent');
+class MDMenuContent {
+    _template = inject(TemplateRef);
+    _appRef = inject(ApplicationRef);
+    _injector = inject(Injector);
+    _viewContainerRef = inject(ViewContainerRef);
+    _document = inject(DOCUMENT);
+    _changeDetectorRef = inject(ChangeDetectorRef);
+    _portal;
+    _outlet;
+    _attached = new Subject();
+    constructor() { }
+    attach(context = {}) {
+        if (!this._portal) {
+            this._portal = new TemplatePortal(this._template, this._viewContainerRef);
+        }
+        this.detach();
+        if (!this._outlet) {
+            this._outlet = new DomPortalOutlet(this._document.createElement('div'), this._appRef, this._injector);
+        }
+        const element = this._template.elementRef.nativeElement;
+        element.parentNode.insertBefore(this._outlet.outletElement, element);
+        this._changeDetectorRef.markForCheck();
+        this._portal.attach(this._outlet, context);
+        this._attached.next();
+    }
+    detach() {
+        if (this._portal?.isAttached) {
+            this._portal.detach();
+        }
+    }
+    ngOnDestroy() {
+        this.detach();
+        this._outlet?.dispose();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDMenuContent, isStandalone: true, selector: "ng-template[mdMenuContent]", providers: [{ provide: MD_MENU_CONTENT, useExisting: MDMenuContent }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mdMenuContent]',
+                    providers: [{ provide: MD_MENU_CONTENT, useExisting: MDMenuContent }],
+                }]
+        }], ctorParameters: () => [] });
+
+const MD_MENU_DEFAULT_OPTIONS = new InjectionToken('md-menu-default-options', {
+    providedIn: 'root',
+    factory: () => ({
+        overlapTrigger: false,
+        xPosition: 'after',
+        yPosition: 'below',
+        backdropClass: 'cdk-overlay-transparent-backdrop',
+    }),
+});
+const ENTER_ANIMATION = '_md-menu-enter';
+const EXIT_ANIMATION = '_md-menu-exit';
+class MDMenu {
+    _elementRef = inject(ElementRef);
+    _changeDetectorRef = inject(ChangeDetectorRef);
+    _injector = inject(Injector);
+    _keyManager;
+    _xPosition;
+    _yPosition;
+    _firstItemFocusRef;
+    _exitFallbackTimeout;
+    _allItems;
+    _directDescendantItems = new QueryList();
+    _classList = {};
+    _panelAnimationState = 'void';
+    _animationDone = new Subject();
+    _isAnimating = signal(false, ...(ngDevMode ? [{ debugName: "_isAnimating" }] : []));
+    parentMenu;
+    direction;
+    overlayPanelClass;
+    animationsDisabled = false;
+    backdropClass;
+    ariaLabel;
+    ariaLabelledby;
+    ariaDescribedby;
+    get xPosition() {
+        return this._xPosition;
+    }
+    set xPosition(value) {
+        if (value !== 'before' && value !== 'after' && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+            throwMDMenuInvalidPositionX();
+        }
+        this._xPosition = value;
+        this.setPositionClasses();
+    }
+    get yPosition() {
+        return this._yPosition;
+    }
+    set yPosition(value) {
+        if (value !== 'above' && value !== 'below' && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+            throwMDMenuInvalidPositionY();
+        }
+        this._yPosition = value;
+        this.setPositionClasses();
+    }
+    templateRef;
+    items;
+    lazyContent;
+    overlapTrigger;
+    hasBackdrop;
+    set panelClass(classes) {
+        const previousPanelClass = this._previousPanelClass;
+        const newClassList = { ...this._classList };
+        if (previousPanelClass && previousPanelClass.length) {
+            previousPanelClass.split(' ').forEach((className) => {
+                newClassList[className] = false;
+            });
+        }
+        this._previousPanelClass = classes;
+        if (classes && classes.length) {
+            classes.split(' ').forEach((className) => {
+                newClassList[className] = true;
+            });
+            this._elementRef.nativeElement.className = '';
+        }
+        this._classList = newClassList;
+    }
+    _previousPanelClass;
+    get classList() {
+        return this.panelClass;
+    }
+    set classList(classes) {
+        this.panelClass = classes;
+    }
+    closed = new EventEmitter();
+    close = this.closed;
+    panelId = inject(_IdGenerator).getId('md-menu-panel-');
+    constructor() {
+        const defaultOptions = inject(MD_MENU_DEFAULT_OPTIONS);
+        this.overlayPanelClass = defaultOptions.overlayPanelClass || '';
+        this._xPosition = defaultOptions.xPosition;
+        this._yPosition = defaultOptions.yPosition;
+        this.backdropClass = defaultOptions.backdropClass;
+        this.overlapTrigger = defaultOptions.overlapTrigger;
+        this.hasBackdrop = defaultOptions.hasBackdrop;
+    }
+    ngOnInit() {
+        this.setPositionClasses();
+    }
+    ngAfterContentInit() {
+        this._updateDirectDescendants();
+        this._keyManager = new FocusKeyManager(this._directDescendantItems)
+            .withWrap()
+            .withTypeAhead()
+            .withHomeAndEnd();
+        this._keyManager.tabOut.subscribe(() => this.closed.emit('tab'));
+        this._directDescendantItems.changes
+            .pipe(startWith(this._directDescendantItems), switchMap(items => merge(...items.map((item) => item._focused))))
+            .subscribe(focusedItem => this._keyManager.updateActiveItem(focusedItem));
+        this._directDescendantItems.changes.subscribe((itemsList) => {
+            const manager = this._keyManager;
+            if (this._panelAnimationState === 'enter' && manager.activeItem?._hasFocus()) {
+                const items = itemsList.toArray();
+                const index = Math.max(0, Math.min(items.length - 1, manager.activeItemIndex || 0));
+                if (items[index] && !items[index].disabled) {
+                    manager.setActiveItem(index);
+                }
+                else {
+                    manager.setNextItemActive();
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._keyManager?.destroy();
+        this._directDescendantItems.destroy();
+        this.closed.complete();
+        this._firstItemFocusRef?.destroy();
+        clearTimeout(this._exitFallbackTimeout);
+    }
+    _hovered() {
+        const itemChanges = this._directDescendantItems.changes;
+        return itemChanges.pipe(startWith(this._directDescendantItems), switchMap(items => merge(...items.map((item) => item._hovered))));
+    }
+    addItem(_item) { }
+    removeItem(_item) { }
+    _handleKeydown(event) {
+        const keyCode = event.keyCode;
+        const manager = this._keyManager;
+        switch (keyCode) {
+            case ESCAPE:
+                if (!hasModifierKey(event)) {
+                    event.preventDefault();
+                    this.closed.emit('keydown');
+                }
+                break;
+            case LEFT_ARROW:
+                if (this.parentMenu && this.direction === 'ltr') {
+                    this.closed.emit('keydown');
+                }
+                break;
+            case RIGHT_ARROW:
+                if (this.parentMenu && this.direction === 'rtl') {
+                    this.closed.emit('keydown');
+                }
+                break;
+            default:
+                if (keyCode === UP_ARROW || keyCode === DOWN_ARROW) {
+                    manager.setFocusOrigin('keyboard');
+                }
+                manager.onKeydown(event);
+                return;
+        }
+    }
+    focusFirstItem(origin = 'program') {
+        this._firstItemFocusRef?.destroy();
+        this._firstItemFocusRef = afterNextRender(() => {
+            const menuPanel = this._resolvePanel();
+            if (!menuPanel || !menuPanel.contains(document.activeElement)) {
+                const manager = this._keyManager;
+                manager.setFocusOrigin(origin).setFirstItemActive();
+                if (!manager.activeItem && menuPanel) {
+                    menuPanel.focus();
+                }
+            }
+        }, { injector: this._injector });
+    }
+    resetActiveItem() {
+        this._keyManager.setActiveItem(-1);
+    }
+    setElevation(_depth) { }
+    setPositionClasses(posX = this.xPosition, posY = this.yPosition) {
+        this._classList = {
+            ...this._classList,
+            ['md-menu-before']: posX === 'before',
+            ['md-menu-after']: posX === 'after',
+            ['md-menu-above']: posY === 'above',
+            ['md-menu-below']: posY === 'below',
+        };
+        this._changeDetectorRef.markForCheck();
+    }
+    _onAnimationDone(state) {
+        const isExit = state === EXIT_ANIMATION;
+        if (isExit || state === ENTER_ANIMATION) {
+            if (isExit) {
+                clearTimeout(this._exitFallbackTimeout);
+                this._exitFallbackTimeout = undefined;
+            }
+            this._animationDone.next(isExit ? 'void' : 'enter');
+            this._isAnimating.set(false);
+        }
+    }
+    _onAnimationStart(state) {
+        if (state === ENTER_ANIMATION || state === EXIT_ANIMATION) {
+            this._isAnimating.set(true);
+        }
+    }
+    _setIsOpen(isOpen) {
+        this._panelAnimationState = isOpen ? 'enter' : 'void';
+        if (isOpen) {
+            if (this._keyManager.activeItemIndex === 0) {
+                const menuPanel = this._resolvePanel();
+                if (menuPanel) {
+                    menuPanel.scrollTop = 0;
+                }
+            }
+        }
+        else if (!this.animationsDisabled) {
+            this._exitFallbackTimeout = setTimeout(() => this._onAnimationDone(EXIT_ANIMATION), 200);
+        }
+        if (this.animationsDisabled) {
+            setTimeout(() => {
+                this._onAnimationDone(isOpen ? ENTER_ANIMATION : EXIT_ANIMATION);
+            });
+        }
+        this._changeDetectorRef.markForCheck();
+    }
+    _updateDirectDescendants() {
+        this._allItems.changes
+            .pipe(startWith(this._allItems))
+            .subscribe((items) => {
+            this._directDescendantItems.reset(items.filter(item => item._parentMenu === this));
+            this._directDescendantItems.notifyOnChanges();
+        });
+    }
+    _resolvePanel() {
+        let menuPanel = null;
+        if (this._directDescendantItems.length) {
+            menuPanel = this._directDescendantItems.first._getHostElement().closest('[role="menu"]');
+        }
+        return menuPanel;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDMenu, isStandalone: true, selector: "md-menu", inputs: { animationsDisabled: "animationsDisabled", backdropClass: "backdropClass", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], xPosition: "xPosition", yPosition: "yPosition", overlapTrigger: ["overlapTrigger", "overlapTrigger", booleanAttribute], hasBackdrop: ["hasBackdrop", "hasBackdrop", (value) => (value == null ? null : booleanAttribute(value))], panelClass: ["class", "panelClass"], classList: "classList" }, outputs: { closed: "closed", close: "close" }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" } }, providers: [{ provide: MD_MENU_PANEL, useExisting: MDMenu }], queries: [{ propertyName: "lazyContent", first: true, predicate: MD_MENU_CONTENT, descendants: true }, { propertyName: "_allItems", predicate: MDMenuItem, descendants: true }, { propertyName: "items", predicate: MDMenuItem }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mdMenu"], ngImport: i0, template: "<ng-template>\r\n  <div\r\n    class=\"md-mdc-menu-panel\"\r\n    [id]=\"panelId\"\r\n    [class]=\"_classList\"\r\n    [class.md-menu-panel-animations-disabled]=\"_animationsDisabled\"\r\n    [class.md-menu-panel-exit-animation]=\"_panelAnimationState === 'void'\"\r\n    [class.md-menu-panel-animating]=\"_isAnimating()\"\r\n    (click)=\"closed.emit('click')\"\r\n    tabindex=\"-1\"\r\n    role=\"menu\"\r\n    (animationstart)=\"_onAnimationStart($event.animationName)\"\r\n    (animationend)=\"_onAnimationDone($event.animationName)\"\r\n    (animationcancel)=\"_onAnimationDone($event.animationName)\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n    [attr.aria-describedby]=\"ariaDescribedby || null\">\r\n    <div class=\"md-mdc-menu-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}md-menu{display:none}.md-mdc-menu-content{margin:0;padding:4px;outline:0}.md-mdc-menu-content,.md-mdc-menu-content .md-mdc-menu-item .md-mdc-menu-item-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;flex:1;white-space:normal;font-family:Montserrat;line-height:20px;font-size:13px;letter-spacing:.006rem;font-weight:400}@keyframes _md-menu-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes _md-menu-exit{0%{opacity:1}to{opacity:0}}.md-mdc-menu-panel{min-width:112px;max-width:280px;overflow:auto;box-sizing:border-box;outline:0;animation:_md-menu-enter .12s cubic-bezier(0,0,.2,1);border-radius:5px;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.md-mdc-menu-panel.md-menu-panel-exit-animation{animation:_md-menu-exit .1s 25ms linear forwards}.md-mdc-menu-panel.md-menu-panel-animations-disabled{animation:none}.md-mdc-menu-panel.md-menu-panel-animating{pointer-events:none}.md-mdc-menu-panel.md-menu-panel-animating:has(.md-mdc-menu-content:empty){display:none}.md-mdc-menu-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;width:100%;text-align:left;box-sizing:border-box;color:inherit;font-size:inherit;background:none;text-decoration:none;margin:0;min-height:28px;padding:0 16px;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent}.md-mdc-menu-item::-moz-focus-inner{border:0}[dir=rtl] .md-mdc-menu-item{padding-left:12px;padding-right:12px}.md-mdc-menu-item,.md-mdc-menu-item:visited,.md-mdc-menu-item:link{color:#1a1b1f}.md-mdc-menu-item .md-icon-no-color,.md-mdc-menu-item .md-mdc-menu-submenu-icon{color:#44474e}.md-mdc-menu-item[disabled]{cursor:default;opacity:.38}.md-mdc-menu-item[disabled]:after{display:block;position:absolute;content:\"\";inset:0}.md-mdc-menu-item:focus{outline:0}[dir=rtl] .md-mdc-menu-item{text-align:right}.md-mdc-menu-item:not([disabled]):hover{background-color:color-mix(in srgb,#1a1b1f 8%,transparent);color:#cf0106}.md-mdc-menu-item:not([disabled]).cdk-program-focused,.md-mdc-menu-item:not([disabled]).cdk-keyboard-focused,.md-mdc-menu-item:not([disabled]).md-mdc-menu-item-highlighted{background-color:color-mix(in srgb,#1a1b1f 12%,transparent)}.md-mdc-menu-submenu-icon{width:24px;height:10px;fill:currentColor;padding-left:12px}[dir=rtl] .md-mdc-menu-submenu-icon{padding-right:12px;padding-left:0}[dir=rtl] .md-mdc-menu-submenu-icon polygon{transform:scaleX(-1);transform-origin:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'md-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'mdMenu', host: {
+                        '[attr.aria-label]': 'null',
+                        '[attr.aria-labelledby]': 'null',
+                        '[attr.aria-describedby]': 'null',
+                    }, providers: [{ provide: MD_MENU_PANEL, useExisting: MDMenu }], template: "<ng-template>\r\n  <div\r\n    class=\"md-mdc-menu-panel\"\r\n    [id]=\"panelId\"\r\n    [class]=\"_classList\"\r\n    [class.md-menu-panel-animations-disabled]=\"_animationsDisabled\"\r\n    [class.md-menu-panel-exit-animation]=\"_panelAnimationState === 'void'\"\r\n    [class.md-menu-panel-animating]=\"_isAnimating()\"\r\n    (click)=\"closed.emit('click')\"\r\n    tabindex=\"-1\"\r\n    role=\"menu\"\r\n    (animationstart)=\"_onAnimationStart($event.animationName)\"\r\n    (animationend)=\"_onAnimationDone($event.animationName)\"\r\n    (animationcancel)=\"_onAnimationDone($event.animationName)\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n    [attr.aria-describedby]=\"ariaDescribedby || null\">\r\n    <div class=\"md-mdc-menu-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}md-menu{display:none}.md-mdc-menu-content{margin:0;padding:4px;outline:0}.md-mdc-menu-content,.md-mdc-menu-content .md-mdc-menu-item .md-mdc-menu-item-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;flex:1;white-space:normal;font-family:Montserrat;line-height:20px;font-size:13px;letter-spacing:.006rem;font-weight:400}@keyframes _md-menu-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes _md-menu-exit{0%{opacity:1}to{opacity:0}}.md-mdc-menu-panel{min-width:112px;max-width:280px;overflow:auto;box-sizing:border-box;outline:0;animation:_md-menu-enter .12s cubic-bezier(0,0,.2,1);border-radius:5px;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.md-mdc-menu-panel.md-menu-panel-exit-animation{animation:_md-menu-exit .1s 25ms linear forwards}.md-mdc-menu-panel.md-menu-panel-animations-disabled{animation:none}.md-mdc-menu-panel.md-menu-panel-animating{pointer-events:none}.md-mdc-menu-panel.md-menu-panel-animating:has(.md-mdc-menu-content:empty){display:none}.md-mdc-menu-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;width:100%;text-align:left;box-sizing:border-box;color:inherit;font-size:inherit;background:none;text-decoration:none;margin:0;min-height:28px;padding:0 16px;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent}.md-mdc-menu-item::-moz-focus-inner{border:0}[dir=rtl] .md-mdc-menu-item{padding-left:12px;padding-right:12px}.md-mdc-menu-item,.md-mdc-menu-item:visited,.md-mdc-menu-item:link{color:#1a1b1f}.md-mdc-menu-item .md-icon-no-color,.md-mdc-menu-item .md-mdc-menu-submenu-icon{color:#44474e}.md-mdc-menu-item[disabled]{cursor:default;opacity:.38}.md-mdc-menu-item[disabled]:after{display:block;position:absolute;content:\"\";inset:0}.md-mdc-menu-item:focus{outline:0}[dir=rtl] .md-mdc-menu-item{text-align:right}.md-mdc-menu-item:not([disabled]):hover{background-color:color-mix(in srgb,#1a1b1f 8%,transparent);color:#cf0106}.md-mdc-menu-item:not([disabled]).cdk-program-focused,.md-mdc-menu-item:not([disabled]).cdk-keyboard-focused,.md-mdc-menu-item:not([disabled]).md-mdc-menu-item-highlighted{background-color:color-mix(in srgb,#1a1b1f 12%,transparent)}.md-mdc-menu-submenu-icon{width:24px;height:10px;fill:currentColor;padding-left:12px}[dir=rtl] .md-mdc-menu-submenu-icon{padding-right:12px;padding-left:0}[dir=rtl] .md-mdc-menu-submenu-icon polygon{transform:scaleX(-1);transform-origin:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _allItems: [{
+                type: ContentChildren,
+                args: [MDMenuItem, { descendants: true }]
+            }], animationsDisabled: [{
+                type: Input
+            }], backdropClass: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], ariaLabelledby: [{
+                type: Input,
+                args: ['aria-labelledby']
+            }], ariaDescribedby: [{
+                type: Input,
+                args: ['aria-describedby']
+            }], xPosition: [{
+                type: Input
+            }], yPosition: [{
+                type: Input
+            }], templateRef: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }], items: [{
+                type: ContentChildren,
+                args: [MDMenuItem, { descendants: false }]
+            }], lazyContent: [{
+                type: ContentChild,
+                args: [MD_MENU_CONTENT]
+            }], overlapTrigger: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hasBackdrop: [{
+                type: Input,
+                args: [{ transform: (value) => (value == null ? null : booleanAttribute(value)) }]
+            }], panelClass: [{
+                type: Input,
+                args: ['class']
+            }], classList: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }] } });
+
+const MD_MENU_SCROLL_STRATEGY = new InjectionToken('md-menu-scroll-strategy', {
+    providedIn: 'root',
+    factory: () => {
+        const injector = inject(Injector);
+        return () => createRepositionScrollStrategy(injector);
+    },
+});
+const MENU_PANEL_TOP_PADDING = 8;
+const PANELS_TO_TRIGGERS = new WeakMap();
+class MDMenuTriggerBase {
+    _canHaveBackdrop;
+    _element = inject(ElementRef);
+    _viewContainerRef = inject(ViewContainerRef);
+    _menuItemInstance = inject(MDMenuItem, { optional: true, self: true });
+    _dir = inject(Directionality, { optional: true });
+    _focusMonitor = inject(FocusMonitor);
+    _ngZone = inject(NgZone);
+    _injector = inject(Injector);
+    _scrollStrategy = inject(MD_MENU_SCROLL_STRATEGY);
+    _changeDetectorRef = inject(ChangeDetectorRef);
+    _portal;
+    _overlayRef = null;
+    _menuOpen = false;
+    _closingActionsSubscription = Subscription.EMPTY;
+    _menuCloseSubscription = Subscription.EMPTY;
+    _pendingRemoval;
+    _parentMenu;
+    _parentInnerPadding;
+    _openedBy = undefined;
+    get _menu() {
+        return this._menuInternal;
+    }
+    set _menu(menu) {
+        if (menu === this._menuInternal)
+            return;
+        this._menuInternal = menu;
+        this._menuCloseSubscription.unsubscribe();
+        if (menu) {
+            if (menu === this._parentMenu && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+                throwMDMenuRecursiveError();
+            }
+            this._menuCloseSubscription = menu.close.subscribe((reason) => {
+                this._destroyMenu(reason);
+                if ((reason === 'click' || reason === 'tab') && this._parentMenu) {
+                    this._parentMenu.closed.emit(reason);
+                }
+            });
+        }
+        this._menuItemInstance?._setTriggersSubmenu(this._triggersSubmenu());
+    }
+    _menuInternal;
+    constructor(_canHaveBackdrop) {
+        this._canHaveBackdrop = _canHaveBackdrop;
+        const parentMenu = inject(MD_MENU_PANEL, { optional: true });
+        this._parentMenu = parentMenu instanceof MDMenu ? parentMenu : undefined;
+    }
+    ngOnDestroy() {
+        if (this._menu && this._ownsMenu(this._menu)) {
+            PANELS_TO_TRIGGERS.delete(this._menu);
+        }
+        this._pendingRemoval?.unsubscribe();
+        this._menuCloseSubscription.unsubscribe();
+        this._closingActionsSubscription.unsubscribe();
+        if (this._overlayRef) {
+            this._overlayRef.dispose();
+            this._overlayRef = null;
+        }
+    }
+    get menuOpen() {
+        return this._menuOpen;
+    }
+    get dir() {
+        return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';
+    }
+    _triggersSubmenu() {
+        return !!(this._menuItemInstance && this._parentMenu && this._menu);
+    }
+    _closeMenu() {
+        this._menu?.close.emit();
+    }
+    _openMenu(autoFocus) {
+        const menu = this._menu;
+        if (this._menuOpen || !menu)
+            return;
+        this._pendingRemoval?.unsubscribe();
+        const previousTrigger = PANELS_TO_TRIGGERS.get(menu);
+        PANELS_TO_TRIGGERS.set(menu, this);
+        if (previousTrigger && previousTrigger !== this) {
+            previousTrigger._closeMenu();
+        }
+        const overlayRef = this._createOverlay(menu);
+        const overlayConfig = overlayRef.getConfig();
+        const positionStrategy = overlayConfig.positionStrategy;
+        this._setPosition(menu, positionStrategy);
+        if (this._canHaveBackdrop) {
+            overlayConfig.hasBackdrop =
+                menu.hasBackdrop == null ? !this._triggersSubmenu() : menu.hasBackdrop;
+        }
+        else {
+            overlayConfig.hasBackdrop = false;
+        }
+        if (!overlayRef.hasAttached()) {
+            overlayRef.attach(this._getPortal(menu));
+            menu.lazyContent?.attach(this.menuData);
+        }
+        this._closingActionsSubscription = this._menuClosingActions().subscribe(() => this._closeMenu());
+        menu.parentMenu = this._triggersSubmenu() ? this._parentMenu : undefined;
+        menu.direction = this.dir;
+        if (autoFocus) {
+            menu.focusFirstItem(this._openedBy || 'program');
+        }
+        this._setIsMenuOpen(true);
+        if (menu instanceof MDMenu) {
+            menu._setIsOpen(true);
+            menu._directDescendantItems.changes.pipe(takeUntil(menu.close)).subscribe(() => {
+                positionStrategy.withLockedPosition(false).reapplyLastPosition();
+                positionStrategy.withLockedPosition(true);
+            });
+        }
+    }
+    focus(origin, options) {
+        if (this._focusMonitor && origin) {
+            this._focusMonitor.focusVia(this._element, origin, options);
+        }
+        else {
+            this._element.nativeElement.focus(options);
+        }
+    }
+    _destroyMenu(reason) {
+        const overlayRef = this._overlayRef;
+        const menu = this._menu;
+        if (!overlayRef || !this.menuOpen)
+            return;
+        this._closingActionsSubscription.unsubscribe();
+        this._pendingRemoval?.unsubscribe();
+        if (menu instanceof MDMenu && this._ownsMenu(menu)) {
+            this._pendingRemoval = menu._animationDone.pipe(take(1)).subscribe(() => {
+                overlayRef.detach();
+                if (!PANELS_TO_TRIGGERS.has(menu)) {
+                    menu.lazyContent?.detach();
+                }
+            });
+            menu._setIsOpen(false);
+        }
+        else {
+            overlayRef.detach();
+            menu?.lazyContent?.detach();
+        }
+        if (menu && this._ownsMenu(menu)) {
+            PANELS_TO_TRIGGERS.delete(menu);
+        }
+        if (this.restoreFocus &&
+            (reason === 'keydown' || !this._openedBy || !this._triggersSubmenu())) {
+            this.focus(this._openedBy);
+        }
+        this._openedBy = undefined;
+        this._setIsMenuOpen(false);
+    }
+    _setIsMenuOpen(isOpen) {
+        if (isOpen !== this._menuOpen) {
+            this._menuOpen = isOpen;
+            this._menuOpen ? this.menuOpened.emit() : this.menuClosed.emit();
+            if (this._triggersSubmenu()) {
+                this._menuItemInstance._setHighlighted(isOpen);
+            }
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    _createOverlay(menu) {
+        if (!this._overlayRef) {
+            const config = this._getOverlayConfig(menu);
+            this._subscribeToPositions(menu, config.positionStrategy);
+            this._overlayRef = createOverlayRef(this._injector, config);
+            this._overlayRef.keydownEvents().subscribe(event => {
+                if (this._menu instanceof MDMenu) {
+                    this._menu._handleKeydown(event);
+                }
+            });
+        }
+        return this._overlayRef;
+    }
+    _getOverlayConfig(menu) {
+        return new OverlayConfig({
+            positionStrategy: createFlexibleConnectedPositionStrategy(this._injector, this._getOverlayOrigin())
+                .withLockedPosition()
+                .withGrowAfterOpen()
+                .withTransformOriginOn('.md-menu-panel, .md-mdc-menu-panel'),
+            backdropClass: menu.backdropClass || 'cdk-overlay-transparent-backdrop',
+            panelClass: menu.overlayPanelClass,
+            scrollStrategy: this._scrollStrategy(),
+            direction: this._dir || 'ltr',
+            disableAnimations: this._menu?.animationsDisabled,
+        });
+    }
+    _subscribeToPositions(menu, position) {
+        if (menu.setPositionClasses) {
+            position.positionChanges.subscribe(change => {
+                this._ngZone.run(() => {
+                    const posX = change.connectionPair.overlayX === 'start' ? 'after' : 'before';
+                    const posY = change.connectionPair.overlayY === 'top' ? 'below' : 'above';
+                    menu.setPositionClasses(posX, posY);
+                });
+            });
+        }
+    }
+    _setPosition(menu, positionStrategy) {
+        let [originX, originFallbackX] = menu.xPosition === 'before' ? ['end', 'start'] : ['start', 'end'];
+        let [overlayY, overlayFallbackY] = menu.yPosition === 'above' ? ['bottom', 'top'] : ['top', 'bottom'];
+        let [originY, originFallbackY] = [overlayY, overlayFallbackY];
+        let [overlayX, overlayFallbackX] = [originX, originFallbackX];
+        let offsetY = 0;
+        if (this._triggersSubmenu()) {
+            overlayFallbackX = originX = menu.xPosition === 'before' ? 'start' : 'end';
+            originFallbackX = overlayX = originX === 'end' ? 'start' : 'end';
+            if (this._parentMenu) {
+                if (this._parentInnerPadding == null) {
+                    const firstItem = this._parentMenu.items.first;
+                    this._parentInnerPadding = firstItem ? firstItem._getHostElement().offsetTop : 0;
+                }
+                offsetY = overlayY === 'bottom' ? this._parentInnerPadding : -this._parentInnerPadding;
+            }
+        }
+        else if (!menu.overlapTrigger) {
+            originY = overlayY === 'top' ? 'bottom' : 'top';
+            originFallbackY = overlayFallbackY === 'top' ? 'bottom' : 'top';
+        }
+        positionStrategy.withPositions([
+            { originX, originY, overlayX, overlayY, offsetY },
+            { originX: originFallbackX, originY, overlayX: overlayFallbackX, overlayY, offsetY },
+            {
+                originX,
+                originY: originFallbackY,
+                overlayX,
+                overlayY: overlayFallbackY,
+                offsetY: -offsetY,
+            },
+            {
+                originX: originFallbackX,
+                originY: originFallbackY,
+                overlayX: overlayFallbackX,
+                overlayY: overlayFallbackY,
+                offsetY: -offsetY,
+            },
+        ]);
+    }
+    _menuClosingActions() {
+        const outsideClicks = this._getOutsideClickStream(this._overlayRef);
+        const detachments = this._overlayRef.detachments();
+        const parentClose = this._parentMenu ? this._parentMenu.closed : of();
+        const hover = this._parentMenu
+            ? this._parentMenu
+                ._hovered()
+                .pipe(filter(active => this._menuOpen && active !== this._menuItemInstance))
+            : of();
+        return merge(outsideClicks, parentClose, hover, detachments);
+    }
+    _getPortal(menu) {
+        if (!this._portal || this._portal.templateRef !== menu.templateRef) {
+            this._portal = new TemplatePortal(menu.templateRef, this._viewContainerRef);
+        }
+        return this._portal;
+    }
+    _ownsMenu(menu) {
+        return PANELS_TO_TRIGGERS.get(menu) === this;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuTriggerBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDMenuTriggerBase, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuTriggerBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }] });
+
+class MDMenuTrigger extends MDMenuTriggerBase {
+    _cleanupTouchstart;
+    _hoverSubscription = Subscription.EMPTY;
+    get _deprecatedMDMenuTriggerFor() {
+        return this.menu;
+    }
+    set _deprecatedMDMenuTriggerFor(v) {
+        this.menu = v;
+    }
+    get menu() {
+        return this._menu;
+    }
+    set menu(menu) {
+        this._menu = menu;
+    }
+    menuData;
+    restoreFocus = true;
+    menuOpened = new EventEmitter();
+    onMenuOpen = this.menuOpened;
+    menuClosed = new EventEmitter();
+    onMenuClose = this.menuClosed;
+    constructor() {
+        super(true);
+        const renderer = inject(Renderer2);
+        this._cleanupTouchstart = renderer.listen(this._element.nativeElement, 'touchstart', (event) => {
+            if (!isFakeTouchstartFromScreenReader(event)) {
+                this._openedBy = 'touch';
+            }
+        }, { passive: true });
+    }
+    triggersSubmenu() {
+        return super._triggersSubmenu();
+    }
+    toggleMenu() {
+        return this.menuOpen ? this.closeMenu() : this.openMenu();
+    }
+    openMenu() {
+        this._openMenu(true);
+    }
+    closeMenu() {
+        this._closeMenu();
+    }
+    updatePosition() {
+        this._overlayRef?.updatePosition();
+    }
+    ngAfterContentInit() {
+        this._handleHover();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._cleanupTouchstart();
+        this._hoverSubscription.unsubscribe();
+    }
+    _getOverlayOrigin() {
+        return this._element;
+    }
+    _getOutsideClickStream(overlayRef) {
+        return overlayRef.backdropClick();
+    }
+    _handleMousedown(event) {
+        if (!isFakeMousedownFromScreenReader(event)) {
+            this._openedBy = event.button === 0 ? 'mouse' : undefined;
+            if (this.triggersSubmenu()) {
+                event.preventDefault();
+            }
+        }
+    }
+    _handleKeydown(event) {
+        const keyCode = event.keyCode;
+        if (keyCode === ENTER || keyCode === SPACE) {
+            this._openedBy = 'keyboard';
+        }
+        if (this.triggersSubmenu() &&
+            ((keyCode === RIGHT_ARROW && this.dir === 'ltr') ||
+                (keyCode === LEFT_ARROW && this.dir === 'rtl'))) {
+            this._openedBy = 'keyboard';
+            this.openMenu();
+        }
+    }
+    _handleClick(event) {
+        if (this.triggersSubmenu()) {
+            event.stopPropagation();
+            this.openMenu();
+        }
+        else {
+            this.toggleMenu();
+        }
+    }
+    _handleHover() {
+        if (this.triggersSubmenu() && this._parentMenu) {
+            this._hoverSubscription = this._parentMenu._hovered().subscribe(active => {
+                if (active === this._menuItemInstance &&
+                    !active.disabled &&
+                    this._parentMenu?._panelAnimationState !== 'void') {
+                    this._openedBy = 'mouse';
+                    this._openMenu(false);
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDMenuTrigger, isStandalone: true, selector: "[md-menu-trigger-for], [mdMenuTriggerFor]", inputs: { _deprecatedMDMenuTriggerFor: ["md-menu-trigger-for", "_deprecatedMDMenuTriggerFor"], menu: ["mdMenuTriggerFor", "menu"], menuData: ["mdMenuTriggerData", "menuData"], restoreFocus: ["mdMenuTriggerRestoreFocus", "restoreFocus"] }, outputs: { menuOpened: "menuOpened", onMenuOpen: "onMenuOpen", menuClosed: "menuClosed", onMenuClose: "onMenuClose" }, host: { listeners: { "click": "_handleClick($event)", "mousedown": "_handleMousedown($event)", "keydown": "_handleKeydown($event)" }, properties: { "attr.aria-haspopup": "menu ? \"menu\" : null", "attr.aria-expanded": "menuOpen", "attr.aria-controls": "menuOpen ? menu?.panelId : null" }, classAttribute: "md-mdc-menu-trigger" }, exportAs: ["mdMenuTrigger"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[md-menu-trigger-for], [mdMenuTriggerFor]',
+                    host: {
+                        'class': 'md-mdc-menu-trigger',
+                        '[attr.aria-haspopup]': 'menu ? "menu" : null',
+                        '[attr.aria-expanded]': 'menuOpen',
+                        '[attr.aria-controls]': 'menuOpen ? menu?.panelId : null',
+                        '(click)': '_handleClick($event)',
+                        '(mousedown)': '_handleMousedown($event)',
+                        '(keydown)': '_handleKeydown($event)',
+                    },
+                    exportAs: 'mdMenuTrigger',
+                }]
+        }], ctorParameters: () => [], propDecorators: { _deprecatedMDMenuTriggerFor: [{
+                type: Input,
+                args: ['md-menu-trigger-for']
+            }], menu: [{
+                type: Input,
+                args: ['mdMenuTriggerFor']
+            }], menuData: [{
+                type: Input,
+                args: ['mdMenuTriggerData']
+            }], restoreFocus: [{
+                type: Input,
+                args: ['mdMenuTriggerRestoreFocus']
+            }], menuOpened: [{
+                type: Output
+            }], onMenuOpen: [{
+                type: Output
+            }], menuClosed: [{
+                type: Output
+            }], onMenuClose: [{
+                type: Output
+            }] } });
+
+class MDContextMenuTrigger extends MDMenuTriggerBase {
+    _point = { x: 0, y: 0, initialX: 0, initialY: 0, initialScrollX: 0, initialScrollY: 0 };
+    _triggerPressedControl = false;
+    _rootNode;
+    _document = inject(DOCUMENT);
+    _viewportRuler = inject(ViewportRuler);
+    _scrollDispatcher = inject(ScrollDispatcher);
+    _scrollSubscription;
+    get menu() {
+        return this._menu;
+    }
+    set menu(menu) {
+        this._menu = menu;
+    }
+    menuData;
+    restoreFocus = true;
+    disabled = false;
+    menuOpened = new EventEmitter();
+    menuClosed = new EventEmitter();
+    constructor() {
+        super(false);
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._scrollSubscription?.unsubscribe();
+    }
+    _handleContextMenuEvent(event) {
+        if (!this.disabled) {
+            event.preventDefault();
+            if (this.menuOpen) {
+                this._initializePoint(event.clientX, event.clientY);
+                this._updatePosition();
+            }
+            else {
+                this._openContextMenu(event);
+            }
+        }
+    }
+    _destroyMenu(reason) {
+        super._destroyMenu(reason);
+        this._scrollSubscription?.unsubscribe();
+    }
+    _getOverlayOrigin() {
+        return this._point;
+    }
+    _getOutsideClickStream(overlayRef) {
+        return overlayRef.outsidePointerEvents().pipe(skipWhile((event, index) => {
+            if (event.type === 'contextmenu') {
+                return this._isWithinMenuOrTrigger(_getEventTarget(event));
+            }
+            else if (event.type === 'auxclick') {
+                if (index === 0) {
+                    return true;
+                }
+                this._rootNode ??= _getShadowRoot(this._element.nativeElement) || this._document;
+                return this._isWithinMenuOrTrigger(this._rootNode.elementFromPoint(event.clientX, event.clientY));
+            }
+            return this._triggerPressedControl && index === 0 && event.ctrlKey;
+        }));
+    }
+    _isWithinMenuOrTrigger(target) {
+        if (!target)
+            return false;
+        const element = this._element.nativeElement;
+        if (target === element || element.contains(target))
+            return true;
+        const overlay = this._overlayRef?.hostElement;
+        return overlay === target || !!overlay?.contains(target);
+    }
+    _openContextMenu(event) {
+        if (event.button === 2) {
+            this._openedBy = 'mouse';
+        }
+        else {
+            this._openedBy = event.button === 0 ? 'keyboard' : undefined;
+        }
+        this._initializePoint(event.clientX, event.clientY);
+        this._triggerPressedControl = event.ctrlKey;
+        super._openMenu(true);
+        this._scrollSubscription?.unsubscribe();
+        this._scrollSubscription = this._scrollDispatcher.scrolled(0).subscribe(() => {
+            const position = this._viewportRuler.getViewportScrollPosition();
+            const point = this._point;
+            point.y = point.initialY + (point.initialScrollY - position.top);
+            point.x = point.initialX + (point.initialScrollX - position.left);
+            this._updatePosition();
+        });
+    }
+    _initializePoint(x, y) {
+        const scrollPosition = this._viewportRuler.getViewportScrollPosition();
+        const point = this._point;
+        point.x = point.initialX = x;
+        point.y = point.initialY = y;
+        point.initialScrollX = scrollPosition.left;
+        point.initialScrollY = scrollPosition.top;
+    }
+    _updatePosition() {
+        const overlayRef = this._overlayRef;
+        if (overlayRef) {
+            const positionStrategy = overlayRef.getConfig()
+                .positionStrategy;
+            positionStrategy.setOrigin(this._point);
+            overlayRef.updatePosition();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDContextMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.6", type: MDContextMenuTrigger, isStandalone: true, selector: "[mdContextMenuTriggerFor]", inputs: { menu: ["mdContextMenuTriggerFor", "menu"], menuData: ["mdContextMenuTriggerData", "menuData"], restoreFocus: ["mdContextMenuTriggerRestoreFocus", "restoreFocus"], disabled: ["mdContextMenuTriggerDisabled", "disabled", booleanAttribute] }, outputs: { menuOpened: "menuOpened", menuClosed: "menuClosed" }, host: { listeners: { "contextmenu": "_handleContextMenuEvent($event)" }, properties: { "class.md-context-menu-trigger-disabled": "disabled", "attr.aria-controls": "menuOpen ? menu?.panelId : null" }, classAttribute: "md-context-menu-trigger" }, exportAs: ["mdContextMenuTrigger"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDContextMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mdContextMenuTriggerFor]',
+                    host: {
+                        'class': 'md-context-menu-trigger',
+                        '[class.md-context-menu-trigger-disabled]': 'disabled',
+                        '[attr.aria-controls]': 'menuOpen ? menu?.panelId : null',
+                        '(contextmenu)': '_handleContextMenuEvent($event)',
+                    },
+                    exportAs: 'mdContextMenuTrigger',
+                }]
+        }], ctorParameters: () => [], propDecorators: { menu: [{
+                type: Input,
+                args: [{ alias: 'mdContextMenuTriggerFor', required: true }]
+            }], menuData: [{
+                type: Input,
+                args: ['mdContextMenuTriggerData']
+            }], restoreFocus: [{
+                type: Input,
+                args: ['mdContextMenuTriggerRestoreFocus']
+            }], disabled: [{
+                type: Input,
+                args: [{ alias: 'mdContextMenuTriggerDisabled', transform: booleanAttribute }]
+            }], menuOpened: [{
+                type: Output
+            }], menuClosed: [{
+                type: Output
+            }] } });
+
+class MDMenuModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: MDMenuModule, imports: [OverlayModule,
+            MDMenu,
+            MDMenuItem,
+            MDMenuContent,
+            MDMenuTrigger,
+            MDContextMenuTrigger], exports: [BidiModule,
+            CdkScrollableModule,
+            MDMenu,
+            MDMenuItem,
+            MDMenuContent,
+            MDMenuTrigger,
+            MDContextMenuTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuModule, imports: [OverlayModule, BidiModule,
+            CdkScrollableModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        OverlayModule,
+                        MDMenu,
+                        MDMenuItem,
+                        MDMenuContent,
+                        MDMenuTrigger,
+                        MDContextMenuTrigger,
+                    ],
+                    exports: [
+                        BidiModule,
+                        CdkScrollableModule,
+                        MDMenu,
+                        MDMenuItem,
+                        MDMenuContent,
+                        MDMenuTrigger,
+                        MDContextMenuTrigger,
+                    ],
+                }]
+        }] });
+
 /**
  * Minimal visual-only checkbox glyph.
  *
@@ -6517,11 +7561,6 @@ class PseudoCheckbox {
      */
     appearance = 'full';
     constructor() {
-        // Example side effect: log the initial state after a tick.
-        // (Kept as-is; remove in production if not needed.)
-        setTimeout(() => {
-            console.log(this.state);
-        }, 1000);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PseudoCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: PseudoCheckbox, isStandalone: true, selector: "pseudo-checkbox", inputs: { state: "state", disabled: "disabled", appearance: "appearance" }, host: { properties: { "class.pseudo-checkbox-indeterminate": "state === \"indeterminate\"", "class.pseudo-checkbox-checked": "state === \"checked\"", "class.pseudo-checkbox-disabled": "disabled", "class.pseudo-checkbox-minimal": "appearance === \"minimal\"", "class.pseudo-checkbox-full": "appearance === \"full\"" }, classAttribute: "pseudo-checkbox" }, ngImport: i0, template: '', isInline: true, styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0,0,.2,.1),background-color 90ms cubic-bezier(0,0,.2,.1);width:18px;height:18px}.pseudo-checkbox:after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0,0,.2,.1)}.pseudo-checkbox-disabled{cursor:default}.pseudo-checkbox-indeterminate:after{left:1px;opacity:1;border-radius:2px}.pseudo-checkbox-checked:after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.pseudo-checkbox-full{border-color:#44474e;border-width:2px;border-style:solid}.pseudo-checkbox-full.pseudo-checkbox-disabled{border-color:color-mix(in srgb,#1a1b1f 38%,transparent);opacity:.38}.pseudo-checkbox-full.pseudo-checkbox-checked,.pseudo-checkbox-full.pseudo-checkbox-indeterminate{background-color:#cf0106;border-color:transparent}.pseudo-checkbox-full.pseudo-checkbox-checked:after,.pseudo-checkbox-full.pseudo-checkbox-indeterminate:after{color:#fff}.pseudo-checkbox-full.pseudo-checkbox-checked.pseudo-checkbox-disabled,.pseudo-checkbox-full.pseudo-checkbox-indeterminate.pseudo-checkbox-disabled{background-color:#e0e3e2;opacity:.38}.pseudo-checkbox-full.pseudo-checkbox-checked.pseudo-checkbox-disabled:after,.pseudo-checkbox-full.pseudo-checkbox-indeterminate.pseudo-checkbox-disabled:after{color:#101414}.pseudo-checkbox-full.pseudo-checkbox-checked:after{width:10px;height:4px;transform-origin:center;inset:-2.8284271247px 0 0;margin:auto}.pseudo-checkbox-full.pseudo-checkbox-indeterminate:after{top:6px;width:12px}.pseudo-checkbox-minimal.pseudo-checkbox-checked:after{width:14px;height:6px;transform-origin:center;inset:-4.2426406871px 0 0;margin:auto}.pseudo-checkbox-minimal.pseudo-checkbox-checked:after{color:#cf0106}.mdc-option .pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
@@ -6781,6 +7820,32 @@ function _getOptionScrollPosition(optionOffset, optionHeight, currentScrollPosit
     return currentScrollPosition;
 }
 
+/**
+ * Returns an exception to be thrown when attempting to change a select's `multiple` option
+ * after initialization.
+ * @docs-private
+ */
+function getMDSelectDynamicMultipleError() {
+    return Error('Cannot change `multiple` mode of select after initialization.');
+}
+/**
+ * Returns an exception to be thrown when attempting to assign a non-array value to a select
+ * in `multiple` mode. Note that `undefined` and `null` are still valid values to allow for
+ * resetting the value.
+ * @docs-private
+ */
+function getMDSelectNonArrayValueError() {
+    return Error('Value must be an array in multiple-selection mode.');
+}
+/**
+ * Returns an exception to be thrown when assigning a non-function value to the comparator
+ * used to determine if a value corresponds to an option. Note that whether the function
+ * actually takes two values and returns a boolean is not checked.
+ */
+function getMDSelectNonFunctionValueError() {
+    return Error('`compareWith` must be a function.');
+}
+
 /** Event payload emitted when the select's value changes. */
 class SelectChange {
     source;
@@ -6832,6 +7897,9 @@ class MDSelect {
         return this._multiple;
     }
     set multiple(value) {
+        if (this._selectionModel && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+            throw getMDSelectDynamicMultipleError();
+        }
         this._multiple = value;
     }
     _multiple = false;
@@ -6865,6 +7933,9 @@ class MDSelect {
         return this._compareWith;
     }
     set compareWith(fn) {
+        if (typeof fn !== 'function' && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+            throw getMDSelectNonFunctionValueError();
+        }
         this._compareWith = fn;
         if (this._selectionModel) {
             this._initializeSelection();
@@ -7021,6 +8092,17 @@ class MDSelect {
     registerOnTouched(fn) {
         this._onTouched = fn;
     }
+    /**
+     * Disables the select. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param isDisabled Sets whether the component is disabled.
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.markForCheck();
+        this.stateChanges.next();
+    }
     // ───────────────────────────── Opening / Closing ─────────────────────────────
     /** Guard: can we open now (not disabled, have options, overlay ready)? */
     _canOpen() {
@@ -7202,6 +8284,9 @@ class MDSelect {
         this.options.forEach((option) => option.setInactiveStyles());
         this._selectionModel.clear();
         if (this.multiple && value) {
+            if (!Array.isArray(value) && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+                throw getMDSelectNonArrayValueError();
+            }
             value.forEach((currentValue) => this._selectOptionByValue(currentValue));
             this._sortValues();
         }
@@ -7401,7 +8486,7 @@ class MDSelect {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDSelect, isStandalone: true, selector: "md-select", inputs: { panelClass: "panelClass", disabled: ["disabled", "disabled", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], value: "value", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))], required: ["required", "required", booleanAttribute], compareWith: "compareWith", placeholder: "placeholder", canSelectNullableOptions: ["canSelectNullableOptions", "canSelectNullableOptions", booleanAttribute], sortComparator: "sortComparator" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", openedChange: "openedChange", _openedStream: "opened", _closedStream: "closed" }, host: { attributes: { "role": "combobox", "aria-haspopup": "listbox" }, listeners: { "keydown": "_handleKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()", "click": "onContainerClick()" }, properties: { "attr.tabindex": "disabled ? -1 : tabIndex", "attr.aria-expanded": "panelOpen", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-activedescendant": "_getAriaActiveDescendant()", "class.mdc-select-disabled": "disabled", "class.mdc-select-required": "required", "class.mdc-select-empty": "empty", "class.mdc-select-multiple": "multiple" }, classAttribute: "mdc-select" }, queries: [{ propertyName: "customTrigger", first: true, predicate: MD_SELECT_TRIGGER, descendants: true }, { propertyName: "options", predicate: MDOption, descendants: true }, { propertyName: "optionGroups", predicate: MDOptionGroup, descendants: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "_overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div cdk-overlay-origin\r\n     class=\"mdc-select-trigger\"\r\n     (click)=\"open()\"\r\n     #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\r\n     #trigger>\r\n\r\n  <div class=\"mdc-select-value\" [attr.id]=\"_valueId\">\r\n    @if (empty) {\r\n      <span class=\"mdc-select-placeholder mdc-select-min-line\">{{placeholder}}</span>\r\n    } @else {\r\n      <span class=\"mdc-select-value-text\">\r\n        @if (customTrigger) {\r\n          <ng-content select=\"md-select-trigger\"></ng-content>\r\n        } @else {\r\n          <span class=\"mdc-select-min-line\">{{triggerValue}}</span>\r\n        }\r\n      </span>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"mdc-select-arrow-wrapper\">\r\n    <div class=\"mdc-select-arrow\">\r\n      <i class=\"icon-arrow-dropdown\"></i>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ng-template\r\n    cdk-connected-overlay\r\n    cdkConnectedOverlayLockPosition\r\n    cdkConnectedOverlayHasBackdrop\r\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n    [cdkConnectedOverlayDisableClose]=\"true\"\r\n    [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n    [cdkConnectedOverlayOrigin]=\"fallbackOverlayOrigin\"\r\n    [cdkConnectedOverlayPositions]=\"_positions\"\r\n    [cdkConnectedOverlayWidth]=\"_overlayWidth\"\r\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n    (detach)=\"close()\"\r\n    (backdropClick)=\"close()\"\r\n    (overlayKeydown)=\"_handleOverlayKeydown($event)\"\r\n>\r\n  <div\r\n    #panel\r\n    role=\"listbox\"\r\n    tabindex=\"-1\"\r\n    class=\"mdc-select-panel mdc-menu-surface select-panel-animations-enabled mdc-menu-surface--open\"\r\n    [attr.id]=\"id + '-panel'\"\r\n    [attr.aria-multiselectable]=\"multiple\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [ngClass]=\"panelClass\"\r\n    (keydown)=\"_handleKeydown($event)\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</ng-template>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}md-select{display:inline-block}@keyframes select-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes select-exit{0%{opacity:1}to{opacity:0}}.select-panel-animations-enabled{animation:select-enter .12s cubic-bezier(0,0,.2,1)}.select-panel-animations-enabled.select-panel-exit{animation:select-exit .2s linear}.mdc-select{width:180px;display:inline-block;outline:none;font-family:Open Sans;line-height:1.5rem;font-size:14px;font-weight:400;letter-spacing:.031rem;color:#373737}.mdc-select-trigger{display:inline-flex;align-items:center;cursor:pointer;position:relative;box-sizing:border-box;width:100%;height:36px;padding:0 12px;border:1px solid #F3F3F3;border-radius:5px;background-color:#fff}.mdc-select-value{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdc-select-arrow-wrapper{height:24px;flex-shrink:0;display:inline-flex;align-items:center}div.mdc-select-panel{width:100%;max-height:275px;outline:0;overflow:auto;padding:4px;border-radius:5px;box-sizing:border-box;position:relative;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.mdc-select-disabled{color:color-mix(in srgb,#e0e3e2 38%,transparent);background-color:color-mix(in srgb,#e0e3e2 4%,transparent);pointer-events:none}.mdc-select-arrow svg{fill:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mdc-select-arrow{display:flex;width:22px;height:22px;font-size:22px;position:relative;color:#929292}.mdc-select-placeholder{color:#929292}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDSelect, isStandalone: true, selector: "md-select", inputs: { panelClass: "panelClass", disabled: ["disabled", "disabled", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], value: "value", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))], required: ["required", "required", booleanAttribute], compareWith: "compareWith", placeholder: "placeholder", canSelectNullableOptions: ["canSelectNullableOptions", "canSelectNullableOptions", booleanAttribute], sortComparator: "sortComparator" }, outputs: { valueChange: "valueChange", selectionChange: "selectionChange", openedChange: "openedChange", _openedStream: "opened", _closedStream: "closed" }, host: { attributes: { "role": "combobox", "aria-haspopup": "listbox" }, listeners: { "keydown": "_handleKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()", "click": "onContainerClick()" }, properties: { "attr.tabindex": "disabled ? -1 : tabIndex", "attr.aria-expanded": "panelOpen", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-activedescendant": "_getAriaActiveDescendant()", "class.mdc-select-disabled": "disabled", "class.mdc-select-required": "required", "class.mdc-select-empty": "empty", "class.mdc-select-multiple": "multiple" }, classAttribute: "mdc-select" }, queries: [{ propertyName: "customTrigger", first: true, predicate: MD_SELECT_TRIGGER, descendants: true }, { propertyName: "options", predicate: MDOption, descendants: true }, { propertyName: "optionGroups", predicate: MDOptionGroup, descendants: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "_overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div cdk-overlay-origin\r\n     class=\"mdc-select-trigger\"\r\n     (click)=\"open()\"\r\n     #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\r\n     #trigger>\r\n\r\n  <div class=\"mdc-select-value\" [attr.id]=\"_valueId\">\r\n    @if (empty) {\r\n      <span class=\"mdc-select-placeholder mdc-select-min-line\">{{placeholder}}</span>\r\n    } @else {\r\n      <span class=\"mdc-select-value-text\">\r\n        @if (customTrigger) {\r\n          <ng-content select=\"md-select-trigger\"></ng-content>\r\n        } @else {\r\n          <span class=\"mdc-select-min-line\">{{triggerValue}}</span>\r\n        }\r\n      </span>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"mdc-select-arrow-wrapper\">\r\n    <div class=\"mdc-select-arrow\">\r\n      <i class=\"icon-arrow-dropdown\"></i>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ng-template\r\n    cdk-connected-overlay\r\n    cdkConnectedOverlayLockPosition\r\n    cdkConnectedOverlayHasBackdrop\r\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n    [cdkConnectedOverlayDisableClose]=\"true\"\r\n    [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n    [cdkConnectedOverlayOrigin]=\"fallbackOverlayOrigin\"\r\n    [cdkConnectedOverlayPositions]=\"_positions\"\r\n    [cdkConnectedOverlayWidth]=\"_overlayWidth\"\r\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n    (detach)=\"close()\"\r\n    (backdropClick)=\"close()\"\r\n    (overlayKeydown)=\"_handleOverlayKeydown($event)\"\r\n>\r\n  <div\r\n    #panel\r\n    role=\"listbox\"\r\n    tabindex=\"-1\"\r\n    class=\"mdc-select-panel mdc-menu-surface select-panel-animations-enabled mdc-menu-surface--open\"\r\n    [attr.id]=\"id + '-panel'\"\r\n    [attr.aria-multiselectable]=\"multiple\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [ngClass]=\"panelClass\"\r\n    (keydown)=\"_handleKeydown($event)\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</ng-template>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}md-select{display:inline-block}@keyframes select-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes select-exit{0%{opacity:1}to{opacity:0}}.select-panel-animations-enabled{animation:select-enter .12s cubic-bezier(0,0,.2,1)}.select-panel-animations-enabled.select-panel-exit{animation:select-exit .2s linear}.mdc-select{width:180px;display:inline-block;outline:none;font-family:Open Sans;line-height:1.5rem;font-size:14px;font-weight:400;letter-spacing:.031rem;color:#373737}.mdc-select-trigger{display:inline-flex;align-items:center;cursor:pointer;position:relative;box-sizing:border-box;width:100%;height:36px;padding:0 12px;border:1px solid #F3F3F3;border-radius:5px;background-color:#fff}.form-control .mdc-select-trigger{background-color:initial;height:initial;border:initial;padding:initial}.mdc-select-value{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdc-select-arrow-wrapper{height:24px;flex-shrink:0;display:inline-flex;align-items:center}div.mdc-select-panel{width:100%;max-height:275px;outline:0;overflow:auto;padding:4px;border-radius:5px;box-sizing:border-box;position:relative;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.mdc-select-disabled{color:#929292;background-color:color-mix(in srgb,#e0e3e2 4%,transparent);pointer-events:none}.mdc-select-arrow svg{fill:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mdc-select-arrow{display:flex;width:22px;height:22px;font-size:22px;position:relative;color:#929292}.mdc-select-placeholder{color:#929292}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDSelect, decorators: [{
             type: Component,
@@ -7427,7 +8512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
                         '(focus)': '_onFocus()',
                         '(blur)': '_onBlur()',
                         '(click)': 'onContainerClick()',
-                    }, standalone: true, imports: [CdkOverlayOrigin, CdkConnectedOverlay, NgClass], template: "<div cdk-overlay-origin\r\n     class=\"mdc-select-trigger\"\r\n     (click)=\"open()\"\r\n     #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\r\n     #trigger>\r\n\r\n  <div class=\"mdc-select-value\" [attr.id]=\"_valueId\">\r\n    @if (empty) {\r\n      <span class=\"mdc-select-placeholder mdc-select-min-line\">{{placeholder}}</span>\r\n    } @else {\r\n      <span class=\"mdc-select-value-text\">\r\n        @if (customTrigger) {\r\n          <ng-content select=\"md-select-trigger\"></ng-content>\r\n        } @else {\r\n          <span class=\"mdc-select-min-line\">{{triggerValue}}</span>\r\n        }\r\n      </span>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"mdc-select-arrow-wrapper\">\r\n    <div class=\"mdc-select-arrow\">\r\n      <i class=\"icon-arrow-dropdown\"></i>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ng-template\r\n    cdk-connected-overlay\r\n    cdkConnectedOverlayLockPosition\r\n    cdkConnectedOverlayHasBackdrop\r\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n    [cdkConnectedOverlayDisableClose]=\"true\"\r\n    [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n    [cdkConnectedOverlayOrigin]=\"fallbackOverlayOrigin\"\r\n    [cdkConnectedOverlayPositions]=\"_positions\"\r\n    [cdkConnectedOverlayWidth]=\"_overlayWidth\"\r\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n    (detach)=\"close()\"\r\n    (backdropClick)=\"close()\"\r\n    (overlayKeydown)=\"_handleOverlayKeydown($event)\"\r\n>\r\n  <div\r\n    #panel\r\n    role=\"listbox\"\r\n    tabindex=\"-1\"\r\n    class=\"mdc-select-panel mdc-menu-surface select-panel-animations-enabled mdc-menu-surface--open\"\r\n    [attr.id]=\"id + '-panel'\"\r\n    [attr.aria-multiselectable]=\"multiple\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [ngClass]=\"panelClass\"\r\n    (keydown)=\"_handleKeydown($event)\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</ng-template>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}md-select{display:inline-block}@keyframes select-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes select-exit{0%{opacity:1}to{opacity:0}}.select-panel-animations-enabled{animation:select-enter .12s cubic-bezier(0,0,.2,1)}.select-panel-animations-enabled.select-panel-exit{animation:select-exit .2s linear}.mdc-select{width:180px;display:inline-block;outline:none;font-family:Open Sans;line-height:1.5rem;font-size:14px;font-weight:400;letter-spacing:.031rem;color:#373737}.mdc-select-trigger{display:inline-flex;align-items:center;cursor:pointer;position:relative;box-sizing:border-box;width:100%;height:36px;padding:0 12px;border:1px solid #F3F3F3;border-radius:5px;background-color:#fff}.mdc-select-value{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdc-select-arrow-wrapper{height:24px;flex-shrink:0;display:inline-flex;align-items:center}div.mdc-select-panel{width:100%;max-height:275px;outline:0;overflow:auto;padding:4px;border-radius:5px;box-sizing:border-box;position:relative;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.mdc-select-disabled{color:color-mix(in srgb,#e0e3e2 38%,transparent);background-color:color-mix(in srgb,#e0e3e2 4%,transparent);pointer-events:none}.mdc-select-arrow svg{fill:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mdc-select-arrow{display:flex;width:22px;height:22px;font-size:22px;position:relative;color:#929292}.mdc-select-placeholder{color:#929292}\n"] }]
+                    }, standalone: true, imports: [CdkOverlayOrigin, CdkConnectedOverlay, NgClass], template: "<div cdk-overlay-origin\r\n     class=\"mdc-select-trigger\"\r\n     (click)=\"open()\"\r\n     #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\r\n     #trigger>\r\n\r\n  <div class=\"mdc-select-value\" [attr.id]=\"_valueId\">\r\n    @if (empty) {\r\n      <span class=\"mdc-select-placeholder mdc-select-min-line\">{{placeholder}}</span>\r\n    } @else {\r\n      <span class=\"mdc-select-value-text\">\r\n        @if (customTrigger) {\r\n          <ng-content select=\"md-select-trigger\"></ng-content>\r\n        } @else {\r\n          <span class=\"mdc-select-min-line\">{{triggerValue}}</span>\r\n        }\r\n      </span>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"mdc-select-arrow-wrapper\">\r\n    <div class=\"mdc-select-arrow\">\r\n      <i class=\"icon-arrow-dropdown\"></i>\r\n    </div>\r\n  </div>\r\n</div>\r\n<ng-template\r\n    cdk-connected-overlay\r\n    cdkConnectedOverlayLockPosition\r\n    cdkConnectedOverlayHasBackdrop\r\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n    [cdkConnectedOverlayDisableClose]=\"true\"\r\n    [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n    [cdkConnectedOverlayOrigin]=\"fallbackOverlayOrigin\"\r\n    [cdkConnectedOverlayPositions]=\"_positions\"\r\n    [cdkConnectedOverlayWidth]=\"_overlayWidth\"\r\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n    (detach)=\"close()\"\r\n    (backdropClick)=\"close()\"\r\n    (overlayKeydown)=\"_handleOverlayKeydown($event)\"\r\n>\r\n  <div\r\n    #panel\r\n    role=\"listbox\"\r\n    tabindex=\"-1\"\r\n    class=\"mdc-select-panel mdc-menu-surface select-panel-animations-enabled mdc-menu-surface--open\"\r\n    [attr.id]=\"id + '-panel'\"\r\n    [attr.aria-multiselectable]=\"multiple\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [ngClass]=\"panelClass\"\r\n    (keydown)=\"_handleKeydown($event)\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</ng-template>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}md-select{display:inline-block}@keyframes select-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes select-exit{0%{opacity:1}to{opacity:0}}.select-panel-animations-enabled{animation:select-enter .12s cubic-bezier(0,0,.2,1)}.select-panel-animations-enabled.select-panel-exit{animation:select-exit .2s linear}.mdc-select{width:180px;display:inline-block;outline:none;font-family:Open Sans;line-height:1.5rem;font-size:14px;font-weight:400;letter-spacing:.031rem;color:#373737}.mdc-select-trigger{display:inline-flex;align-items:center;cursor:pointer;position:relative;box-sizing:border-box;width:100%;height:36px;padding:0 12px;border:1px solid #F3F3F3;border-radius:5px;background-color:#fff}.form-control .mdc-select-trigger{background-color:initial;height:initial;border:initial;padding:initial}.mdc-select-value{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdc-select-arrow-wrapper{height:24px;flex-shrink:0;display:inline-flex;align-items:center}div.mdc-select-panel{width:100%;max-height:275px;outline:0;overflow:auto;padding:4px;border-radius:5px;box-sizing:border-box;position:relative;background-color:#fff;box-shadow:0 1px 3px 1px #00000026}.mdc-select-disabled{color:#929292;background-color:color-mix(in srgb,#e0e3e2 4%,transparent);pointer-events:none}.mdc-select-arrow svg{fill:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mdc-select-arrow{display:flex;width:22px;height:22px;font-size:22px;position:relative;color:#929292}.mdc-select-placeholder{color:#929292}\n"] }]
         }], ctorParameters: () => [], propDecorators: { panelClass: [{
                 type: Input
             }], disabled: [{
@@ -7496,7 +8581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
             args: [{
                     selector: 'md-select-trigger',
                     providers: [{ provide: MD_SELECT_TRIGGER, useExisting: MDSelectTrigger }],
-                    standalone: true
+                    standalone: true,
                 }]
         }] });
 
@@ -9446,7 +10531,7 @@ class MDTabGroup {
                 provide: TAB_GROUP,
                 useExisting: MDTabGroup,
             },
-        ], queries: [{ propertyName: "_allTabs", predicate: MDTab, descendants: true }], viewQueries: [{ propertyName: "_tabBodyWrapper", first: true, predicate: ["tabBodyWrapper"], descendants: true }, { propertyName: "_tabHeader", first: true, predicate: ["tabHeader"], descendants: true }, { propertyName: "_tabBodies", predicate: MDTabBody, descendants: true }], exportAs: ["mdTabGroup"], ngImport: i0, template: "<md-tab-header\r\n    #tabHeader\r\n    [ngClass]=\"{\r\n        'tabs-legacy': isLegacyMode\r\n    }\"\r\n    class=\"{{ isLegacyMode ? 'legacy-' + legacySize : '' }}\"\r\n    [class.no-animations]=\"_animationsDisabled()\"\r\n    [hideInkBar]=\"hideInkBar\"\r\n    [selectedIndex]=\"selectedIndex || 0\"\r\n    [disablePagination]=\"disablePagination\"\r\n    [aria-label]=\"ariaLabel\"\r\n    [aria-labelledby]=\"ariaLabelledby\"\r\n    (indexFocused)=\"_focusChanged($event)\"\r\n    (selectFocusedIndex)=\"selectedIndex = $event\"\r\n>\r\n    @for (tab of _tabs; track tab) {\r\n    <div\r\n        class=\"focus-indicator\"\r\n        [ngClass]=\"{\r\n            'mdc-tab': !isLegacyMode,\r\n            'mdc-tab-legacy': isLegacyMode\r\n        }\"\r\n        #tabNode\r\n        role=\"tab\"\r\n        mdTabLabelWrapper\r\n        cdkMonitorElementFocus\r\n        [id]=\"_getTabLabelId(tab, $index)\"\r\n        [attr.tabIndex]=\"_getTabIndex($index)\"\r\n        [attr.aria-posinset]=\"$index + 1\"\r\n        [attr.aria-setsize]=\"_tabs.length\"\r\n        [attr.aria-controls]=\"_getTabContentId($index)\"\r\n        [attr.aria-selected]=\"selectedIndex === $index\"\r\n        [attr.aria-label]=\"tab.ariaLabel || null\"\r\n        [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\r\n        [class.mdc-tab--active]=\"selectedIndex === $index\"\r\n        [class]=\"tab.labelClass\"\r\n        [disabled]=\"tab.disabled\"\r\n        [fitInkBarToContent]=\"fitInkBarToContent\"\r\n        (click)=\"_handleClick(tab, tabHeader, $index)\"\r\n        (cdkFocusChange)=\"_tabFocusChanged($event, $index)\"\r\n    >\r\n        <span class=\"mdc-tab__ripple\"></span>\r\n        <span class=\"mdc-tab__content\">\r\n            <span class=\"mdc-tab__text-label\">\r\n                @if (tab.templateLabel) {\r\n                <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\r\n                } @else {{{tab.textLabel}}}\r\n            </span>\r\n        </span>\r\n    </div>\r\n    }\r\n</md-tab-header>\r\n\r\n@if (_isServer) {\r\n<ng-content />\r\n}\r\n\r\n<div class=\"mdc-tab-body-wrapper\" [class.no-animations]=\"_animationsDisabled()\" #tabBodyWrapper>\r\n    @for (tab of _tabs; track tab;) {\r\n    <md-tab-body\r\n        role=\"tabpanel\"\r\n        [id]=\"_getTabContentId($index)\"\r\n        [attr.tabindex]=\"(contentTabIndex != null && selectedIndex === $index) ? contentTabIndex : null\"\r\n        [attr.aria-labelledby]=\"_getTabLabelId(tab, $index)\"\r\n        [attr.aria-hidden]=\"selectedIndex !== $index\"\r\n        [class]=\"tab.bodyClass\"\r\n        [content]=\"tab.content!\"\r\n        [position]=\"tab.position!\"\r\n        [animationDuration]=\"animationDuration\"\r\n        [preserveContent]=\"preserveContent\"\r\n        (_onCentered)=\"_removeTabBodyWrapperHeight()\"\r\n        (_onCentering)=\"_setTabBodyWrapperHeight($event)\"\r\n        (_beforeCentering)=\"_bodyCentered($event)\"\r\n    />\r\n    }\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-tab{min-width:90px;padding:0 12px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;z-index:1;touch-action:manipulation}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:.15s color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab--active .mdc-tab__text-label{transition-delay:.1s}._animation-noopable .mdc-tab__text-label{transition:none}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transition:.25s transform cubic-bezier(.4,0,.2,1);transform-origin:left;opacity:0}.no-animations .mdc-tab-indicator__content{transition:none!important;animation:none!important}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}._animation-noopable .mdc-tab-indicator__content,.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;background:none;height:40px;font-family:Montserrat;font-size:1rem;letter-spacing:.006rem;line-height:1.25rem;font-weight:500}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab{flex-grow:1}.mdc-tab.mdc-tab{flex-grow:0}.mdc-tab .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__ripple:before{background-color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab--active:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab-disabled{opacity:.4;pointer-events:none}.mdc-tab.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#201a1b}.mdc-tab .mdc-tab__text-label{color:#201a1b;display:inline-flex;align-items:center}.mdc-tab .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}.mdc-tab-group{display:flex;flex-direction:column;max-width:100%}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header .focus-indicator:before,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .focus-indicator:before{border-color:#201a1b}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron{color:transparent}.mdc-tab-group.mdc-tab-group-inverted-header{flex-direction:column-reverse}.mdc-tab-group.mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline{align-self:flex-start}.mdc-tab-body-wrapper{position:relative;overflow:hidden;display:flex}.mdc-tab-body-wrapper.no-animations .mdc-tab-body-content{transition:none!important;animation:none!important}.focus-indicator{position:relative}.tabs-legacy .mdc-tab-labels{gap:2px}.tabs-legacy .mdc-tab-label-container{border:0px}.mdc-tab-legacy{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;height:28px;padding:0 14px;font-family:Open Sans;font-size:13px;letter-spacing:0px;line-height:22px;font-weight:400;background-color:#4d4d4d;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;max-width:90px}.legacy-small .mdc-tab-legacy{height:28px;font-size:12px}.legacy-medium .mdc-tab-legacy{height:36px;font-size:14px}.legacy-large .mdc-tab-legacy{height:44px;font-size:16px}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab-legacy{flex-grow:1}.mdc-tab-legacy.mdc-tab{flex-grow:0}.mdc-tab-legacy .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab-legacy:hover:not(.mdc-tab--active){background-color:#373737}.mdc-tab-legacy:focus .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active{background-color:#929292}.mdc-tab-legacy.mdc-tab--active .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active .mdc-tab__ripple:before{background-color:#fff}.mdc-tab-legacy.mdc-tab-disabled{pointer-events:none}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__text-label{color:#bdbdbd}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab-legacy .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#fff}.mdc-tab-legacy .mdc-tab__text-label{color:#fff;display:inline-flex;align-items:center;transition:none}.mdc-tab-legacy .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab-legacy:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab-legacy.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab-legacy.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}\n"], dependencies: [{ kind: "component", type: MDTabHeader, selector: "md-tab-header", inputs: ["aria-label", "aria-labelledby"] }, { kind: "directive", type: MDTabLabelWrapper, selector: "[mdTabLabelWrapper]", inputs: ["disabled"] }, { kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: MDTabBody, selector: "md-tab-body", inputs: ["content", "animationDuration", "preserveContent", "position"], outputs: ["_onCentering", "_beforeCentering", "_onCentered"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+        ], queries: [{ propertyName: "_allTabs", predicate: MDTab, descendants: true }], viewQueries: [{ propertyName: "_tabBodyWrapper", first: true, predicate: ["tabBodyWrapper"], descendants: true }, { propertyName: "_tabHeader", first: true, predicate: ["tabHeader"], descendants: true }, { propertyName: "_tabBodies", predicate: MDTabBody, descendants: true }], exportAs: ["mdTabGroup"], ngImport: i0, template: "<md-tab-header\r\n    #tabHeader\r\n    [ngClass]=\"{\r\n        'tabs-legacy': isLegacyMode\r\n    }\"\r\n    class=\"{{ isLegacyMode ? 'legacy-' + legacySize : '' }}\"\r\n    [class.no-animations]=\"_animationsDisabled()\"\r\n    [hideInkBar]=\"hideInkBar\"\r\n    [selectedIndex]=\"selectedIndex || 0\"\r\n    [disablePagination]=\"disablePagination\"\r\n    [aria-label]=\"ariaLabel\"\r\n    [aria-labelledby]=\"ariaLabelledby\"\r\n    (indexFocused)=\"_focusChanged($event)\"\r\n    (selectFocusedIndex)=\"selectedIndex = $event\"\r\n>\r\n    @for (tab of _tabs; track tab) {\r\n    <div\r\n        class=\"focus-indicator\"\r\n        [ngClass]=\"{\r\n            'mdc-tab': !isLegacyMode,\r\n            'mdc-tab-legacy': isLegacyMode\r\n        }\"\r\n        #tabNode\r\n        role=\"tab\"\r\n        mdTabLabelWrapper\r\n        cdkMonitorElementFocus\r\n        [id]=\"_getTabLabelId(tab, $index)\"\r\n        [attr.tabIndex]=\"_getTabIndex($index)\"\r\n        [attr.aria-posinset]=\"$index + 1\"\r\n        [attr.aria-setsize]=\"_tabs.length\"\r\n        [attr.aria-controls]=\"_getTabContentId($index)\"\r\n        [attr.aria-selected]=\"selectedIndex === $index\"\r\n        [attr.aria-label]=\"tab.ariaLabel || null\"\r\n        [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\r\n        [class.mdc-tab--active]=\"selectedIndex === $index\"\r\n        [class]=\"tab.labelClass\"\r\n        [disabled]=\"tab.disabled\"\r\n        [fitInkBarToContent]=\"fitInkBarToContent\"\r\n        (click)=\"_handleClick(tab, tabHeader, $index)\"\r\n        (cdkFocusChange)=\"_tabFocusChanged($event, $index)\"\r\n    >\r\n        <span class=\"mdc-tab__ripple\"></span>\r\n        <span class=\"mdc-tab__content\">\r\n            <span class=\"mdc-tab__text-label\">\r\n                @if (tab.templateLabel) {\r\n                <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\r\n                } @else {{{tab.textLabel}}}\r\n            </span>\r\n        </span>\r\n    </div>\r\n    }\r\n</md-tab-header>\r\n\r\n@if (_isServer) {\r\n<ng-content />\r\n}\r\n\r\n<div class=\"mdc-tab-body-wrapper\" [class.no-animations]=\"_animationsDisabled()\" #tabBodyWrapper>\r\n    @for (tab of _tabs; track tab;) {\r\n    <md-tab-body\r\n        role=\"tabpanel\"\r\n        [id]=\"_getTabContentId($index)\"\r\n        [attr.tabindex]=\"(contentTabIndex != null && selectedIndex === $index) ? contentTabIndex : null\"\r\n        [attr.aria-labelledby]=\"_getTabLabelId(tab, $index)\"\r\n        [attr.aria-hidden]=\"selectedIndex !== $index\"\r\n        [class]=\"tab.bodyClass\"\r\n        [content]=\"tab.content!\"\r\n        [position]=\"tab.position!\"\r\n        [animationDuration]=\"animationDuration\"\r\n        [preserveContent]=\"preserveContent\"\r\n        (_onCentered)=\"_removeTabBodyWrapperHeight()\"\r\n        (_onCentering)=\"_setTabBodyWrapperHeight($event)\"\r\n        (_beforeCentering)=\"_bodyCentered($event)\"\r\n    />\r\n    }\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-tab{min-width:90px;padding:0 12px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;z-index:1;touch-action:manipulation}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:.15s color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab--active .mdc-tab__text-label{transition-delay:.1s}._animation-noopable .mdc-tab__text-label{transition:none}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transition:.25s transform cubic-bezier(.4,0,.2,1);transform-origin:left;opacity:0}.no-animations .mdc-tab-indicator__content{transition:none!important;animation:none!important}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}._animation-noopable .mdc-tab-indicator__content,.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;background:none;height:40px;font-family:Montserrat;font-size:1rem;letter-spacing:.006rem;line-height:1.25rem;font-weight:500}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab{flex-grow:1}.mdc-tab.mdc-tab{flex-grow:0}.mdc-tab .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__ripple:before{background-color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab--active:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab-disabled{opacity:.4;pointer-events:none}.mdc-tab.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#201a1b}.mdc-tab .mdc-tab__text-label{color:#201a1b;display:inline-flex;align-items:center}.mdc-tab .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}.mdc-tab-group{display:flex;flex-direction:column;max-width:100%}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header .focus-indicator:before,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .focus-indicator:before{border-color:#201a1b}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron{color:transparent}.mdc-tab-group.mdc-tab-group-inverted-header{flex-direction:column-reverse}.mdc-tab-group.mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline{align-self:flex-start}.mdc-tab-body-wrapper{position:relative;overflow:hidden;display:flex}.mdc-tab-body-wrapper.no-animations .mdc-tab-body-content{transition:none!important;animation:none!important}.focus-indicator{position:relative}.tabs-legacy .mdc-tab-labels{gap:2px}.tabs-legacy .mdc-tab-label-container{border:0px}.mdc-tab-legacy{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;height:28px;padding:0 14px;font-family:Open Sans;font-size:13px;letter-spacing:0px;line-height:22px;font-weight:400;background-color:#4d4d4d;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer}.legacy-small .mdc-tab-legacy{height:28px;font-size:12px}.legacy-medium .mdc-tab-legacy{height:36px;font-size:14px}.legacy-large .mdc-tab-legacy{height:44px;font-size:16px}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab-legacy{flex-grow:1}.mdc-tab-legacy.mdc-tab{flex-grow:0}.mdc-tab-legacy .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab-legacy:hover:not(.mdc-tab--active){background-color:#373737}.mdc-tab-legacy:focus .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active{background-color:#929292}.mdc-tab-legacy.mdc-tab--active .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active .mdc-tab__ripple:before{background-color:#fff}.mdc-tab-legacy.mdc-tab-disabled{pointer-events:none}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__text-label{color:#bdbdbd}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab-legacy .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#fff}.mdc-tab-legacy .mdc-tab__text-label{color:#fff;display:inline-flex;align-items:center;transition:none}.mdc-tab-legacy .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab-legacy:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab-legacy.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab-legacy.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}\n"], dependencies: [{ kind: "component", type: MDTabHeader, selector: "md-tab-header", inputs: ["aria-label", "aria-labelledby"] }, { kind: "directive", type: MDTabLabelWrapper, selector: "[mdTabLabelWrapper]", inputs: ["disabled"] }, { kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: MDTabBody, selector: "md-tab-body", inputs: ["content", "animationDuration", "preserveContent", "position"], outputs: ["_onCentering", "_beforeCentering", "_onCentered"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDTabGroup, decorators: [{
             type: Component,
@@ -9463,7 +10548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
                         '[class.mdc-tab-group-stretch-tabs]': 'stretchTabs',
                         '[attr.align-tabs]': 'alignTabs',
                         '[style.--tab-animation-duration]': 'animationDuration',
-                    }, imports: [MDTabHeader, MDTabLabelWrapper, CdkMonitorFocus, CdkPortalOutlet, MDTabBody, CommonModule], template: "<md-tab-header\r\n    #tabHeader\r\n    [ngClass]=\"{\r\n        'tabs-legacy': isLegacyMode\r\n    }\"\r\n    class=\"{{ isLegacyMode ? 'legacy-' + legacySize : '' }}\"\r\n    [class.no-animations]=\"_animationsDisabled()\"\r\n    [hideInkBar]=\"hideInkBar\"\r\n    [selectedIndex]=\"selectedIndex || 0\"\r\n    [disablePagination]=\"disablePagination\"\r\n    [aria-label]=\"ariaLabel\"\r\n    [aria-labelledby]=\"ariaLabelledby\"\r\n    (indexFocused)=\"_focusChanged($event)\"\r\n    (selectFocusedIndex)=\"selectedIndex = $event\"\r\n>\r\n    @for (tab of _tabs; track tab) {\r\n    <div\r\n        class=\"focus-indicator\"\r\n        [ngClass]=\"{\r\n            'mdc-tab': !isLegacyMode,\r\n            'mdc-tab-legacy': isLegacyMode\r\n        }\"\r\n        #tabNode\r\n        role=\"tab\"\r\n        mdTabLabelWrapper\r\n        cdkMonitorElementFocus\r\n        [id]=\"_getTabLabelId(tab, $index)\"\r\n        [attr.tabIndex]=\"_getTabIndex($index)\"\r\n        [attr.aria-posinset]=\"$index + 1\"\r\n        [attr.aria-setsize]=\"_tabs.length\"\r\n        [attr.aria-controls]=\"_getTabContentId($index)\"\r\n        [attr.aria-selected]=\"selectedIndex === $index\"\r\n        [attr.aria-label]=\"tab.ariaLabel || null\"\r\n        [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\r\n        [class.mdc-tab--active]=\"selectedIndex === $index\"\r\n        [class]=\"tab.labelClass\"\r\n        [disabled]=\"tab.disabled\"\r\n        [fitInkBarToContent]=\"fitInkBarToContent\"\r\n        (click)=\"_handleClick(tab, tabHeader, $index)\"\r\n        (cdkFocusChange)=\"_tabFocusChanged($event, $index)\"\r\n    >\r\n        <span class=\"mdc-tab__ripple\"></span>\r\n        <span class=\"mdc-tab__content\">\r\n            <span class=\"mdc-tab__text-label\">\r\n                @if (tab.templateLabel) {\r\n                <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\r\n                } @else {{{tab.textLabel}}}\r\n            </span>\r\n        </span>\r\n    </div>\r\n    }\r\n</md-tab-header>\r\n\r\n@if (_isServer) {\r\n<ng-content />\r\n}\r\n\r\n<div class=\"mdc-tab-body-wrapper\" [class.no-animations]=\"_animationsDisabled()\" #tabBodyWrapper>\r\n    @for (tab of _tabs; track tab;) {\r\n    <md-tab-body\r\n        role=\"tabpanel\"\r\n        [id]=\"_getTabContentId($index)\"\r\n        [attr.tabindex]=\"(contentTabIndex != null && selectedIndex === $index) ? contentTabIndex : null\"\r\n        [attr.aria-labelledby]=\"_getTabLabelId(tab, $index)\"\r\n        [attr.aria-hidden]=\"selectedIndex !== $index\"\r\n        [class]=\"tab.bodyClass\"\r\n        [content]=\"tab.content!\"\r\n        [position]=\"tab.position!\"\r\n        [animationDuration]=\"animationDuration\"\r\n        [preserveContent]=\"preserveContent\"\r\n        (_onCentered)=\"_removeTabBodyWrapperHeight()\"\r\n        (_onCentering)=\"_setTabBodyWrapperHeight($event)\"\r\n        (_beforeCentering)=\"_bodyCentered($event)\"\r\n    />\r\n    }\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-tab{min-width:90px;padding:0 12px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;z-index:1;touch-action:manipulation}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:.15s color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab--active .mdc-tab__text-label{transition-delay:.1s}._animation-noopable .mdc-tab__text-label{transition:none}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transition:.25s transform cubic-bezier(.4,0,.2,1);transform-origin:left;opacity:0}.no-animations .mdc-tab-indicator__content{transition:none!important;animation:none!important}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}._animation-noopable .mdc-tab-indicator__content,.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;background:none;height:40px;font-family:Montserrat;font-size:1rem;letter-spacing:.006rem;line-height:1.25rem;font-weight:500}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab{flex-grow:1}.mdc-tab.mdc-tab{flex-grow:0}.mdc-tab .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__ripple:before{background-color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab--active:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab-disabled{opacity:.4;pointer-events:none}.mdc-tab.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#201a1b}.mdc-tab .mdc-tab__text-label{color:#201a1b;display:inline-flex;align-items:center}.mdc-tab .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}.mdc-tab-group{display:flex;flex-direction:column;max-width:100%}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header .focus-indicator:before,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .focus-indicator:before{border-color:#201a1b}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron{color:transparent}.mdc-tab-group.mdc-tab-group-inverted-header{flex-direction:column-reverse}.mdc-tab-group.mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline{align-self:flex-start}.mdc-tab-body-wrapper{position:relative;overflow:hidden;display:flex}.mdc-tab-body-wrapper.no-animations .mdc-tab-body-content{transition:none!important;animation:none!important}.focus-indicator{position:relative}.tabs-legacy .mdc-tab-labels{gap:2px}.tabs-legacy .mdc-tab-label-container{border:0px}.mdc-tab-legacy{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;height:28px;padding:0 14px;font-family:Open Sans;font-size:13px;letter-spacing:0px;line-height:22px;font-weight:400;background-color:#4d4d4d;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;max-width:90px}.legacy-small .mdc-tab-legacy{height:28px;font-size:12px}.legacy-medium .mdc-tab-legacy{height:36px;font-size:14px}.legacy-large .mdc-tab-legacy{height:44px;font-size:16px}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab-legacy{flex-grow:1}.mdc-tab-legacy.mdc-tab{flex-grow:0}.mdc-tab-legacy .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab-legacy:hover:not(.mdc-tab--active){background-color:#373737}.mdc-tab-legacy:focus .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active{background-color:#929292}.mdc-tab-legacy.mdc-tab--active .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active .mdc-tab__ripple:before{background-color:#fff}.mdc-tab-legacy.mdc-tab-disabled{pointer-events:none}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__text-label{color:#bdbdbd}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab-legacy .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#fff}.mdc-tab-legacy .mdc-tab__text-label{color:#fff;display:inline-flex;align-items:center;transition:none}.mdc-tab-legacy .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab-legacy:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab-legacy.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab-legacy.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}\n"] }]
+                    }, imports: [MDTabHeader, MDTabLabelWrapper, CdkMonitorFocus, CdkPortalOutlet, MDTabBody, CommonModule], template: "<md-tab-header\r\n    #tabHeader\r\n    [ngClass]=\"{\r\n        'tabs-legacy': isLegacyMode\r\n    }\"\r\n    class=\"{{ isLegacyMode ? 'legacy-' + legacySize : '' }}\"\r\n    [class.no-animations]=\"_animationsDisabled()\"\r\n    [hideInkBar]=\"hideInkBar\"\r\n    [selectedIndex]=\"selectedIndex || 0\"\r\n    [disablePagination]=\"disablePagination\"\r\n    [aria-label]=\"ariaLabel\"\r\n    [aria-labelledby]=\"ariaLabelledby\"\r\n    (indexFocused)=\"_focusChanged($event)\"\r\n    (selectFocusedIndex)=\"selectedIndex = $event\"\r\n>\r\n    @for (tab of _tabs; track tab) {\r\n    <div\r\n        class=\"focus-indicator\"\r\n        [ngClass]=\"{\r\n            'mdc-tab': !isLegacyMode,\r\n            'mdc-tab-legacy': isLegacyMode\r\n        }\"\r\n        #tabNode\r\n        role=\"tab\"\r\n        mdTabLabelWrapper\r\n        cdkMonitorElementFocus\r\n        [id]=\"_getTabLabelId(tab, $index)\"\r\n        [attr.tabIndex]=\"_getTabIndex($index)\"\r\n        [attr.aria-posinset]=\"$index + 1\"\r\n        [attr.aria-setsize]=\"_tabs.length\"\r\n        [attr.aria-controls]=\"_getTabContentId($index)\"\r\n        [attr.aria-selected]=\"selectedIndex === $index\"\r\n        [attr.aria-label]=\"tab.ariaLabel || null\"\r\n        [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\r\n        [class.mdc-tab--active]=\"selectedIndex === $index\"\r\n        [class]=\"tab.labelClass\"\r\n        [disabled]=\"tab.disabled\"\r\n        [fitInkBarToContent]=\"fitInkBarToContent\"\r\n        (click)=\"_handleClick(tab, tabHeader, $index)\"\r\n        (cdkFocusChange)=\"_tabFocusChanged($event, $index)\"\r\n    >\r\n        <span class=\"mdc-tab__ripple\"></span>\r\n        <span class=\"mdc-tab__content\">\r\n            <span class=\"mdc-tab__text-label\">\r\n                @if (tab.templateLabel) {\r\n                <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\r\n                } @else {{{tab.textLabel}}}\r\n            </span>\r\n        </span>\r\n    </div>\r\n    }\r\n</md-tab-header>\r\n\r\n@if (_isServer) {\r\n<ng-content />\r\n}\r\n\r\n<div class=\"mdc-tab-body-wrapper\" [class.no-animations]=\"_animationsDisabled()\" #tabBodyWrapper>\r\n    @for (tab of _tabs; track tab;) {\r\n    <md-tab-body\r\n        role=\"tabpanel\"\r\n        [id]=\"_getTabContentId($index)\"\r\n        [attr.tabindex]=\"(contentTabIndex != null && selectedIndex === $index) ? contentTabIndex : null\"\r\n        [attr.aria-labelledby]=\"_getTabLabelId(tab, $index)\"\r\n        [attr.aria-hidden]=\"selectedIndex !== $index\"\r\n        [class]=\"tab.bodyClass\"\r\n        [content]=\"tab.content!\"\r\n        [position]=\"tab.position!\"\r\n        [animationDuration]=\"animationDuration\"\r\n        [preserveContent]=\"preserveContent\"\r\n        (_onCentered)=\"_removeTabBodyWrapperHeight()\"\r\n        (_onCentering)=\"_setTabBodyWrapperHeight($event)\"\r\n        (_beforeCentering)=\"_bodyCentered($event)\"\r\n    />\r\n    }\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-tab{min-width:90px;padding:0 12px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;z-index:1;touch-action:manipulation}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:.15s color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab--active .mdc-tab__text-label{transition-delay:.1s}._animation-noopable .mdc-tab__text-label{transition:none}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transition:.25s transform cubic-bezier(.4,0,.2,1);transform-origin:left;opacity:0}.no-animations .mdc-tab-indicator__content{transition:none!important;animation:none!important}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}._animation-noopable .mdc-tab-indicator__content,.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;background:none;height:40px;font-family:Montserrat;font-size:1rem;letter-spacing:.006rem;line-height:1.25rem;font-weight:500}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab{flex-grow:1}.mdc-tab.mdc-tab{flex-grow:0}.mdc-tab .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active .mdc-tab__ripple:before{background-color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab--active:focus .mdc-tab__text-label{color:#201a1b}.mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline{border-color:#cf0106}.mdc-tab.mdc-tab-disabled{opacity:.4;pointer-events:none}.mdc-tab.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#201a1b}.mdc-tab .mdc-tab__text-label{color:#201a1b;display:inline-flex;align-items:center}.mdc-tab .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}.mdc-tab-group{display:flex;flex-direction:column;max-width:100%}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header .focus-indicator:before,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .focus-indicator:before{border-color:#201a1b}.mdc-tab-group.tabs-with-background>.mdc-tab-header .mdc-tab-header-pagination-chevron,.mdc-tab-group.tabs-with-background>.mdc-tab-header-pagination .mdc-tab-header-pagination-chevron{color:transparent}.mdc-tab-group.mdc-tab-group-inverted-header{flex-direction:column-reverse}.mdc-tab-group.mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline{align-self:flex-start}.mdc-tab-body-wrapper{position:relative;overflow:hidden;display:flex}.mdc-tab-body-wrapper.no-animations .mdc-tab-body-content{transition:none!important;animation:none!important}.focus-indicator{position:relative}.tabs-legacy .mdc-tab-labels{gap:2px}.tabs-legacy .mdc-tab-label-container{border:0px}.mdc-tab-legacy{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;height:28px;padding:0 14px;font-family:Open Sans;font-size:13px;letter-spacing:0px;line-height:22px;font-weight:400;background-color:#4d4d4d;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer}.legacy-small .mdc-tab-legacy{height:28px;font-size:12px}.legacy-medium .mdc-tab-legacy{height:36px;font-size:14px}.legacy-large .mdc-tab-legacy{height:44px;font-size:16px}.mdc-tab-group.mdc-tab-group-stretch-tabs>.mdc-tab-header .mdc-tab-legacy{flex-grow:1}.mdc-tab-legacy.mdc-tab{flex-grow:0}.mdc-tab-legacy .mdc-tab-indicator__content--underline{border-color:#cf0106;border-top-width:2px;border-radius:0}.mdc-tab-legacy:hover:not(.mdc-tab--active){background-color:#373737}.mdc-tab-legacy:focus .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active{background-color:#929292}.mdc-tab-legacy.mdc-tab--active .mdc-tab__text-label{color:#fff}.mdc-tab-legacy.mdc-tab--active .mdc-tab__ripple:before{background-color:#fff}.mdc-tab-legacy.mdc-tab-disabled{pointer-events:none}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__text-label{color:#bdbdbd}.mdc-tab-legacy.mdc-tab-disabled .mdc-tab__content{pointer-events:none}.mdc-tab-legacy .mdc-tab__ripple:before{content:\"\";display:block;position:absolute;inset:0;opacity:0;pointer-events:none;background-color:#fff}.mdc-tab-legacy .mdc-tab__text-label{color:#fff;display:inline-flex;align-items:center;transition:none}.mdc-tab-legacy .mdc-tab__content{position:relative;pointer-events:auto}.mdc-tab-legacy:hover .mdc-tab__ripple:before{opacity:.04}.mdc-tab-legacy.cdk-program-focused .mdc-tab__ripple:before,.mdc-tab-legacy.cdk-keyboard-focused .mdc-tab__ripple:before{opacity:.12}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _allTabs: [{
                 type: ContentChildren,
                 args: [MDTab, { descendants: true }]
@@ -10016,5 +11101,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION, CARD_CONFIG, CardSimpleComponent, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, DIALOG_DATA, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DialogState, EXPANSION_PANEL_DEFAULT_OPTIONS, ErrorStateMatcher, ExpansionPanelActionRow, ExpansionPanelDescription, ExpansionPanelTitle, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, INK_BAR_POSITIONER, INK_BAR_POSITIONER_FACTORY, InkBar, MDAccordion, MDCard, MDCardActions, MDCardAvatar, MDCardContent, MDCardFooter, MDCardHeader, MDCardImage, MDCardLgImage, MDCardMdImage, MDCardModule, MDCardSmImage, MDCardSubtitle, MDCardTitle, MDCardTitleGroup, MDCardXlImage, MDCheckBox, MDCheckBoxModule, MDCheckboxChange, MDCollapseModule, MDDialog, MDDialogActions, MDDialogClose, MDDialogContainer, MDDialogContent, MDDialogTitle, MDExpansionPanel, MDExpansionPanelContent, MDExpansionPanelHeader, MDModalModule, MDOption, MDOptionGroup, MDOptionSelectionChange, MDSelect, MDSelectModule, MDSelectTrigger, MDStep, MDStepContent, MDStepExecutorModule, MDStepFooter, MDStepHeader, MDStepLabel, MDStepper, MDStepperIcon, MDStepperNext, MDStepperPrevious, MDSwitch, MDSwitchModule, MDTab, MDTabBody, MDTabChangeEvent, MDTabContent, MDTabGroup, MDTabHeader, MDTabLabel, MDTabLabelWrapper, MDTabsModule, MD_EXPANSION_PANEL, MD_SELECT_TRIGGER, MD_TAB, MD_TAB_LABEL, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevDialogConfig, MefDevDialogRef, MefDevDropDownMenuModule, MefDevFilteredFieldModule, MefDevModalModule, MefDevOptionComponent, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSelectComponent, MefDevSelectModule, MefDevStepExecutorModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, MefdevDropdownMenuComponent, MefdevExecutorPageComponent, OptionPipe, PaginatedTabHeader, ProgressConfig, PseudoCheckbox, RightFilterComponent, STEPPER_INTL_PROVIDER, STEPPER_INTL_PROVIDER_FACTORY, SelectChange, ShowOnDirtyErrorStateMatcher, SlideRightComponent, SlideUpComponent, StageComponent, StepExecutorComponent, StepperIntl, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TabBodyPortal, TabChangeEvent, TablePageComponent, TransitionCheckState, _closeDialogVia, _countGroupLabelsBeforeOption, _getOptionScrollPosition, components, mefDevCardComponents, mefDevCollapseModuleComponents };
+export { ACCORDION, CARD_CONFIG, CardSimpleComponent, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, DIALOG_DATA, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DialogState, EXPANSION_PANEL_DEFAULT_OPTIONS, ErrorStateMatcher, ExpansionPanelActionRow, ExpansionPanelDescription, ExpansionPanelTitle, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, INK_BAR_POSITIONER, INK_BAR_POSITIONER_FACTORY, InkBar, MDAccordion, MDCard, MDCardActions, MDCardAvatar, MDCardContent, MDCardFooter, MDCardHeader, MDCardImage, MDCardLgImage, MDCardMdImage, MDCardModule, MDCardSmImage, MDCardSubtitle, MDCardTitle, MDCardTitleGroup, MDCardXlImage, MDCheckBox, MDCheckBoxModule, MDCheckboxChange, MDCollapseModule, MDContextMenuTrigger, MDDialog, MDDialogActions, MDDialogClose, MDDialogContainer, MDDialogContent, MDDialogTitle, MDExpansionPanel, MDExpansionPanelContent, MDExpansionPanelHeader, MDMenu, MDMenuContent, MDMenuItem, MDMenuModule, MDMenuTrigger, MDModalModule, MDOption, MDOptionGroup, MDOptionSelectionChange, MDSelect, MDSelectModule, MDSelectTrigger, MDStep, MDStepContent, MDStepExecutorModule, MDStepFooter, MDStepHeader, MDStepLabel, MDStepper, MDStepperIcon, MDStepperNext, MDStepperPrevious, MDSwitch, MDSwitchModule, MDTab, MDTabBody, MDTabChangeEvent, MDTabContent, MDTabGroup, MDTabHeader, MDTabLabel, MDTabLabelWrapper, MDTabsModule, MD_EXPANSION_PANEL, MD_MENU_CONTENT, MD_MENU_DEFAULT_OPTIONS, MD_MENU_PANEL, MD_MENU_SCROLL_STRATEGY, MD_SELECT_TRIGGER, MD_TAB, MD_TAB_LABEL, MENU_PANEL_TOP_PADDING, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevDialogConfig, MefDevDialogRef, MefDevDropDownMenuModule, MefDevFilteredFieldModule, MefDevModalModule, MefDevOptionComponent, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSelectComponent, MefDevSelectModule, MefDevStepExecutorModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, MefdevDropdownMenuComponent, MefdevExecutorPageComponent, OptionPipe, PaginatedTabHeader, ProgressConfig, PseudoCheckbox, RightFilterComponent, STEPPER_INTL_PROVIDER, STEPPER_INTL_PROVIDER_FACTORY, SelectChange, ShowOnDirtyErrorStateMatcher, SlideRightComponent, SlideUpComponent, StageComponent, StepExecutorComponent, StepperIntl, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TabBodyPortal, TabChangeEvent, TablePageComponent, TransitionCheckState, _closeDialogVia, _countGroupLabelsBeforeOption, _getOptionScrollPosition, components, mefDevCardComponents, mefDevCollapseModuleComponents };
 //# sourceMappingURL=natec-mef-dev-ui-kit.mjs.map