@theseam/ui-common 0.2.9

package/menu/menu-footer-action/menu-footer-action.component.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef } from '@angular/core';
+export declare class MenuFooterActionComponent {
+    private _elementRef;
+    get _attrType(): "reset" | "submit" | "button" | null | undefined;
+    /** ARIA type for the button. */
+    get type(): 'button' | 'submit' | 'reset' | undefined | null;
+    set type(value: 'button' | 'submit' | 'reset' | undefined | null);
+    private _type;
+    get _classBtn(): boolean;
+    get _classBtnLink(): boolean;
+    get _stylePadding(): false | 0;
+    get _styleBorder(): false | 0;
+    get _styleDisplay(): false | "inline";
+    constructor(_elementRef: ElementRef);
+    /** Determines if the component host is a button. */
+    protected _isButton(): boolean;
+    /** Determines if the component host is an anchor. */
+    protected _isAnchor(): boolean;
+}

package/menu/menu-header/menu-header.component.d.ts

@@ -0,0 +1,9 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { MenuItemComponent } from '../menu-item.component';
+import type { ITheSeamMenuPanel } from '../menu-panel';
+export declare class MenuHeaderComponent implements OnInit, OnDestroy {
+    private _parentMenu?;
+    constructor(_parentMenu?: ITheSeamMenuPanel<MenuItemComponent> | undefined);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}

package/menu/menu-item.component.d.ts

@@ -0,0 +1,41 @@
+import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
+import { CanDisableCtor } from '@theseam/ui-common/core';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import type { ITheSeamMenuPanel } from './menu-panel';
+declare class TheSeamMenuItemBase {
+}
+declare const _seamMenuItemMixinBase: CanDisableCtor & typeof TheSeamMenuItemBase;
+export declare class MenuItemComponent extends _seamMenuItemMixinBase implements OnInit, OnDestroy, FocusableOption {
+    private _elementRef;
+    document: any;
+    private _focusMonitor;
+    private _parentMenu?;
+    /** ARIA role for the menu item. */
+    role: 'menuitem' | 'menuitemradio' | 'menuitemcheckbox' | undefined | null;
+    icon: SeamIcon | string | undefined | null;
+    iconClass: string | undefined | null;
+    badgeText: string | undefined | null;
+    badgeTheme: string | undefined | null;
+    /** Stream that emits when the menu item is hovered. */
+    readonly _hovered: Subject<MenuItemComponent>;
+    /** Whether the menu item is highlighted. */
+    _highlighted: boolean;
+    constructor(_elementRef: ElementRef<HTMLElement>, document: any, _focusMonitor: FocusMonitor, _parentMenu?: ITheSeamMenuPanel<MenuItemComponent> | undefined);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Focuses the menu item. */
+    focus(origin?: FocusOrigin): void;
+    /** Used to set the `tabindex`. */
+    _getTabIndex(): string;
+    /** Returns the host DOM element. */
+    _getHostElement(): HTMLElement;
+    /** Prevents the default element actions if it is disabled. */
+    _checkDisabled(event: Event): void;
+    /** Emits to the hover stream. */
+    _handleMouseEnter(): void;
+    /** Gets the label to be used when determining whether the option should be focused. */
+    getLabel(): string;
+}
+export {};

package/menu/menu-panel-token.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+import { ITheSeamMenuPanel } from './menu-panel';
+/**
+ * Injection token used to provide the parent menu to menu-specific components.
+ */
+export declare const THESEAM_MENU_PANEL: InjectionToken<ITheSeamMenuPanel<any>>;

package/menu/menu-panel.d.ts

@@ -0,0 +1,20 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { Direction } from '@angular/cdk/bidi';
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { MenuFooterComponent } from './menu-footer/menu-footer.component';
+import { MenuHeaderComponent } from './menu-header/menu-header.component';
+/**
+ * Interface for a custom menu panel that can be used with `seamMenuToggle`.
+ */
+export interface ITheSeamMenuPanel<T = any> {
+    templateRef?: TemplateRef<any>;
+    closed: EventEmitter<void | 'click' | 'keydown' | 'tab'>;
+    parentMenu?: ITheSeamMenuPanel | undefined;
+    direction?: Direction;
+    focusFirstItem: (origin?: FocusOrigin) => void;
+    resetActiveItem: () => void;
+    addItem?: (item: T) => void;
+    removeItem?: (item: T) => void;
+    setFooter?: (footer?: MenuFooterComponent) => void;
+    setHeader?: (header?: MenuHeaderComponent) => void;
+}

package/menu/menu-toggle.directive.d.ts

@@ -0,0 +1,53 @@
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { ConnectionPositionPair, Overlay } from '@angular/cdk/overlay';
+import { ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
+import { MenuComponent } from './menu.component';
+export declare class MenuToggleDirective implements OnDestroy {
+    private _elementRef;
+    private _viewContainerRef;
+    private _overlay;
+    private _focusMonitor;
+    private _active;
+    private _overlayRef?;
+    private _menuClosedSubscription;
+    private _closingActionsSubscription;
+    restoreFocus: boolean;
+    _openedBy: 'mouse' | 'touch' | null;
+    seamMenuToggle: MenuComponent | undefined | null;
+    set positions(val: ConnectionPositionPair[]);
+    get positions(): ConnectionPositionPair[];
+    private _positions;
+    _onMouseDown(event: MouseEvent): void;
+    _onKeydown(event: any): void;
+    _onClick(event: any): void;
+    _onDocumentKeydown(event: any): void;
+    constructor(_elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _overlay: Overlay, _focusMonitor: FocusMonitor);
+    ngOnDestroy(): void;
+    /**
+     * Handles touch start events on the trigger.
+     * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.
+     */
+    private _handleTouchStart;
+    toggle(): void;
+    openMenu(): void;
+    closeMenu(): void;
+    menuOpen(): boolean;
+    private getOverlayPosition;
+    /**
+     * Focuses the menu trigger.
+     * @param origin Source of the menu trigger's focus.
+     */
+    focus(origin?: FocusOrigin): void;
+    /**
+     * This method sets the menu state to open and focuses the first item if
+     * the menu was opened via the keyboard.
+     */
+    private _initMenu;
+    /**
+     * This method resets the menu when it's closed, most importantly restoring
+     * focus to the menu trigger if the menu was opened via the keyboard.
+     */
+    private _resetMenu;
+    /** Returns a stream that emits whenever an action that should close the menu occurs. */
+    private _menuClosingActions;
+}

package/menu/menu.component.d.ts

@@ -0,0 +1,62 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { AfterContentInit, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MenuItemComponent } from './menu-item.component';
+import { ITheSeamMenuPanel } from './menu-panel';
+import { MenuFooterComponent } from './menu-footer/menu-footer.component';
+import { MenuHeaderComponent } from './menu-header/menu-header.component';
+export declare const LIB_MENU: any;
+export declare class MenuComponent implements OnDestroy, AfterContentInit, ITheSeamMenuPanel {
+    private readonly _ngUnsubscribe;
+    private _footer;
+    hasFooter$: Observable<boolean>;
+    private _header;
+    hasHeader$: Observable<boolean>;
+    private _keyManager?;
+    /** Menu items inside the current menu. */
+    private _items;
+    /** Emits whenever the amount of menu items changes. */
+    private _itemChanges;
+    /** Subscription to tab events on the menu panel */
+    private _tabSubscription;
+    /** Parent menu of the current menu panel. */
+    parentMenu: ITheSeamMenuPanel | undefined;
+    templateRef?: TemplateRef<any>;
+    readonly closed: EventEmitter<void | "click" | "keydown" | "tab">;
+    menuClass: string | undefined | null;
+    /**
+     * Defines a width for a menu that will scale down if the window innerWidth is
+     * smaller than the value.
+     */
+    get baseWidth(): number | null;
+    set baseWidth(value: number | null);
+    private _baseWidth;
+    _menuWidth$: Observable<string | undefined>;
+    animationType: 'slide' | 'fade';
+    constructor();
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    /** Stream that emits whenever the hovered menu item changes. */
+    _hovered(): Observable<MenuItemComponent>;
+    /** Handle a keyboard event from the menu, delegating to the appropriate action. */
+    _handleKeydown(event: KeyboardEvent): void;
+    /**
+     * Focus the first item in the menu.
+     * @param origin Action from which the focus originated. Used to set the correct styling.
+     */
+    focusFirstItem(origin?: FocusOrigin): void;
+    /**
+     * Resets the active item in the menu. This is used when the menu is opened, allowing
+     * the user to start from the first option when pressing the down arrow.
+     */
+    resetActiveItem(): void;
+    /** Registers a menu item with the menu. */
+    addItem(item: MenuItemComponent): void;
+    /** Removes an item from the menu. */
+    removeItem(item: MenuItemComponent): void;
+    /** Sets the footer component. */
+    setFooter(footer?: MenuFooterComponent): void;
+    /** Sets the header component. */
+    setHeader(header?: MenuHeaderComponent): void;
+    _dropdownMenuClick(event: Event): void;
+}

package/menu/menu.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamMenuModule {
+}

package/menu/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-menu.umd.js",
+  "module": "../fesm2015/theseam-ui-common-menu.js",
+  "es2015": "../fesm2015/theseam-ui-common-menu.js",
+  "esm2015": "../esm2015/menu/theseam-ui-common-menu.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-menu.js",
+  "typings": "theseam-ui-common-menu.d.ts",
+  "metadata": "theseam-ui-common-menu.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/menu"
+}

package/menu/public-api.d.ts

@@ -0,0 +1,11 @@
+export * from './menu-animations';
+export * from './menu-divider.component';
+export * from './menu-item.component';
+export * from './menu-panel-token';
+export * from './menu-panel';
+export * from './menu-toggle.directive';
+export * from './menu.component';
+export * from './menu.module';
+export * from './menu-header/menu-header.component';
+export * from './menu-footer/menu-footer.component';
+export * from './menu-footer-action/menu-footer-action.component';

package/menu/theseam-ui-common-menu.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/menu/theseam-ui-common-menu.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"menuDropdownPanelSlideIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":2,"character":40},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":3,"character":2},"arguments":[{"opacity":0,"transform":"translateY(-70%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":7,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":8,"character":4},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":8,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":4},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":26},"arguments":[{"transform":"translateY(0)"}]}]}]]}]]},"menuDropdownPanelSlideOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":13,"character":41},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":2},"arguments":[{"opacity":1,"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":18,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":4},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":4},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":26},"arguments":[{"transform":"translateY(-70%)"}]}]}]]}]]},"menuDropdownPanelExpandIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":24,"character":41},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":2},"arguments":[{"opacity":0,"transform":"scale(0.8)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":29,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":30,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":31,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":26},"arguments":[{"transform":"scale(1)"}]}]}]]}]]},"menuDropdownPanelExpandOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":35,"character":42},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":2},"arguments":[{"opacity":1,"transform":"scale(1)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":40,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":41,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":41,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":42,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":26},"arguments":[{"transform":"scale(0.8)"}]}]}]]}]]},"menuDropdownPanelFadeIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":46,"character":39},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":2},"arguments":[{"transform":"translateY(-30px)","opacity":"0"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":48,"character":2},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":19},"arguments":[{"transform":"translateY(0)","opacity":"1"}]}]}]]},"menuDropdownPanelFadeOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":51,"character":40},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":52,"character":2},"arguments":[{"transform":"translateY(0)","opacity":"1"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":53,"character":2},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":53,"character":19},"arguments":[{"transform":"translateY(-30px)","opacity":"0"}]}]}]]},"menuDropdownPanelIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":56,"character":35},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":57,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--slide .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":57,"character":69},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelSlideIn"}]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":58,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--fade .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":58,"character":68},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelFadeIn"}]},{"optional":true}]}]]},"menuDropdownPanelOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":61,"character":36},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":62,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--slide .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":62,"character":69},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelSlideOut"}]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":63,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--fade .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":63,"character":68},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelFadeOut"}]},{"optional":true}]}]]},"MenuDividerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-menu-divider","template":"","styles":[],"host":{"class":"dropdown-divider d-block","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"}}]}],"members":{}},"MenuItemComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":34,"character":39,"module":"./menu-item.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"[seamMenuItem]","exportAs":"seamMenuItem","inputs":["disabled"],"host":{"[attr.role]":"role","class":"dropdown-item","[attr.tabindex]":"_getTabIndex()","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.role]","class","[attr.tabindex]","[attr.aria-disabled]","[attr.disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"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  <!-- <span class=\"text-nowrap\">\n    <ng-content></ng-content>\n  </span> -->\n  <div class=\"text-truncate\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"badgeText\">\n    <span class=\"badge badge-pill{{ badgeTheme ? ' badge-' + badgeTheme : '' }} position-relative\"\n      style=\"top: -8px\"\n      >{{ badgeText }}</span>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"badgeTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":53,"character":12}]}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":52,"character":36,"context":{"typeName":"HTMLElement"},"module":"./menu-item.component"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":54,"character":27},{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}],"_checkDisabled":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":106,"character":3},"arguments":["click",["$event"]]}]}],"_handleMouseEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":115,"character":3},"arguments":["mouseenter"]}]}],"getLabel":[{"__symbolic":"method"}]}},"THESEAM_MENU_PANEL":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":38},"arguments":["THESEAM_MENU_PANEL"]},"ITheSeamMenuPanel":{"__symbolic":"interface"},"MenuToggleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"[seamMenuToggle]","host":{"aria-haspopup":"true","[attr.aria-expanded]":"menuOpen() || null","$quoted$":["aria-haspopup","[attr.aria-expanded]"]},"exportAs":"seamMenuToggle"}]}],"members":{"seamMenuToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"positions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"_onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":75,"character":3},"arguments":["mousedown",["$event"]]}]}],"_onKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":91,"character":3},"arguments":["keydown",["$event"]]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":105,"character":3},"arguments":["click",["$event"]]}]}],"_onDocumentKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":110,"character":3},"arguments":["document:keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":123,"character":36,"context":{"typeName":"HTMLElement"},"module":"./menu-toggle.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":124,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":125,"character":22},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":126,"character":27}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"openMenu":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"menuOpen":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_initMenu":[{"__symbolic":"method"}],"_resetMenu":[{"__symbolic":"method"}],"_menuClosingActions":[{"__symbolic":"method"}]}},"LIB_MENU":{"provide":{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"},"useExisting":{"__symbolic":"reference","name":"MenuComponent"}},"MenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"seam-menu","providers":[{"__symbolic":"reference","name":"LIB_MENU"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":40,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":41,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":41,"character":27},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelIn"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":42,"character":6},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":42,"character":27},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelOut"}]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"exportAs":"seamMenu","template":"<ng-template>\n  <div class=\"seam-menu-container\" @slideDown\n    [class.seam-menu-anim--slide]=\"animationType==='slide'\"\n    [class.seam-menu-anim--fade]=\"animationType==='fade'\">\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}.dropdown-menu.ng-animating,.seam-menu-container.ng-animating{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}"]}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":72,"character":13}]}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"menuClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"baseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"animationType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"_hovered":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"resetActiveItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"setFooter":[{"__symbolic":"method"}],"setHeader":[{"__symbolic":"method"}],"_dropdownMenuClick":[{"__symbolic":"method"}]}},"TheSeamMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuToggleDirective"},{"__symbolic":"reference","name":"MenuItemComponent"},{"__symbolic":"reference","name":"MenuDividerComponent"},{"__symbolic":"reference","name":"MenuFooterComponent"},{"__symbolic":"reference","name":"MenuFooterActionComponent"},{"__symbolic":"reference","name":"MenuHeaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":26,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":27,"character":4}],"exports":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuToggleDirective"},{"__symbolic":"reference","name":"MenuItemComponent"},{"__symbolic":"reference","name":"MenuDividerComponent"},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":36,"character":4},{"__symbolic":"reference","name":"MenuFooterComponent"},{"__symbolic":"reference","name":"MenuFooterActionComponent"},{"__symbolic":"reference","name":"MenuHeaderComponent"}]}]}],"members":{}},"MenuHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-menu-header","host":{"class":"d-flex flex-column bg-light border-bottom rounded-top py-2 mb-2","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MenuFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-menu-footer","host":{"class":"d-flex flex-column text-center bg-light border-top rounded-bottom py-2","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<ng-content select=\"a[seamMenuFooterAction],button[seamMenuFooterAction]\"></ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MenuFooterActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"button[seamMenuFooterAction],a[seamMenuFooterAction]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["attr.type"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"_classBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["class.btn"]}]}],"_classBtnLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.btn-link"]}]}],"_stylePadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["style.padding.px"]}]}],"_styleBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["style.border.px"]}]}],"_styleDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["style.display.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":25}]}],"_isButton":[{"__symbolic":"method"}],"_isAnchor":[{"__symbolic":"method"}]}}},"origins":{"menuDropdownPanelSlideIn":"./menu-animations","menuDropdownPanelSlideOut":"./menu-animations","menuDropdownPanelExpandIn":"./menu-animations","menuDropdownPanelExpandOut":"./menu-animations","menuDropdownPanelFadeIn":"./menu-animations","menuDropdownPanelFadeOut":"./menu-animations","menuDropdownPanelIn":"./menu-animations","menuDropdownPanelOut":"./menu-animations","MenuDividerComponent":"./menu-divider.component","MenuItemComponent":"./menu-item.component","THESEAM_MENU_PANEL":"./menu-panel-token","ITheSeamMenuPanel":"./menu-panel","MenuToggleDirective":"./menu-toggle.directive","LIB_MENU":"./menu.component","MenuComponent":"./menu.component","TheSeamMenuModule":"./menu.module","MenuHeaderComponent":"./menu-header/menu-header.component","MenuFooterComponent":"./menu-footer/menu-footer.component","MenuFooterActionComponent":"./menu-footer-action/menu-footer-action.component"},"importAs":"@theseam/ui-common/menu"}

package/modal/directives/modal-close.directive.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { ModalRef } from '../modal-ref';
+import { Modal } from '../modal.service';
+export declare class ModalCloseDirective implements OnInit {
+    private _elementRef;
+    private _modal;
+    private _modalRef?;
+    modalRef: ModalRef<any> | undefined | null;
+    get _attrType(): string;
+    type: string;
+    get _attrAriaLabel(): string | null;
+    /** Screenreader label for the button. */
+    ariaLabel: string | undefined | null;
+    seamModalClose: any;
+    seamModalNext: any;
+    seamModalNextConfig: any;
+    _onClick(): void;
+    constructor(_elementRef: ElementRef<HTMLElement>, _modal: Modal, _modalRef?: ModalRef<any, any> | undefined);
+    ngOnInit(): void;
+}

package/modal/directives/modal-footer-tpl.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class ModalFooterTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/modal/directives/modal-header-icon-tpl.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class ModalHeaderIconTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/modal/directives/modal-header-title-tpl.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class ModalHeaderTitleTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/modal/directives/modal-title.directive.d.ts

@@ -0,0 +1,6 @@
+import { ElementRef } from '@angular/core';
+export declare class ModalTitleDirective {
+    private _elementRef;
+    _modalTitleCss: boolean;
+    constructor(_elementRef: ElementRef<HTMLElement>);
+}

package/modal/directives/modal.directive.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import { Modal } from '../modal.service';
+export declare class ModalDirective {
+    template: TemplateRef<HTMLElement>;
+    modal: Modal;
+    constructor(template: TemplateRef<HTMLElement>, modal: Modal);
+    open(): void;
+}

package/modal/modal/modal.component.d.ts

@@ -0,0 +1,56 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { AfterViewInit, EventEmitter, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import { ModalFooterTplDirective } from '../directives/modal-footer-tpl.directive';
+import { ModalHeaderIconTplDirective } from '../directives/modal-header-icon-tpl.directive';
+import { ModalHeaderTitleTplDirective } from '../directives/modal-header-title-tpl.directive';
+import { IModalContainer } from '../modal.models';
+export declare const LIB_MODAL: any;
+export declare class ModalComponent implements OnInit, OnDestroy, AfterViewInit, IModalContainer {
+    private _viewContainerRef;
+    private _overlay;
+    private _route;
+    static ngAcceptInputType_showCloseBtn: BooleanInput;
+    set closeOnKeyPressed(value: number[]);
+    get closeOnKeyPressed(): number[];
+    private _closeOnKeyPressed;
+    showCloseBtn: boolean;
+    titleText: string | undefined | null;
+    get icon(): SeamIcon | undefined;
+    set icon(value: SeamIcon | undefined);
+    _iconUrl: string | undefined;
+    _iconObj: IconProp | undefined;
+    get iconTpl(): TemplateRef<HTMLElement> | undefined;
+    set iconTpl(value: TemplateRef<HTMLElement> | undefined);
+    private _iconTpl?;
+    get titleTpl(): TemplateRef<HTMLElement> | undefined;
+    set titleTpl(value: TemplateRef<HTMLElement> | undefined);
+    private _titleTpl?;
+    get footerTpl(): TemplateRef<HTMLElement> | undefined;
+    set footerTpl(value: TemplateRef<HTMLElement> | undefined);
+    private _footerTpl?;
+    modalClosed: EventEmitter<void>;
+    _overlayRef?: OverlayRef;
+    overlayDetached: EventEmitter<void>;
+    _queryIconTpl?: ModalHeaderIconTplDirective;
+    _queryTitleTpl?: ModalHeaderTitleTplDirective;
+    _queryFooterTpl?: ModalFooterTplDirective;
+    _modalTpl?: TemplateRef<HTMLElement>;
+    /** Makes the modal container a form with this formGroup. */
+    form: FormGroup | undefined | null;
+    /** Emit the `(ngSubmit)` event. NOTE: Only if `form` is defined. */
+    formSubmit: EventEmitter<void>;
+    constructor(_viewContainerRef: ViewContainerRef, _overlay: Overlay, _route: ActivatedRoute);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    open(portal?: TemplatePortal | ComponentPortal<{}>): void;
+    close(): void;
+    _onSubmit(): void;
+    isRouteModal(): boolean;
+}

package/modal/modal-body/modal-body.component.d.ts

@@ -0,0 +1,7 @@
+import { OnInit } from '@angular/core';
+export declare class ModalBodyComponent implements OnInit {
+    _modalBodyCss: boolean;
+    _paddingCss: boolean;
+    constructor();
+    ngOnInit(): void;
+}

package/modal/modal-config.d.ts

@@ -0,0 +1,93 @@
+import { Direction } from '@angular/cdk/bidi';
+import { ComponentType } from '@angular/cdk/overlay';
+import { InjectionToken, ViewContainerRef } from '@angular/core';
+import { ModalContainerComponent } from './modal-container/modal-container.component';
+/** Valid ARIA roles for a dialog element. */
+export declare type DialogRole = 'dialog' | 'alertdialog';
+/** Possible overrides for a dialog's position. */
+export interface IModalPosition {
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+}
+export declare class ModalConfig<D = any> {
+    /** Component to use as the container for the dialog. */
+    containerComponent?: ComponentType<ModalContainerComponent>;
+    /**
+     * Where the attached component should live in Angular's *logical* component tree.
+     * This affects what is available for injection and the change detection order for the
+     * component instantiated inside of the dialog. This does not affect where the dialog
+     * content will be rendered.
+     */
+    viewContainerRef?: ViewContainerRef;
+    /** The id of the dialog. */
+    id?: string;
+    /** The ARIA role of the dialog. */
+    role?: DialogRole;
+    /** Custom class(es) for the overlay panel. */
+    panelClass?: string | string[];
+    /** Whether the dialog has a background. */
+    hasBackdrop?: boolean;
+    /** Custom class(es) for the backdrop. */
+    backdropClass?: string | undefined;
+    /** Whether the dialog can be closed by user interaction. */
+    disableClose?: boolean;
+    /** The width of the dialog. */
+    width?: string;
+    /** The height of the dialog. */
+    height?: string;
+    /** The minimum width of the dialog. */
+    minWidth?: string | number;
+    /** The minimum height of the dialog. */
+    minHeight?: string | number;
+    /** The maximum width of the dialog. */
+    maxWidth?: string | number;
+    /** The maximum height of the dialog. */
+    maxHeight?: string | number;
+    /** The position of the dialog. */
+    position?: IModalPosition;
+    /** Data to be injected into the dialog content. */
+    data?: D | null;
+    /** The layout direction for the dialog content. */
+    direction?: Direction;
+    /** ID of the element that describes the dialog. */
+    ariaDescribedBy?: string | null;
+    /** Aria label to assign to the dialog element */
+    ariaLabel?: string | null;
+    /** Whether the dialog should focus the first focusable element on open. */
+    autoFocus?: boolean;
+    /** Duration of the enter animation. Has to be a valid CSS value (e.g. 100ms). */
+    enterAnimationDuration?: string;
+    /** Duration of the exit animation. Has to be a valid CSS value (e.g. 50ms). */
+    exitAnimationDuration?: string;
+    /** Bootstrap modal sizes */
+    modalSize?: 'sm' | 'lg' | 'xl';
+}
+export declare function mergeModalConfigs(a: ModalConfig, b: ModalConfig): {
+    containerComponent?: ComponentType<ModalContainerComponent> | undefined;
+    viewContainerRef?: ViewContainerRef | undefined;
+    id?: string | undefined;
+    role?: DialogRole | undefined;
+    panelClass?: string | string[] | undefined;
+    hasBackdrop?: boolean | undefined;
+    backdropClass?: string | undefined;
+    disableClose?: boolean | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    minWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    position?: IModalPosition | undefined;
+    data?: any;
+    direction?: Direction | undefined;
+    ariaDescribedBy?: string | null | undefined;
+    ariaLabel?: string | null | undefined;
+    autoFocus?: boolean | undefined;
+    enterAnimationDuration?: string | undefined;
+    exitAnimationDuration?: string | undefined;
+    modalSize?: "sm" | "lg" | "xl" | undefined;
+};
+/** Injection token that can be used to specify modal options. */
+export declare const LIB_MODAL_CONFIG: InjectionToken<ModalConfig<any>>;