@ifsworld/granite-components 4.5.0 → 5.0.0

package/lib/arrange-grid/arrange-grid-item.component.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class GraniteArrangeGridItemComponent {
     private element;
     /**
@@ -24,4 +25,6 @@ export declare class GraniteArrangeGridItemComponent {
      * See: https://github.com/angular/angular/issues/9343
      */
     protected setCssProperty(variable: string, value: string | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteArrangeGridItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteArrangeGridItemComponent, "granite-arrange-grid-item", never, {}, {}, never, ["*"]>;
 }

package/lib/arrange-grid/arrange-grid.component.d.ts

@@ -1,5 +1,6 @@
 import { AfterContentInit, ElementRef, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
 import { GraniteArrangeGridItemComponent } from './arrange-grid-item.component';
+import * as i0 from "@angular/core";
 export declare enum GraniteArrangeGridOrientation {
     columns = "columns",
     rows = "rows"
@@ -52,4 +53,6 @@ export declare class GraniteArrangeGridComponent implements OnChanges, AfterCont
      * TODO: Replace with property binding with Angular 9 upgrade
      */
     protected setCssProperty(variable: string, value: string | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteArrangeGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteArrangeGridComponent, "granite-arrange-grid", never, { "orientation": "orientation"; "cols": "cols"; }, {}, ["arrangeGridItemComponents"], ["granite-arrange-grid-item"]>;
 }

package/lib/arrange-grid/arrange-grid.module.d.ts

@@ -1,2 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./arrange-grid.component";
+import * as i2 from "./arrange-grid-item.component";
+import * as i3 from "@angular/common";
 export declare class GraniteArrangeGridModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteArrangeGridModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteArrangeGridModule, [typeof i1.GraniteArrangeGridComponent, typeof i2.GraniteArrangeGridItemComponent], [typeof i3.CommonModule], [typeof i1.GraniteArrangeGridComponent, typeof i2.GraniteArrangeGridItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteArrangeGridModule>;
 }

package/lib/badge/badge.component.d.ts

@@ -1,4 +1,5 @@
 import { OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class GraniteBadgeComponent implements OnChanges {
     private elementRef;
     /**
@@ -13,4 +14,6 @@ export declare class GraniteBadgeComponent implements OnChanges {
     pill: boolean;
     constructor(elementRef: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteBadgeComponent, "granite-badge", ["graniteBadge"], { "backgroundColor": "backgroundColor"; "color": "color"; "pill": "pill"; }, {}, never, ["*"]>;
 }

package/lib/badge/badge.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./badge.component";
+import * as i2 from "@angular/common";
 export declare class GraniteBadgeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteBadgeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteBadgeModule, [typeof i1.GraniteBadgeComponent], [typeof i2.CommonModule], [typeof i1.GraniteBadgeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteBadgeModule>;
 }

package/lib/button/button.component.d.ts

@@ -1,5 +1,6 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare enum ButtonSelectors {
     graniteButton = "granite-button",
     granitePrimaryButton = "granite-primary-button",
@@ -22,6 +23,8 @@ export declare class GraniteButtonComponent extends ButtonComponentMixin impleme
     ngOnChanges(changes: SimpleChanges): void;
     focus(origin?: FocusOrigin, options?: FocusOptions): void;
     private _getHostElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteButtonComponent, "button[graniteButton],    button[granitePrimaryButton],    button[graniteFlatButton],    button[graniteToolbarButton]  ", ["graniteButton"], { "disabled": "disabled"; "toggled": "toggled"; }, {}, never, ["*"]>;
 }
 export declare class GraniteAnchorComponent extends GraniteButtonComponent implements OnChanges {
     protected _focusMonitor: FocusMonitor;
@@ -29,5 +32,7 @@ export declare class GraniteAnchorComponent extends GraniteButtonComponent imple
     constructor(_focusMonitor: FocusMonitor, _elementRef: ElementRef);
     _anchorClick(event: Event): void;
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteAnchorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteAnchorComponent, "a[graniteButton],  a[graniteFlatButton]", ["graniteAnchor"], { "disabled": "disabled"; }, {}, never, ["*"]>;
 }
 export {};

package/lib/button/button.module.d.ts

@@ -1,2 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button.component";
 export declare class GraniteButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteButtonModule, [typeof i1.GraniteButtonComponent, typeof i1.GraniteAnchorComponent], never, [typeof i1.GraniteButtonComponent, typeof i1.GraniteAnchorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteButtonModule>;
 }

package/lib/checkbox/checkbox-group.component.d.ts

@@ -1,3 +1,6 @@
 import { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';
+import * as i0 from "@angular/core";
 export declare class GraniteCheckboxGroupComponent extends GraniteRadioCheckboxBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCheckboxGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteCheckboxGroupComponent, "granite-checkbox-group", never, {}, {}, never, ["*"]>;
 }

package/lib/checkbox/checkbox.component.d.ts

@@ -1,6 +1,7 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
 import { Position } from '../core/types';
+import * as i0 from "@angular/core";
 export declare class GraniteCheckboxComponent implements OnChanges {
     private _focusMonitor;
     id: string | null;
@@ -23,4 +24,6 @@ export declare class GraniteCheckboxComponent implements OnChanges {
     _checkboxChange(): void;
     _checkboxClick(): void;
     private _getInputElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteCheckboxComponent, "granite-checkbox", ["graniteCheckbox"], { "id": "id"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "labelPosition": "labelPosition"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "valueChange": "valueChange"; "checkboxChange": "checkboxChange"; "checkboxBlur": "checkboxBlur"; }, never, ["*"]>;
 }

package/lib/checkbox/checkbox.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox.component";
+import * as i2 from "./checkbox-group.component";
 export declare class GraniteCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteCheckboxModule, [typeof i1.GraniteCheckboxComponent, typeof i2.GraniteCheckboxGroupComponent], never, [typeof i1.GraniteCheckboxComponent, typeof i2.GraniteCheckboxGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteCheckboxModule>;
 }

package/lib/core/core.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./devices/client-output-desktop.directive";
+import * as i2 from "./devices/client-output-touch.directive";
+import * as i3 from "./devices/client-input-desktop.directive";
+import * as i4 from "./devices/client-input-touch.directive";
 export declare class GraniteCoreModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCoreModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteCoreModule, [typeof i1.ClientOutputDesktopDirective, typeof i2.ClientOutputTouchDirective, typeof i3.ClientInputDesktopDirective, typeof i4.ClientInputTouchDirective], never, [typeof i1.ClientOutputDesktopDirective, typeof i2.ClientOutputTouchDirective, typeof i3.ClientInputDesktopDirective, typeof i4.ClientInputTouchDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteCoreModule>;
 }

package/lib/core/devices/client-input-desktop.directive.d.ts

@@ -1,6 +1,9 @@
+import * as i0 from "@angular/core";
 /**
  * Directive used to tell components and their sub components that client input
  * should be adapted for desktop devices, like personal computers.
  */
 export declare class ClientInputDesktopDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClientInputDesktopDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientInputDesktopDirective, "[graniteClientInputDesktop]", never, {}, {}, never>;
 }

package/lib/core/devices/client-input-touch.directive.d.ts

@@ -1,6 +1,9 @@
+import * as i0 from "@angular/core";
 /**
  * Directive used to tell components and their sub components that client input
  * should be adapted for touch devices, like mobiles and tablets.
  */
 export declare class ClientInputTouchDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClientInputTouchDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientInputTouchDirective, "[graniteClientInputTouch]", never, {}, {}, never>;
 }

package/lib/core/devices/client-output-desktop.directive.d.ts

@@ -1,6 +1,9 @@
+import * as i0 from "@angular/core";
 /**
  * Directive used to tell components and their sub components that client output
  * should be adapted for desktop devices like personal computers.
  */
 export declare class ClientOutputDesktopDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClientOutputDesktopDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientOutputDesktopDirective, "[graniteClientOutputDesktop]", never, {}, {}, never>;
 }

package/lib/core/devices/client-output-touch.directive.d.ts

@@ -1,6 +1,9 @@
+import * as i0 from "@angular/core";
 /**
  * Directive used to tell components and their sub components that client output
  * should be adapted for touch devices like mobiles and tablets.
  */
 export declare class ClientOutputTouchDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClientOutputTouchDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClientOutputTouchDirective, "[graniteClientOutputTouch]", never, {}, {}, never>;
 }

package/lib/core/pipes/pure-pipes.module.d.ts

@@ -1,2 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./title.pipe";
 export declare class PurePipesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PurePipesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PurePipesModule, [typeof i1.GraniteTitlePipe], never, [typeof i1.GraniteTitlePipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PurePipesModule>;
 }

package/lib/core/pipes/title.pipe.d.ts

@@ -1,4 +1,7 @@
 import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class GraniteTitlePipe implements PipeTransform {
     transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteTitlePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GraniteTitlePipe, "graniteTitle">;
 }

package/lib/core/radio-checkbox-base.d.ts

@@ -1,5 +1,8 @@
 import { Layout } from './types';
+import * as i0 from "@angular/core";
 export declare abstract class GraniteRadioCheckboxBase {
     layout: Layout;
     ariaLabelledby: string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteRadioCheckboxBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteRadioCheckboxBase, never, never, { "layout": "layout"; "ariaLabelledby": "aria-labelledby"; }, {}, never>;
 }

package/lib/grid/grid.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterContentInit, ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Grid item component
  *
@@ -22,6 +23,8 @@ export declare class GraniteGridItemComponent implements OnChanges {
      * checked" errors that would occur with HostBinding.
      */
     private setStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteGridItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridItemComponent, "granite-grid-item", never, { "columnStart": "columnStart"; "columnEnd": "columnEnd"; "rowStart": "rowStart"; "rowEnd": "rowEnd"; }, {}, never, ["*"]>;
 }
 /**
  * Grid
@@ -67,4 +70,6 @@ export declare class GraniteGridComponent implements AfterContentInit, OnChanges
     protected updateColumnStyles(): void;
     /** Update grid row template style  */
     protected updateRowStyles(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteGridComponent, "granite-grid", never, { "cols": "cols"; "rows": "rows"; }, {}, never, ["*"]>;
 }

package/lib/grid/grid.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./grid.component";
+import * as i2 from "@angular/common";
 export declare class GraniteGridModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteGridModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteGridModule, [typeof i1.GraniteGridComponent, typeof i1.GraniteGridItemComponent], [typeof i2.CommonModule], [typeof i1.GraniteGridComponent, typeof i1.GraniteGridItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteGridModule>;
 }

package/lib/icon/icon.component.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class GraniteIconComponent implements OnChanges {
     _elementRef: ElementRef;
     private renderer;
@@ -7,4 +8,6 @@ export declare class GraniteIconComponent implements OnChanges {
     constructor(_elementRef: ElementRef, renderer: Renderer2, ariaHidden: string);
     ngOnChanges(changes: SimpleChanges): void;
     private _updateFontIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteIconComponent, [null, null, { attribute: "aria-hidden"; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteIconComponent, "granite-icon", never, { "fontIcon": "fontIcon"; }, {}, never, ["*"]>;
 }

package/lib/icon/icon.module.d.ts

@@ -1,2 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.component";
 export declare class GraniteIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteIconModule, [typeof i1.GraniteIconComponent], never, [typeof i1.GraniteIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteIconModule>;
 }

package/lib/input-field/input-field.component.d.ts

@@ -1,5 +1,6 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class GraniteInputFieldComponent implements OnInit, OnChanges {
     private _focusMonitor;
     id: string | null;
@@ -36,4 +37,6 @@ export declare class GraniteInputFieldComponent implements OnInit, OnChanges {
     private _applyCharacterCount;
     private _getInputElement;
     private _getTextareaElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteInputFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteInputFieldComponent, "granite-input-field", ["graniteInputField"], { "id": "id"; "name": "name"; "type": "type"; "value": "value"; "required": "required"; "readonly": "readonly"; "invalid": "invalid"; "disabled": "disabled"; "placeholder": "placeholder"; "prefixicon": "prefixicon"; "maxlength": "maxlength"; "countcharacters": "countcharacters"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "valueChange": "valueChange"; }, never, never>;
 }

package/lib/input-field/input-field.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./input-field.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.module";
+import * as i4 from "../button/button.module";
 export declare class GraniteInputFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteInputFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteInputFieldModule, [typeof i1.GraniteInputFieldComponent], [typeof i2.CommonModule, typeof i3.GraniteIconModule, typeof i4.GraniteButtonModule], [typeof i1.GraniteInputFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteInputFieldModule>;
 }

package/lib/menu/divider.directive.d.ts

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class GraniteDividerDirective {
     dividerDirection: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteDividerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteDividerDirective, "[graniteDivider]", ["graniteDivider"], { "dividerDirection": "dividerDirection"; }, {}, never>;
 }

package/lib/menu/menu-base.d.ts

@@ -0,0 +1,190 @@
+import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { Direction } from '@angular/cdk/bidi';
+import { AnimationEvent } from '@angular/animations';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { ClientInputInterface, ClientOutputInterface } from '../core/client-environment';
+import { GraniteMenuItemComponent } from './menu-item.component';
+import { ClosedEventType, GraniteMenuPanelInterface } from './menu-panel';
+import { MenuPositionX, MenuPositionY } from './menu-positions';
+import * as i0 from "@angular/core";
+/** Menu panel animation states */
+declare type TransformMenuStates = 'void' | 'enter' | 'enter-from-below' | 'below-with-delay' | 'below' | 'pan' | 'hide' | 'pan-hidden';
+/**
+ * Menu panel animation transform/state object. Has to be an object as we supply
+ * the `xOffset` parameter and not just the state name.
+ */
+declare type TransformMenu = {
+    /** Current animation state name */
+    value: TransformMenuStates;
+    params: {
+        /** How far the menu has been panned/swiped by the user */
+        xOffset: number;
+    };
+};
+/** Base class with all of the menu functionality. */
+export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy, AfterContentChecked, GraniteMenuPanelInterface {
+    private _changeDetectorRef;
+    /** Position of the menu in the X axis. */
+    get xPosition(): MenuPositionX;
+    set xPosition(value: MenuPositionX);
+    /** Position of the menu in the Y axis. */
+    get yPosition(): MenuPositionY;
+    set yPosition(value: MenuPositionY);
+    /** Optional touch menu panel title */
+    title: string;
+    /**
+     * Touch menu close button label. If not set, any label set by parent will
+     * be used.
+     */
+    closeLabel: string;
+    openOnHover: boolean;
+    templateRef: TemplateRef<any>;
+    /** All items inside the menu. Includes items nested inside another menu. */
+    _allItems: QueryList<GraniteMenuItemComponent>;
+    /**
+     * Event emitted when the menu is closed
+     */
+    readonly closed: EventEmitter<ClosedEventType>;
+    /**
+     * Used for locating the panel in tests and setting the aria-control attribute
+     * for the menu trigger.
+     */
+    readonly panelId: string;
+    /** Parent menu of the current menu panel. */
+    parentMenu: GraniteMenuPanelInterface | undefined;
+    /** Layout direction of the menu. */
+    direction: Direction;
+    /** Whether to show back button in touch menu title bar */
+    showBackButton: boolean;
+    /** Whether to show touch menu title bar */
+    showTitle: boolean;
+    /** Whether to add a close button below the menu */
+    showCloseButton: boolean;
+    /** Observable current state of the panel animation. */
+    _transformMenu: BehaviorSubject<TransformMenu>;
+    /** Emits whenever an animation on the menu completes. */
+    _animationDone: Subject<AnimationEvent>;
+    /** Whether the menu is animating. */
+    _isAnimating: boolean;
+    /** Whether the menu is about to be destroyed. */
+    _isClosing: boolean;
+    /** Client input device information */
+    _clientInput: ClientInputInterface;
+    /** Client output device information */
+    _clientOutput: ClientOutputInterface;
+    private _menuEmpty$;
+    _isMenuEmpty$: Observable<boolean>;
+    /** Only the direct descendant menu items. */
+    private _directDescendantItems;
+    private _keyManager;
+    /** Subscription to tab events on the menu panel */
+    private _tabSubscription;
+    private _xPosition;
+    private _yPosition;
+    /** Current state of the panel animation. */
+    set _panelAnimationState(state: TransformMenuStates);
+    /**
+     * Current horizontal offset. Used with `pan` and `pan-hidden`
+     * animation states.
+     */
+    private xOffset;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    ngAfterContentChecked(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Stream that combines the `_hovered` observables of all the menu's items
+     * into a single observable. Emits whenever the hovered menu item changes.
+     */
+    _hovered(): Observable<GraniteMenuItemComponent>;
+    /** 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;
+    /** Updates the `showTitle` property for touch device UI */
+    _updateShowTitle(): void;
+    /** Starts the enter animation */
+    _startAnimation(): void;
+    /** Resets the panel animation to its initial state. */
+    _resetAnimation(): void;
+    /**
+     * Starts the 'below' animation, moving a menu down, out of view below the
+     * viewport. Used to close the whole menu, for example when clicking
+     * the backdrop.
+     */
+    _startTouchCloseDownAnimation(): void;
+    /**
+     * Starts the 'below-with-delay' animation, moving a menu down, out of view below the
+     * viewport. Used to close the whole menu as a response to the user tapping
+     * a menu item. There is a short delay before the animation starts, to that
+     * the user gets a visual feedback on what item was selected.
+     */
+    _startTouchCloseDownAnimationWithDelay(): void;
+    /**
+     * Starts the 'void' animation, moving a (sub) menu out of view to the side
+     * of the viewport. Used when going "back" from a sub menu.
+     */
+    _startTouchCloseSideAnimation(): void;
+    /**
+     * Starts the enter-from-below animation, moving a (root) menu into view,
+     * Animates upwards from a starting position below the viewport.
+     */
+    _startTouchRootEnterAnimation(): void;
+    /** Starts the enter animation, moving a (sub) menu into view. */
+    _startTouchSubmenuEnterAnimation(): void;
+    /**
+     * Starts the pan animation, to position a submenu in a response
+     * to user dragging sideways (panning).
+     */
+    _startTouchPanAnimation(xOffset: number): void;
+    /**
+     * Starts the pan-hidden animation, to position a parent menu next to an
+     * active submenu that the user is dragging sideways (panning).
+     */
+    _startTouchHidePanAnimation(xOffset: number): void;
+    /**
+     * Starts the hide animation, to make a parent menu slide out to leave
+     * space for a submenu.
+     */
+    _startTouchHideAnimation(): void;
+    /** Callback that is invoked when the panel animation completes. */
+    _onAnimationDone(event: AnimationEvent): void;
+    _onAnimationStart(event: AnimationEvent): void;
+    /**
+     * Handle click on the menu by emitting on the `closed` emitter
+     * with a `click` reason
+     */
+    _handleClick(): void;
+    /**
+     * Handle click on the close button by emitting on the `closed` emitter
+     * without any particular reason
+     */
+    _handleCloseClick(): void;
+    /**
+     * Handle click on the back icon by emitting on the `clicked` emitter
+     */
+    _handleBackClick(e: MouseEvent): void;
+    /**
+     * Update client device information for the menu and its menu items.
+     */
+    _setDevice(clientInput: ClientInputInterface, clientOutput: ClientOutputInterface): 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;
+    /**
+     * Sets up a stream that will keep track of any newly-added menu items and will update the list
+     * of direct descendants. We collect the descendants this way, because `_allItems` can include
+     * items that are part of child menus, and using a custom way of registering items is unreliable
+     * when it comes to maintaining the item order.
+     */
+    private _updateDirectDescendants;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_MenuBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_MenuBaseComponent, never, never, { "xPosition": "xPosition"; "yPosition": "yPosition"; "title": "title"; "closeLabel": "closeLabel"; "openOnHover": "openOnHover"; }, { "closed": "closed"; }, ["_allItems"]>;
+}
+export {};

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

@@ -3,6 +3,7 @@ import { ElementRef, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ClientInputInterface, ClientOutputInterface } from '../core/client-environment';
 import { GraniteMenuPanelInterface } from './menu-panel';
+import * as i0 from "@angular/core";
 export declare class GraniteMenuItemComponent implements OnDestroy, FocusableOption {
     private _elementRef;
     private _focusMonitor;
@@ -30,4 +31,6 @@ export declare class GraniteMenuItemComponent implements OnDestroy, FocusableOpt
     focus(origin?: FocusOrigin, options?: FocusOptions): void;
     /** Returns the host DOM element. */
     _getHostElement(): HTMLElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuItemComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuItemComponent, "[graniteMenuItem]", ["graniteMenuItem"], { "role": "role"; }, {}, never, ["*"]>;
 }

package/lib/menu/menu-touch-close.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class GraniteMenuTouchCloseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuTouchCloseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuTouchCloseComponent, "[graniteMenuTouchCloseItem]", ["graniteMenuTouchCloseItem"], {}, {}, never, ["*"]>;
 }

package/lib/menu/menu-touch-title.component.d.ts

@@ -1,4 +1,5 @@
-import { _MenuBaseComponent } from './menu.component';
+import { _MenuBaseComponent } from './menu-base';
+import * as i0 from "@angular/core";
 export declare class GraniteMenuTouchTitleItemComponent {
     /**
      * Whether the menu item acts as a trigger to return to a parent menu
@@ -8,4 +9,6 @@ export declare class GraniteMenuTouchTitleItemComponent {
     constructor(
     /** If this is an item on a _submenu_, its parent menu will have a parent */
     _parentMenu: _MenuBaseComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuTouchTitleItemComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteMenuTouchTitleItemComponent, "[graniteMenuTouchTitleItem]", ["graniteMenuTouchTitleItem"], {}, {}, never, ["*"]>;
 }

package/lib/menu/menu-trigger-for.directive.d.ts

@@ -2,9 +2,10 @@ import { AfterContentInit, ElementRef, OnChanges, OnDestroy, SimpleChanges, View
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay } from '@angular/cdk/overlay';
-import { _MenuBaseComponent } from './menu.component';
+import { _MenuBaseComponent } from './menu-base';
 import { GraniteMenuItemComponent } from './menu-item.component';
 import { ClientInputInterface, ClientOutputInterface } from '../core/client-environment';
+import * as i0 from "@angular/core";
 /**
  * Directive used to turn a button element into a (popup) menu trigger
  *
@@ -182,4 +183,6 @@ export declare class GraniteMenuTriggerForDirective implements AfterContentInit,
      * @param end Value to which current value is compared
      */
     private easeOutExpo;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuTriggerForDirective, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteMenuTriggerForDirective, "[graniteMenuTriggerFor]", never, { "menu": "graniteMenuTriggerFor"; }, {}, never>;
 }