@theseam/ui-common 1.0.0-beta.0 → 1.0.0-beta.10

package/fesm2022/theseam-ui-common-menu.mjs

@@ -43,8 +43,7 @@ class TheSeamMenuFooterHarness extends ContentContainerComponentHarness {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with(options = {}) {
-        return new HarnessPredicate(this, options)
-            .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text));
+        return new HarnessPredicate(this, options).addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text));
     }
     /** Gets the text of the menu item. */
     async getText() {
@@ -226,7 +225,9 @@ class TheSeamMenuHarness extends ContentContainerComponentHarness {
     /** Gets the menu panel associated with this menu. */
     async _getMenuPanel() {
         const panelId = await this._getPanelId();
-        return panelId ? this._documentRootLocator.locatorForOptional(`#${panelId}`)() : null;
+        return panelId
+            ? this._documentRootLocator.locatorForOptional(`#${panelId}`)()
+            : null;
     }
     /** Gets the id of the menu panel associated with this menu. */
     async _getPanelId() {
@@ -293,68 +294,68 @@ class TheSeamMenuItemHarness extends ContentContainerComponentHarness {
 const menuDropdownPanelSlideIn = animation([
     style({
         opacity: 0,
-        transform: 'translateY(-70%)'
+        transform: 'translateY(-70%)',
     }),
     group([
         animate('170ms linear', style({ opacity: 1 })),
         animate('220ms ease', style({ transform: 'translateY(0)' })),
-    ])
+    ]),
 ]);
 const menuDropdownPanelSlideOut = animation([
     style({
         opacity: 1,
-        transform: 'translateY(0)'
+        transform: 'translateY(0)',
     }),
     group([
         animate('170ms linear', style({ opacity: 0 })),
         animate('220ms ease', style({ transform: 'translateY(-70%)' })),
-    ])
+    ]),
 ]);
 const menuDropdownPanelExpandIn = animation([
     style({
         opacity: 0,
-        transform: 'scale(0.8)'
+        transform: 'scale(0.8)',
     }),
     group([
         animate('100ms linear', style({ opacity: 1 })),
         animate('120ms ease', style({ transform: 'scale(1)' })),
-    ])
+    ]),
 ]);
 const menuDropdownPanelExpandOut = animation([
     style({
         opacity: 1,
-        transform: 'scale(1)'
+        transform: 'scale(1)',
     }),
     group([
         animate('100ms linear', style({ opacity: 0 })),
         animate('120ms ease', style({ transform: 'scale(0.8)' })),
-    ])
+    ]),
 ]);
 const menuDropdownPanelFadeIn = animation([
     style({ transform: 'translateY(-30px)', opacity: '0' }),
-    animate('250ms', style({ transform: 'translateY(0)', opacity: '1' }))
+    animate('250ms', style({ transform: 'translateY(0)', opacity: '1' })),
 ]);
 const menuDropdownPanelFadeOut = animation([
     style({ transform: 'translateY(0)', opacity: '1' }),
-    animate('250ms', style({ transform: 'translateY(-30px)', opacity: '0' }))
+    animate('250ms', style({ transform: 'translateY(-30px)', opacity: '0' })),
 ]);
 const menuDropdownPanelIn = animation([
     query('.seam-menu-container.seam-menu-anim--slide .dropdown-menu', useAnimation(menuDropdownPanelSlideIn), { optional: true }),
-    query('.seam-menu-container.seam-menu-anim--fade .dropdown-menu', useAnimation(menuDropdownPanelFadeIn), { optional: true })
+    query('.seam-menu-container.seam-menu-anim--fade .dropdown-menu', useAnimation(menuDropdownPanelFadeIn), { optional: true }),
 ]);
 const menuDropdownPanelOut = animation([
     query('.seam-menu-container.seam-menu-anim--slide .dropdown-menu', useAnimation(menuDropdownPanelSlideOut), { optional: true }),
-    query('.seam-menu-container.seam-menu-anim--fade .dropdown-menu', useAnimation(menuDropdownPanelFadeOut), { optional: true })
+    query('.seam-menu-container.seam-menu-anim--fade .dropdown-menu', useAnimation(menuDropdownPanelFadeOut), { optional: true }),
 ]);
 
 class MenuDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MenuDividerComponent, isStandalone: false, selector: "seam-menu-divider", host: { classAttribute: "dropdown-divider d-block" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MenuDividerComponent, isStandalone: false, selector: "seam-menu-divider", host: { classAttribute: "dropdown-divider d-block" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-menu-divider', template: ``, host: {
-                        'class': 'dropdown-divider d-block'
+                        class: 'dropdown-divider d-block',
                     }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false }]
         }] });
 
@@ -474,22 +475,22 @@ class MenuItemComponent extends _seamMenuItemMixinBase {
         this._changeDetectorRef?.markForCheck();
     }
     _hasFocus() {
-        return this._document && this._document.activeElement === this._getHostElement();
+        return (this._document && this._document.activeElement === this._getHostElement());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuItemComponent, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i1.FocusMonitor }, { token: i0.ChangeDetectorRef }, { token: THESEAM_MENU_PANEL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MenuItemComponent, isStandalone: false, selector: "[seamMenuItem]", inputs: { disabled: "disabled", role: "role", icon: "icon", iconClass: "iconClass", sublevelIcon: "sublevelIcon", subLevelIconClass: "subLevelIconClass", badgeText: "badgeText", badgeTheme: "badgeTheme" }, host: { listeners: { "click": "_checkDisabled($event)", "mouseenter": "_handleMouseEnter()" }, properties: { "attr.role": "role", "class.seam-menu-item-highlighted": "_highlighted", "class.seam-menu-item-submenu-trigger": "_triggersSubmenu", "attr.tabindex": "_getTabIndex()", "attr.aria-disabled": "disabled.toString()", "attr.disabled": "disabled || null" }, classAttribute: "seam-menu-item dropdown-item" }, exportAs: ["seamMenuItem"], usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-row\">\n  <seam-icon *ngIf=\"icon\"\n    style=\"width: 30px; height: 20px; flex: 0 0 auto;\"\n    class=\"pr-2\"\n    [icon]=\"icon\"\n    [iconClass]=\"iconClass\"\n    iconType=\"image-fill\">\n  </seam-icon>\n\n  <div class=\"text-truncate\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"badgeText\" class=\"ml-2\">\n    <span class=\"badge badge-pill{{ badgeTheme ? ' badge-' + badgeTheme : '' }} position-relative\"\n      style=\"top: -2px\"\n      >{{ badgeText }}</span>\n  </div>\n\n  <div class=\"d-flex flex-grow-1 justify-content-end\">\n    <seam-icon *ngIf=\"_triggersSubmenu\"\n      style=\"width: 30px; height: 20px; flex: 0 0 auto;\"\n      class=\"pl-2\"\n      [icon]=\"sublevelIcon\"\n      [iconClass]=\"subLevelIconClass\"\n      iconType=\"image-fill\">\n    </seam-icon>\n  </div>\n</div>\n", styles: [":host.cdk-mouse-focused:not(:hover){background:transparent}:host[aria-expanded]{color:#16181b;text-decoration:none;background-color:#e9ecef}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuItemComponent, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i1.FocusMonitor }, { token: i0.ChangeDetectorRef }, { token: THESEAM_MENU_PANEL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MenuItemComponent, isStandalone: false, selector: "[seamMenuItem]", inputs: { disabled: "disabled", role: "role", icon: "icon", iconClass: "iconClass", sublevelIcon: "sublevelIcon", subLevelIconClass: "subLevelIconClass", badgeText: "badgeText", badgeTheme: "badgeTheme" }, host: { listeners: { "click": "_checkDisabled($event)", "mouseenter": "_handleMouseEnter()" }, properties: { "attr.role": "role", "class.seam-menu-item-highlighted": "_highlighted", "class.seam-menu-item-submenu-trigger": "_triggersSubmenu", "attr.tabindex": "_getTabIndex()", "attr.aria-disabled": "disabled.toString()", "attr.disabled": "disabled || null" }, classAttribute: "seam-menu-item dropdown-item" }, exportAs: ["seamMenuItem"], usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-row\">\n  <seam-icon\n    *ngIf=\"icon\"\n    style=\"width: 30px; height: 20px; flex: 0 0 auto\"\n    class=\"pr-2\"\n    [icon]=\"icon\"\n    [iconClass]=\"iconClass\"\n    iconType=\"image-fill\"\n  >\n  </seam-icon>\n\n  <div class=\"text-truncate\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"badgeText\" class=\"ml-2\">\n    <span\n      class=\"badge badge-pill{{\n        badgeTheme ? ' badge-' + badgeTheme : ''\n      }} position-relative\"\n      style=\"top: -2px\"\n      >{{ badgeText }}</span\n    >\n  </div>\n\n  <div class=\"d-flex flex-grow-1 justify-content-end\">\n    <seam-icon\n      *ngIf=\"_triggersSubmenu\"\n      style=\"width: 30px; height: 20px; flex: 0 0 auto\"\n      class=\"pl-2\"\n      [icon]=\"sublevelIcon\"\n      [iconClass]=\"subLevelIconClass\"\n      iconType=\"image-fill\"\n    >\n    </seam-icon>\n  </div>\n</div>\n", styles: [":host.cdk-mouse-focused:not(:hover){background:transparent}:host[aria-expanded]{color:#16181b;text-decoration:none;background-color:#e9ecef}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: '[seamMenuItem]', exportAs: 'seamMenuItem', inputs: ['disabled'], host: {
                         '[attr.role]': 'role',
-                        'class': 'seam-menu-item dropdown-item',
+                        class: 'seam-menu-item dropdown-item',
                         '[class.seam-menu-item-highlighted]': '_highlighted',
                         '[class.seam-menu-item-submenu-trigger]': '_triggersSubmenu',
                         '[attr.tabindex]': '_getTabIndex()',
                         '[attr.aria-disabled]': 'disabled.toString()',
                         '[attr.disabled]': 'disabled || null',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"d-flex flex-row\">\n  <seam-icon *ngIf=\"icon\"\n    style=\"width: 30px; height: 20px; flex: 0 0 auto;\"\n    class=\"pr-2\"\n    [icon]=\"icon\"\n    [iconClass]=\"iconClass\"\n    iconType=\"image-fill\">\n  </seam-icon>\n\n  <div class=\"text-truncate\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"badgeText\" class=\"ml-2\">\n    <span class=\"badge badge-pill{{ badgeTheme ? ' badge-' + badgeTheme : '' }} position-relative\"\n      style=\"top: -2px\"\n      >{{ badgeText }}</span>\n  </div>\n\n  <div class=\"d-flex flex-grow-1 justify-content-end\">\n    <seam-icon *ngIf=\"_triggersSubmenu\"\n      style=\"width: 30px; height: 20px; flex: 0 0 auto;\"\n      class=\"pl-2\"\n      [icon]=\"sublevelIcon\"\n      [iconClass]=\"subLevelIconClass\"\n      iconType=\"image-fill\">\n    </seam-icon>\n  </div>\n</div>\n", styles: [":host.cdk-mouse-focused:not(:hover){background:transparent}:host[aria-expanded]{color:#16181b;text-decoration:none;background-color:#e9ecef}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"d-flex flex-row\">\n  <seam-icon\n    *ngIf=\"icon\"\n    style=\"width: 30px; height: 20px; flex: 0 0 auto\"\n    class=\"pr-2\"\n    [icon]=\"icon\"\n    [iconClass]=\"iconClass\"\n    iconType=\"image-fill\"\n  >\n  </seam-icon>\n\n  <div class=\"text-truncate\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"badgeText\" class=\"ml-2\">\n    <span\n      class=\"badge badge-pill{{\n        badgeTheme ? ' badge-' + badgeTheme : ''\n      }} position-relative\"\n      style=\"top: -2px\"\n      >{{ badgeText }}</span\n    >\n  </div>\n\n  <div class=\"d-flex flex-grow-1 justify-content-end\">\n    <seam-icon\n      *ngIf=\"_triggersSubmenu\"\n      style=\"width: 30px; height: 20px; flex: 0 0 auto\"\n      class=\"pl-2\"\n      [icon]=\"sublevelIcon\"\n      [iconClass]=\"subLevelIconClass\"\n      iconType=\"image-fill\"\n    >\n    </seam-icon>\n  </div>\n</div>\n", styles: [":host.cdk-mouse-focused:not(:hover){background:transparent}:host[aria-expanded]{color:#16181b;text-decoration:none;background-color:#e9ecef}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -523,16 +524,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
 let menuPanelUid = 0;
 const LIB_MENU = {
     provide: THESEAM_MENU_PANEL,
-    // tslint:disable-next-line:no-use-before-declare
-    useExisting: forwardRef(() => MenuComponent)
+    useExisting: forwardRef(() => MenuComponent),
 };
 class MenuComponent {
     _ngUnsubscribe = new Subject();
     panelId = `menu-panel-${menuPanelUid++}`;
     _footer = new BehaviorSubject(undefined);
-    hasFooter$ = this._footer.pipe(map(v => v !== null && v !== undefined));
+    hasFooter$ = this._footer.pipe(map((v) => v !== null && v !== undefined));
     _header = new BehaviorSubject(undefined);
-    hasHeader$ = this._header.pipe(map(v => v !== null && v !== undefined));
+    hasHeader$ = this._header.pipe(map((v) => v !== null && v !== undefined));
     _keyManager;
     /** Menu items inside the current menu. */
     _items = [];
@@ -555,7 +555,9 @@ class MenuComponent {
      * Defines a width for a menu that will scale down if the window innerWidth is
      * smaller than the value.
      */
-    get baseWidth() { return this._baseWidth.value; }
+    get baseWidth() {
+        return this._baseWidth.value;
+    }
     set baseWidth(value) {
         const _val = coerceNumberProperty(value, null);
         if (_val !== this._baseWidth.value) {
@@ -566,9 +568,11 @@ class MenuComponent {
     _menuWidth$;
     animationType = 'slide';
     constructor() {
-        this._menuWidth$ = this._baseWidth.pipe(switchMap(baseWidth => {
+        this._menuWidth$ = this._baseWidth.pipe(switchMap((baseWidth) => {
             if (baseWidth) {
-                return fromEvent(window, 'resize').pipe(startWith(undefined), map(() => window.innerWidth < baseWidth ? `${window.innerWidth}px` : `${baseWidth}px`));
+                return fromEvent(window, 'resize').pipe(startWith(undefined), map(() => window.innerWidth < baseWidth
+                    ? `${window.innerWidth}px`
+                    : `${baseWidth}px`));
             }
             return of(undefined);
         }), distinctUntilChanged(), takeUntil(this._ngUnsubscribe));
@@ -580,16 +584,17 @@ class MenuComponent {
         this._ngUnsubscribe.complete();
     }
     ngAfterContentInit() {
-        this._keyManager = new FocusKeyManager(this._items).withWrap().withTypeAhead();
+        this._keyManager = new FocusKeyManager(this._items)
+            .withWrap()
+            .withTypeAhead();
         this._tabSubscription = this._keyManager.tabOut.subscribe(() => this.closed.emit('tab'));
     }
     /** Stream that emits whenever the hovered menu item changes. */
     _hovered() {
-        return this._itemChanges.pipe(startWith(this._items), switchMap(items => merge(...items.map(item => item._hovered))));
+        return this._itemChanges.pipe(startWith(this._items), switchMap((items) => merge(...items.map((item) => item._hovered))));
     }
     /** Handle a keyboard event from the menu, delegating to the appropriate action. */
     _handleKeydown(event) {
-        // tslint:disable-next-line:deprecation
         const keyCode = event.keyCode;
         const manager = this._keyManager;
         switch (keyCode) {
@@ -612,7 +617,12 @@ class MenuComponent {
             case HOME:
             case END:
                 if (!hasModifierKey(event)) {
-                    keyCode === HOME ? manager?.setFirstItemActive() : manager?.setLastItemActive();
+                    if (keyCode === HOME) {
+                        manager?.setFirstItemActive();
+                    }
+                    else {
+                        manager?.setLastItemActive();
+                    }
                     event.preventDefault();
                 }
                 break;
@@ -688,22 +698,22 @@ class MenuComponent {
             event.element.scrollTop = 0;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MenuComponent, isStandalone: false, selector: "seam-menu", inputs: { menuClass: "menuClass", baseWidth: "baseWidth", animationType: "animationType" }, outputs: { closed: "closed" }, providers: [LIB_MENU], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["seamMenu"], ngImport: i0, template: "<ng-template>\n  <div class=\"seam-menu-container\"\n    @slideDown\n    (@slideDown.start)=\"_onAnimationStart($event)\"\n    (@slideDown.done)=\"_onAnimationDone($event)\"\n    [class.seam-menu-anim--slide]=\"animationType==='slide'\"\n    [class.seam-menu-anim--fade]=\"animationType==='fade'\"\n    [id]=\"panelId\">\n    <div class=\"dropdown-menu show position-static{{ menuClass ? ' ' + menuClass : '' }}\"\n      [style.width]=\"_menuWidth$ | async\"\n      [class.pt-0]=\"hasHeader$ | async\"\n      [class.pb-0]=\"hasFooter$ | async\"\n      (keydown)=\"_handleKeydown($event)\"\n      (click)=\"_dropdownMenuClick($event)\"\n      tabindex=\"-1\"\n      role=\"menu\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n", styles: [".seam-menu-container.seam-menu-anim--slide{overflow:hidden}.seam-menu-container.ng-animating,.dropdown-menu.ng-animating{-webkit-user-select:none;user-select:none;pointer-events:none}\n"], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MenuComponent, isStandalone: false, selector: "seam-menu", inputs: { menuClass: "menuClass", baseWidth: "baseWidth", animationType: "animationType" }, outputs: { closed: "closed" }, providers: [LIB_MENU], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["seamMenu"], ngImport: i0, template: "<ng-template>\n  <div\n    class=\"seam-menu-container\"\n    @slideDown\n    (@slideDown.start)=\"_onAnimationStart($event)\"\n    (@slideDown.done)=\"_onAnimationDone($event)\"\n    [class.seam-menu-anim--slide]=\"animationType === 'slide'\"\n    [class.seam-menu-anim--fade]=\"animationType === 'fade'\"\n    [id]=\"panelId\"\n  >\n    <div\n      class=\"dropdown-menu show position-static{{\n        menuClass ? ' ' + menuClass : ''\n      }}\"\n      [style.width]=\"_menuWidth$ | async\"\n      [class.pt-0]=\"hasHeader$ | async\"\n      [class.pb-0]=\"hasFooter$ | async\"\n      (keydown)=\"_handleKeydown($event)\"\n      (click)=\"_dropdownMenuClick($event)\"\n      tabindex=\"-1\"\n      role=\"menu\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n", styles: [".seam-menu-container.seam-menu-anim--slide{overflow:hidden}.seam-menu-container.ng-animating,.dropdown-menu.ng-animating{-webkit-user-select:none;user-select:none;pointer-events:none}\n"], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [
             trigger('slideDown', [
                 transition(':enter', useAnimation(menuDropdownPanelIn)),
                 transition(':leave', useAnimation(menuDropdownPanelOut)),
-            ])
+            ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-menu', providers: [LIB_MENU], animations: [
                         trigger('slideDown', [
                             transition(':enter', useAnimation(menuDropdownPanelIn)),
                             transition(':leave', useAnimation(menuDropdownPanelOut)),
-                        ])
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamMenu', standalone: false, template: "<ng-template>\n  <div class=\"seam-menu-container\"\n    @slideDown\n    (@slideDown.start)=\"_onAnimationStart($event)\"\n    (@slideDown.done)=\"_onAnimationDone($event)\"\n    [class.seam-menu-anim--slide]=\"animationType==='slide'\"\n    [class.seam-menu-anim--fade]=\"animationType==='fade'\"\n    [id]=\"panelId\">\n    <div class=\"dropdown-menu show position-static{{ menuClass ? ' ' + menuClass : '' }}\"\n      [style.width]=\"_menuWidth$ | async\"\n      [class.pt-0]=\"hasHeader$ | async\"\n      [class.pb-0]=\"hasFooter$ | async\"\n      (keydown)=\"_handleKeydown($event)\"\n      (click)=\"_dropdownMenuClick($event)\"\n      tabindex=\"-1\"\n      role=\"menu\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n", styles: [".seam-menu-container.seam-menu-anim--slide{overflow:hidden}.seam-menu-container.ng-animating,.dropdown-menu.ng-animating{-webkit-user-select:none;user-select:none;pointer-events:none}\n"] }]
+                        ]),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamMenu', standalone: false, template: "<ng-template>\n  <div\n    class=\"seam-menu-container\"\n    @slideDown\n    (@slideDown.start)=\"_onAnimationStart($event)\"\n    (@slideDown.done)=\"_onAnimationDone($event)\"\n    [class.seam-menu-anim--slide]=\"animationType === 'slide'\"\n    [class.seam-menu-anim--fade]=\"animationType === 'fade'\"\n    [id]=\"panelId\"\n  >\n    <div\n      class=\"dropdown-menu show position-static{{\n        menuClass ? ' ' + menuClass : ''\n      }}\"\n      [style.width]=\"_menuWidth$ | async\"\n      [class.pt-0]=\"hasHeader$ | async\"\n      [class.pb-0]=\"hasFooter$ | async\"\n      (keydown)=\"_handleKeydown($event)\"\n      (click)=\"_dropdownMenuClick($event)\"\n      tabindex=\"-1\"\n      role=\"menu\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n", styles: [".seam-menu-container.seam-menu-anim--slide{overflow:hidden}.seam-menu-container.ng-animating,.dropdown-menu.ng-animating{-webkit-user-select:none;user-select:none;pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { templateRef: [{
                 type: ViewChild,
                 args: [TemplateRef]
@@ -718,7 +728,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 /** Options for binding a passive event listener. */
-const passiveEventListenerOptions = normalizePassiveListenerOptions({ passive: true });
+const passiveEventListenerOptions = normalizePassiveListenerOptions({
+    passive: true,
+});
 class MenuToggleDirective {
     _elementRef;
     _viewContainerRef;
@@ -738,7 +750,9 @@ class MenuToggleDirective {
     // Tracking input type is necessary so it's possible to only auto-focus
     // the first item of the list when the menu is opened via the keyboard
     _openedBy = null;
-    get menu() { return this._menu; }
+    get menu() {
+        return this._menu;
+    }
     set menu(menu) {
         if (menu === this._menu) {
             return;
@@ -746,7 +760,8 @@ class MenuToggleDirective {
         this._menu = menu;
         this._menuClosedSubscription.unsubscribe();
         if (menu) {
-            if (menu === this._parentMenuComponent && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+            if (menu === this._parentMenuComponent &&
+                (typeof ngDevMode === 'undefined' || ngDevMode)) {
                 throw Error(`seamMenuToggle: 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.`);
             }
@@ -754,7 +769,8 @@ class MenuToggleDirective {
                 // this._destroyMenu(reason)
                 this.closeMenu();
                 // If a click closed the menu, we should close the entire chain of nested menus.
-                if ((reason === 'click' || reason === 'tab') && this._parentMenuComponent) {
+                if ((reason === 'click' || reason === 'tab') &&
+                    this._parentMenuComponent) {
                     this._parentMenuComponent.closed.emit(reason);
                 }
             });
@@ -854,7 +870,6 @@ class MenuToggleDirective {
     _onKeydown(event) {
         this._openedBy = null;
         // console.log('keydown', event)
-        // tslint:disable-next-line:deprecation
         const keyCode = event.keyCode;
         if (keyCode === UP_ARROW || keyCode === DOWN_ARROW) {
             if (this.menuOpen()) {
@@ -903,7 +918,8 @@ class MenuToggleDirective {
         this._parentMenu = _parentMenu;
         this._menuItemInstance = _menuItemInstance;
         this._dir = _dir;
-        this._parentMenuComponent = this._parentMenu instanceof MenuComponent ? this._parentMenu : undefined;
+        this._parentMenuComponent =
+            this._parentMenu instanceof MenuComponent ? this._parentMenu : undefined;
         this._elementRef.nativeElement.addEventListener('touchstart', this._handleTouchStart, passiveEventListenerOptions);
     }
     ngOnDestroy() {
@@ -920,7 +936,7 @@ class MenuToggleDirective {
      * Handles touch start events on the trigger.
      * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.
      */
-    _handleTouchStart = () => this._openedBy = 'touch';
+    _handleTouchStart = () => (this._openedBy = 'touch');
     toggle() {
         if (this._active) {
             this.closeMenu();
@@ -946,7 +962,7 @@ class MenuToggleDirective {
         this._overlayRef.attach(new TemplatePortal(tpl, this._viewContainerRef));
         this._closingActionsSubscription = this._menuClosingActions().subscribe(() => this.closeMenu());
         this._initMenu(this.menu);
-        this._menuClosedSubscription = this.menu.closed.subscribe(v => {
+        this._menuClosedSubscription = this.menu.closed.subscribe((v) => {
             // console.log('closed', v)
             this.closeMenu();
         });
@@ -988,7 +1004,8 @@ class MenuToggleDirective {
         return (this._overlayRef && this._overlayRef.hasAttached()) ?? false;
     }
     getOverlayPosition(origin) {
-        const positionStrategy = this._overlay.position()
+        const positionStrategy = this._overlay
+            .position()
             .flexibleConnectedTo(origin)
             .withPositions(this.positions)
             .withFlexibleDimensions(false)
@@ -1043,7 +1060,12 @@ class MenuToggleDirective {
     _setIsMenuOpen(isOpen) {
         if (isOpen !== this.menuOpen()) {
             // this._menuOpen = isOpen
-            this.menuOpen() ? this.menuOpened.emit() : this.menuClosed.emit();
+            if (this.menuOpen()) {
+                this.menuOpened.emit();
+            }
+            else {
+                this.menuClosed.emit();
+            }
             if (this.triggersSubmenu()) {
                 this._menuItemInstance?._setHighlighted(isOpen);
             }
@@ -1055,7 +1077,9 @@ class MenuToggleDirective {
         const backdrop = this._overlayRef?.backdropClick() ?? of();
         const detachments = this._overlayRef?.detachments() ?? of();
         const parentClose = this._parentMenu ? this._parentMenu.closed : of();
-        const hover = this._parentMenuComponent ? this._parentMenuComponent._hovered().pipe(filter(active => active !== this._menuItemInstance), filter(() => this.menuOpen())) : of();
+        const hover = this._parentMenuComponent
+            ? this._parentMenuComponent._hovered().pipe(filter((active) => active !== this._menuItemInstance), filter(() => this.menuOpen()))
+            : of();
         return merge(backdrop, parentClose, hover, detachments);
     }
     /** Handles the cases where the user hovers over the trigger. */
@@ -1069,7 +1093,7 @@ class MenuToggleDirective {
             // Since we might have multiple competing triggers for the same menu (e.g. a sub-menu
             // with different data and triggers), we have to delay it by a tick to ensure that
             // it won't be closed immediately after it is opened.
-            .pipe(filter(active => active === this._menuItemInstance && !active.disabled), delay(0, asapScheduler))
+            .pipe(filter((active) => active === this._menuItemInstance && !active.disabled), delay(0, asapScheduler))
             .subscribe(() => {
             this._openedBy = 'mouse';
             // If the same menu is used between multiple triggers, it might still be animating
@@ -1087,25 +1111,24 @@ class MenuToggleDirective {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuToggleDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1$1.Overlay }, { token: i1.FocusMonitor }, { token: THESEAM_MENU_PANEL, optional: true }, { token: MenuItemComponent, optional: true, self: true }, { token: i4.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: MenuToggleDirective, isStandalone: false, selector: "[seamMenuToggle]", inputs: { menu: ["seamMenuToggle", "menu"], positions: "positions", seamMenuTogglePositionsOffsetY: "seamMenuTogglePositionsOffsetY" }, outputs: { menuToggle: "menuToggle", menuOpened: "menuOpened", menuClosed: "menuClosed" }, host: { attributes: { "aria-haspopup": "true" }, listeners: { "mousedown": "_onMouseDown($event)", "keydown": "_onKeydown($event)", "click": "_onClick($event)", "document:keydown": "_onDocumentKeydown($event)" }, properties: { "attr.aria-expanded": "menuOpen() || null", "attr.aria-controls": "menuOpen() ? menu.panelId : null" }, classAttribute: "seam-menu-toggle" }, exportAs: ["seamMenuToggle"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuToggleDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1$1.Overlay }, { token: i1.FocusMonitor }, { token: THESEAM_MENU_PANEL, optional: true }, { token: MenuItemComponent, optional: true, self: true }, { token: i4.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: MenuToggleDirective, isStandalone: false, selector: "[seamMenuToggle]", inputs: { menu: ["seamMenuToggle", "menu"], positions: "positions", seamMenuTogglePositionsOffsetY: "seamMenuTogglePositionsOffsetY" }, outputs: { menuToggle: "menuToggle", menuOpened: "menuOpened", menuClosed: "menuClosed" }, host: { attributes: { "aria-haspopup": "true" }, listeners: { "mousedown": "_onMouseDown($event)", "keydown": "_onKeydown($event)", "click": "_onClick($event)", "document:keydown": "_onDocumentKeydown($event)" }, properties: { "attr.aria-expanded": "menuOpen() || null", "attr.aria-controls": "menuOpen() ? menu.panelId : null" }, classAttribute: "seam-menu-toggle" }, exportAs: ["seamMenuToggle"], ngImport: i0 });
 }
 __decorate([
     InputNumber(0)
 ], MenuToggleDirective.prototype, "seamMenuTogglePositionsOffsetY", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuToggleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamMenuToggle]',
-                    // tslint:disable-next-line:use-host-property-decorator
                     host: {
-                        'class': 'seam-menu-toggle',
+                        class: 'seam-menu-toggle',
                         'aria-haspopup': 'true',
                         '[attr.aria-expanded]': 'menuOpen() || null',
                         '[attr.aria-controls]': 'menuOpen() ? menu.panelId : null',
                     },
                     exportAs: 'seamMenuToggle',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1$1.Overlay }, { type: i1.FocusMonitor }, { type: undefined, decorators: [{
                     type: Inject,
@@ -1148,18 +1171,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
 // TODO: Split up the button and anchor classes.
 class MenuFooterActionComponent {
     _elementRef;
-    get _attrType() { return this.type; }
+    get _attrType() {
+        return this.type;
+    }
     /** ARIA type for the button. */
-    get type() { return this._isButton() ? this._type || 'button' : undefined; }
+    get type() {
+        return this._isButton() ? this._type || 'button' : undefined;
+    }
     set type(value) {
         this._type = value;
     }
     _type;
-    get _classBtn() { return this._isButton(); }
-    get _classBtnLink() { return this._isButton(); }
-    get _stylePadding() { return this._isButton() && 0; }
-    get _styleBorder() { return this._isButton() && 0; }
-    get _styleDisplay() { return this._isButton() && 'inline'; }
+    get _classBtn() {
+        return this._isButton();
+    }
+    get _classBtnLink() {
+        return this._isButton();
+    }
+    get _stylePadding() {
+        return this._isButton() && 0;
+    }
+    get _styleBorder() {
+        return this._isButton() && 0;
+    }
+    get _styleDisplay() {
+        return this._isButton() && 'inline';
+    }
     constructor(_elementRef) {
         this._elementRef = _elementRef;
     }
@@ -1171,10 +1208,10 @@ class MenuFooterActionComponent {
     _isAnchor() {
         return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuFooterActionComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MenuFooterActionComponent, isStandalone: false, selector: "button[seamMenuFooterAction],a[seamMenuFooterAction]", inputs: { type: "type" }, host: { properties: { "attr.type": "this._attrType", "class.btn": "this._classBtn", "class.btn-link": "this._classBtnLink", "style.padding.px": "this._stylePadding", "style.border.px": "this._styleBorder", "style.display.px": "this._styleDisplay" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuFooterActionComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MenuFooterActionComponent, isStandalone: false, selector: "button[seamMenuFooterAction],a[seamMenuFooterAction]", inputs: { type: "type" }, host: { properties: { "attr.type": "this._attrType", "class.btn": "this._classBtn", "class.btn-link": "this._classBtnLink", "style.padding.px": "this._stylePadding", "style.border.px": "this._styleBorder", "style.display.px": "this._styleDisplay" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuFooterActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuFooterActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[seamMenuFooterAction],a[seamMenuFooterAction]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _attrType: [{
@@ -1214,14 +1251,14 @@ class MenuFooterComponent {
             this._parentMenu.setFooter(undefined);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuFooterComponent, deps: [{ token: THESEAM_MENU_PANEL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MenuFooterComponent, isStandalone: false, selector: "seam-menu-footer", host: { classAttribute: "d-flex flex-column text-center bg-light border-top rounded-bottom py-2" }, ngImport: i0, template: "<ng-content select=\"a[seamMenuFooterAction],button[seamMenuFooterAction]\"></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuFooterComponent, deps: [{ token: THESEAM_MENU_PANEL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MenuFooterComponent, isStandalone: false, selector: "seam-menu-footer", host: { classAttribute: "d-flex flex-column text-center bg-light border-top rounded-bottom py-2" }, ngImport: i0, template: "<ng-content\n  select=\"a[seamMenuFooterAction],button[seamMenuFooterAction]\"\n></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-menu-footer', host: {
-                        'class': 'd-flex flex-column text-center bg-light border-top rounded-bottom py-2'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"a[seamMenuFooterAction],button[seamMenuFooterAction]\"></ng-content>\n" }]
+                        class: 'd-flex flex-column text-center bg-light border-top rounded-bottom py-2',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content\n  select=\"a[seamMenuFooterAction],button[seamMenuFooterAction]\"\n></ng-content>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [THESEAM_MENU_PANEL]
@@ -1244,13 +1281,13 @@ class MenuHeaderComponent {
             this._parentMenu.setHeader(undefined);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuHeaderComponent, deps: [{ token: THESEAM_MENU_PANEL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MenuHeaderComponent, isStandalone: false, selector: "seam-menu-header", host: { classAttribute: "d-flex flex-column bg-light border-bottom rounded-top py-2 mb-2" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuHeaderComponent, deps: [{ token: THESEAM_MENU_PANEL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MenuHeaderComponent, isStandalone: false, selector: "seam-menu-header", host: { classAttribute: "d-flex flex-column bg-light border-bottom rounded-top py-2 mb-2" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MenuHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-menu-header', host: {
-                        'class': 'd-flex flex-column bg-light border-bottom rounded-top py-2 mb-2'
+                        class: 'd-flex flex-column bg-light border-bottom rounded-top py-2 mb-2',
                     }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -1260,16 +1297,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }] }] });
 
 class TheSeamMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamMenuModule, declarations: [MenuComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamMenuModule, declarations: [MenuComponent,
             MenuToggleDirective,
             MenuItemComponent,
             MenuDividerComponent,
             MenuFooterComponent,
             MenuFooterActionComponent,
-            MenuHeaderComponent], imports: [CommonModule,
-            OverlayModule,
-            TheSeamIconModule], exports: [MenuComponent,
+            MenuHeaderComponent], imports: [CommonModule, OverlayModule, TheSeamIconModule], exports: [MenuComponent,
             MenuToggleDirective,
             MenuItemComponent,
             MenuDividerComponent,
@@ -1278,12 +1313,10 @@ class TheSeamMenuModule {
             MenuFooterComponent,
             MenuFooterActionComponent,
             MenuHeaderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamMenuModule, imports: [CommonModule,
-            OverlayModule,
-            TheSeamIconModule, TheSeamIconModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamMenuModule, imports: [CommonModule, OverlayModule, TheSeamIconModule, TheSeamIconModule,
             OverlayModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1295,11 +1328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MenuFooterActionComponent,
                         MenuHeaderComponent,
                     ],
-                    imports: [
-                        CommonModule,
-                        OverlayModule,
-                        TheSeamIconModule
-                    ],
+                    imports: [CommonModule, OverlayModule, TheSeamIconModule],
                     exports: [
                         MenuComponent,
                         MenuToggleDirective,
@@ -1309,8 +1338,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         OverlayModule,
                         MenuFooterComponent,
                         MenuFooterActionComponent,
-                        MenuHeaderComponent
-                    ]
+                        MenuHeaderComponent,
+                    ],
                 }]
         }] });