@ifsworld/granite-components 4.5.0 → 5.0.0

package/esm2015/lib/menu/menu-trigger-for.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-trigger-for.directive.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-trigger-for.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  Directive,\n  ElementRef,\n  Inject,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Optional,\n  Self,\n  SimpleChanges,\n  ViewContainerRef,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\nimport {\n  FocusMonitor,\n  FocusOrigin,\n  isFakeMousedownFromScreenReader,\n} from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { normalizePassiveListenerOptions } from '@angular/cdk/platform';\nimport {\n  FlexibleConnectedPositionStrategy,\n  HorizontalConnectionPos,\n  Overlay,\n  OverlayConfig,\n  OverlayRef,\n  PositionStrategy,\n  VerticalConnectionPos,\n} from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\n\nimport {\n  asapScheduler,\n  fromEvent,\n  merge,\n  Observable,\n  of as observableOf,\n  Subscription,\n} from 'rxjs';\nimport { delay, filter, take, takeUntil } from 'rxjs/operators';\n\nimport { _MenuBaseComponent } from './menu.component';\nimport { GraniteMenuItemComponent } from './menu-item.component';\nimport { ClosedEventType, GRANITE_MENU_PANEL } from './menu-panel';\n\n//#region --- Touch device customizations ---\nimport {\n  ClientInputInterface,\n  ClientOutputInterface,\n  GRANITE_CLIENT_INPUT,\n  GRANITE_CLIENT_OUTPUT,\n} from '../core/client-environment';\nimport { throwGraniteMenuMissingError } from './menu-errors';\n\n/** Options for binding a passive event listener. */\nconst passiveEventListenerOptions = normalizePassiveListenerOptions({\n  passive: true,\n});\n//#endregion --- Touch device customizations ---\n\n/**\n * Directive used to turn a button element into a (popup) menu trigger\n *\n * Stripped-down version of Angular Material's menu trigger directive (.../menu/menu-trigger.ts)\n */\n@Directive({\n  selector: `[graniteMenuTriggerFor]`,\n  host: {\n    class: 'granite-menu-trigger', // Required for test harness host selector\n    'aria-haspopup': 'true',\n    '[attr.aria-expanded]': '_isMenuOpen || null',\n    '[attr.aria-controls]': '_isMenuOpen ? menu.panelId : null',\n    '(mousedown)': '_handleMousedown($event)',\n    '(keydown)': '_handleKeydown($event)',\n    '(click)': '_handleClick($event)',\n  },\n})\nexport class GraniteMenuTriggerForDirective\n  implements AfterContentInit, OnDestroy, OnChanges {\n  /** References the menu instance that the trigger is associated with. */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('graniteMenuTriggerFor')\n  menu: _MenuBaseComponent;\n\n  /** Whether the associated menu is open */\n  _isMenuOpen: boolean = false;\n\n  // Tracking input type is necessary so it's possible to only auto-focus\n  // the first item of the list when the menu is opened via the keyboard\n  _openedBy: 'mouse' | 'touch' | null = null;\n\n  private _hoverSubscription = Subscription.EMPTY;\n  private _menuCloseSubscription = Subscription.EMPTY;\n  private _closingActionsSubscription = Subscription.EMPTY;\n\n  private _portal: TemplatePortal | null = null;\n  private _overlayRef: OverlayRef | null = null;\n  private _document?: Document;\n\n  // ----------------------------------------- //\n  // --- Here be poor man's touch gestures --- //\n  // ----------------------------------------- //\n\n  // TODO: Replace with Hammer or other gesture library\n\n  private _touchStartTime: number;\n  private _touchTimeTaken: number;\n  private _touchStartX: number;\n  private _touchStartY: number;\n  private _touchCurrentX: number;\n  private _touchCurrentY: number;\n  private _touchTranslateX: number;\n  private _touchLockedX: boolean | null;\n  private _touchMaxX: number;\n  private _touchTouchingElement: boolean = false;\n\n  constructor(\n    private _overlay: Overlay,\n    private _element: ElementRef<HTMLElement>,\n    private _viewContainerRef: ViewContainerRef,\n\n    /** If this is a _submenu_ trigger, it will have a parent menu */\n    @Inject(GRANITE_MENU_PANEL)\n    @Optional()\n    private _parentMenu: _MenuBaseComponent,\n\n    //#region --- Touch device customizations ---\n    /** Client input device information */\n    @Inject(GRANITE_CLIENT_INPUT)\n    @Optional()\n    public _clientInput: ClientInputInterface,\n\n    /** Client output device information */\n    @Inject(GRANITE_CLIENT_OUTPUT)\n    @Optional()\n    public _clientOutput: ClientOutputInterface,\n    //#endregion --- Touch device customizations ---\n\n    /**\n     * If this is a _submenu_ trigger, there should be a corresponding menu\n     * item directive present as well:\n     *\n     *     <button graniteMenuItem [graniteMenuTriggerFor]=\"...\">\n     *                   ^-- This one\n     */\n    @Optional() @Self() private _menuItemInstance: GraniteMenuItemComponent,\n\n    @Optional() private _dir: Directionality,\n    private _focusMonitor: FocusMonitor,\n    // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\n    @Inject(DOCUMENT) document?: any\n  ) {\n    _element.nativeElement.addEventListener(\n      'touchstart',\n      this._handleTouchStart,\n      passiveEventListenerOptions\n    );\n\n    if (_menuItemInstance) {\n      _menuItemInstance._triggersSubmenu = this.triggersSubmenu();\n    }\n\n    this._document = document as Document;\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.menu) {\n      this._handleMenuChange();\n    }\n  }\n\n  ngAfterContentInit(): void {\n    // removed checkMenu here to avoid errors in dynamically genarated menus\n    // menu is checked when opening the menu\n    // this._checkMenu();\n    this._handleHover();\n  }\n\n  ngOnDestroy(): void {\n    if (this._overlayRef) {\n      //#region --- Touch device customizations ---\n      this.removeOverlayListeners();\n      //#endregion --- Touch device customizations ---\n      this._overlayRef.dispose();\n      this._overlayRef = null;\n    }\n\n    this._element.nativeElement.removeEventListener(\n      'touchstart',\n      this._handleTouchStart,\n      passiveEventListenerOptions\n    );\n\n    this._hoverSubscription.unsubscribe();\n    this._menuCloseSubscription.unsubscribe();\n    this._closingActionsSubscription.unsubscribe();\n  }\n\n  /** Handles change of associated menu */\n  _handleMenuChange(): void {\n    this._menuCloseSubscription.unsubscribe();\n\n    // Close the menu overlay when the menu itself says it wants to be closed\n    if (this.menu) {\n      const closed = this.menu.closed as Observable<ClosedEventType>;\n\n      this._menuCloseSubscription = closed.subscribe((reason) => {\n        //#region --- Touch device customizations ---\n        if (this.menu._isClosing) {\n          return;\n        }\n        this.menu._isClosing = true;\n\n        // Get rid of the menu and tell any parent to restore its position\n        if (this._clientOutput.device === 'touch') {\n          // First we wait for any running animation to complete\n          const runningAnimationDone: Observable<any> = this.menu._isAnimating\n            ? this.menu._animationDone\n            : observableOf([null]);\n\n          runningAnimationDone\n            .pipe(take(1), delay(0, asapScheduler))\n            // eslint-disable-next-line rxjs/no-nested-subscribe\n            .subscribe(() => {\n              this.animateCloseMenu(reason !== 'keydown', reason === 'click');\n              this.menu._animationDone\n                .pipe(take(1), delay(0, asapScheduler))\n                // eslint-disable-next-line rxjs/no-nested-subscribe\n                .subscribe(() => this._destroyMenu());\n            });\n        } else {\n          //#endregion --- Touch device customizations ---\n          this._destroyMenu();\n        }\n\n        // If a click closed the menu, we should close the entire chain of nested menus.\n        if ((reason === 'click' || reason === 'tab') && this._parentMenu) {\n          this._parentMenu.closed.emit(reason);\n        }\n      });\n    }\n  }\n\n  isOpen(): boolean {\n    return this._isMenuOpen;\n  }\n\n  /** Open the associated menu */\n  openMenu(): void {\n    if (this._isMenuOpen) {\n      return;\n    }\n\n    this._checkMenu();\n\n    this.menu.parentMenu = this.triggersSubmenu()\n      ? this._parentMenu\n      : undefined;\n    this.menu.direction = this._dir.value === 'rtl' ? 'rtl' : 'ltr';\n\n    if (this._parentMenu) {\n      // Menu triggers inherit target device types from their parent.\n      // Ultimately it is the root trigger that determines device types for\n      // the whole menu hierarchy.\n      this._clientInput = this._parentMenu._clientInput;\n      this._clientOutput = this._parentMenu._clientOutput;\n    }\n\n    //#region --- Touch device customizations ---\n    // Make the menu we're about to open use the same devices as the trigger\n    this.menu._setDevice(this._clientInput, this._clientOutput);\n\n    if (this._clientOutput.device === 'touch') {\n      this.menu.showBackButton = !!this._parentMenu;\n      this.menu._updateShowTitle();\n\n      if (!this.menu.closeLabel) {\n        this.menu.closeLabel = this._parentMenu?.closeLabel;\n      }\n\n      this.menu.showCloseButton = !!this.menu.closeLabel;\n    }\n    this.menu._isClosing = false;\n\n    const panelClass: string[] = [];\n    if (this._clientOutput.device === 'touch') {\n      panelClass.push('granite-overlay-pane-fill-width-bottom');\n    }\n\n    const scrollStrategy =\n      this._clientOutput.device !== 'touch'\n        ? this._overlay.scrollStrategies.reposition()\n        : undefined;\n\n    const hasBackdrop =\n      this._clientOutput.device === 'touch' && !this.triggersSubmenu();\n    //#endregion --- Touch device customizations ---\n\n    // Create an overlay to stuff the menu (portal) into below\n    if (!this._overlayRef) {\n      const config = new OverlayConfig({\n        positionStrategy: this._positionStrategy(),\n        backdropClass: 'granite-overlay-dark-glass-backdrop',\n        scrollStrategy,\n        direction: this._dir,\n        panelClass,\n        hasBackdrop,\n      });\n\n      this._overlayRef = this._overlay.create(config);\n\n      //#region --- Touch device customizations ---\n      // Add touch listener for submenu back pan/swipe\n      if (this._clientOutput.device === 'touch') {\n        this.addOverlayListeners();\n      }\n      //#endregion --- Touch device customizations ---\n    } else {\n      // Reset animation state for reused overlays\n      if (this._clientOutput.device === 'touch') {\n        this.menu._panelAnimationState = 'void';\n      }\n    }\n\n    // Create portal from associated menu's template\n    if (!this._portal || this._portal.templateRef !== this.menu.templateRef) {\n      this._portal = new TemplatePortal(\n        this.menu.templateRef,\n        this._viewContainerRef\n      );\n    }\n\n    // Attach menu portal to overlay ref (which is a portal outlet)\n    this._overlayRef.attach(this._portal);\n\n    // Subscribe to stream that emits whenever an action that should close the menu occurs\n    this._closingActionsSubscription = this._menuClosingActions().subscribe(\n      () => this.closeMenu()\n    );\n\n    this.animateOpenMenu();\n\n    this._setIsMenuOpen(true);\n    this.menu.focusFirstItem(this._openedBy || 'program');\n  }\n\n  /** Whether the menu triggers a sub-menu or a top-level one. */\n  triggersSubmenu(): boolean {\n    return !!(this._menuItemInstance && this._parentMenu);\n  }\n\n  /** Toggles the menu between the open and closed states. */\n  toggleMenu(): void {\n    if (this._isMenuOpen) {\n      this.closeMenu();\n    } else {\n      this.openMenu();\n    }\n  }\n\n  /** Close the associated menu */\n  closeMenu(): void {\n    this.menu.closed.emit();\n  }\n\n  /**\n   * Focuses the menu trigger.\n   * @param origin Source of the menu trigger's focus.\n   */\n  focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n    if (this._focusMonitor) {\n      this._focusMonitor.focusVia(this._element, origin, options);\n    } else {\n      this._element.nativeElement.focus(options);\n    }\n  }\n\n  /** Detach menu portal from overlay and update open state */\n  _destroyMenu(): void {\n    if (!this._overlayRef || !this._isMenuOpen) {\n      return;\n    }\n\n    this._closingActionsSubscription.unsubscribe();\n    this._overlayRef.detach();\n    this._restoreFocus();\n    this.menu._resetAnimation();\n\n    this._setIsMenuOpen(false);\n  }\n\n  /** Handles mouse presses on the trigger. */\n  _handleMousedown(event: MouseEvent): void {\n    if (!isFakeMousedownFromScreenReader(event)) {\n      if (this._openedBy !== 'touch') {\n        // Since right or middle button clicks won't trigger the `click` event,\n        // we shouldn't consider the menu as opened by mouse in those cases.\n        this._openedBy = event.button === 0 ? 'mouse' : null;\n      }\n\n      // Since clicking on the trigger won't close the menu if it opens a sub-menu,\n      // we should prevent focus from moving onto it via click to avoid the\n      // highlight from lingering on the menu item.\n      if (this.triggersSubmenu() && !this._toggleOnSubmenuClick()) {\n        event.preventDefault();\n      }\n    }\n  }\n\n  /** Handles key presses on the trigger. */\n  _handleKeydown(event: KeyboardEvent): void {\n    const key = event.key;\n\n    if (\n      this.triggersSubmenu() &&\n      ((key === 'ArrowRight' && this._dir.value === 'ltr') ||\n        (key === 'ArrowLeft' && this._dir.value === 'rtl'))\n    ) {\n      this.openMenu();\n    }\n  }\n\n  /** Handles click events on the trigger. */\n  _handleClick(event: MouseEvent): void {\n    if (this.triggersSubmenu()) {\n      // Stop event propagation to avoid closing the parent menu.\n      event.stopPropagation();\n\n      this._toggleOnSubmenuClick() ? this.toggleMenu() : this.openMenu();\n    } else {\n      this.toggleMenu();\n    }\n  }\n\n  /**\n   * Handles touch start events on the trigger.\n   * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.\n   */\n  private _handleTouchStart = () => {\n    this._openedBy = 'touch';\n  };\n\n  /** Handles the cases where the user hovers over the trigger. */\n  private _handleHover() {\n    // Subscribe to changes in the hovered item in order to toggle the panel.\n    if (!this.triggersSubmenu() || !this._parentMenu) {\n      return;\n    }\n\n    this._hoverSubscription = this._parentMenu\n      ._hovered()\n      .pipe(\n        filter(() => this._openOnHover()),\n        // Since we might have multiple competing triggers for the same menu (e.g. a sub-menu\n        // with different data and triggers), we have to delay it by a tick to ensure that\n        // it won't be closed immediately after it is opened.\n        filter(\n          (active) => active === this._menuItemInstance /*&& !active.disabled*/\n        ),\n        delay(0, asapScheduler)\n      )\n      .subscribe(() => {\n        this._openedBy = 'mouse';\n\n        // If the same menu is used between multiple triggers, it might still be animating\n        // while the new trigger tries to re-open it. Wait for the animation to finish\n        // before doing so. Also interrupt if the user moves to another item.\n        if (this.menu instanceof _MenuBaseComponent && this.menu._isAnimating) {\n          // We need the `delay(0)` here in order to avoid\n          // 'changed after checked' errors in some cases. See Angular Material #12194.\n          this.menu._animationDone\n            .pipe(\n              take(1),\n              delay(0, asapScheduler),\n              takeUntil(this._parentMenu._hovered())\n            )\n            // eslint-disable-next-line rxjs/no-nested-subscribe\n            .subscribe(() => this.openMenu());\n        } else {\n          this.openMenu();\n        }\n      });\n  }\n\n  /**\n   * Restores focus to the element that was focused before the menu was open.\n   * Could be the root trigger button or a submenu trigger item\n   */\n  private _restoreFocus() {\n    // We should reset focus if the user is navigating using a keyboard or\n    // if we have a top-level trigger which might cause focus to be lost\n    // when clicking outside of the menu.\n    if (!this._openedBy) {\n      // Note that the focus style will show up both for `program` and\n      // `keyboard` so we don't have to specify which one it is.\n      this.focus();\n    } else if (!this.triggersSubmenu()) {\n      this.focus(this._openedBy);\n    }\n\n    this._openedBy = null;\n  }\n\n  // Set state rather than toggle to support triggers sharing a menu\n  private _setIsMenuOpen(isOpen: boolean): void {\n    this._isMenuOpen = isOpen;\n\n    if (this.triggersSubmenu()) {\n      this._menuItemInstance._highlighted =\n        isOpen && this._clientOutput.device !== 'touch';\n    }\n  }\n\n  /**\n   * This method checks that a valid instance of MenuComponent has been passed into\n   * graniteMenuTriggerFor. If not, an exception is thrown.\n   */\n  private _checkMenu() {\n    if (!this.menu) {\n      throwGraniteMenuMissingError();\n    }\n  }\n\n  /**\n   * Returns strategy for positioning the overlay for desktop devices:\n   * Place adjacent to the trigger button (preferably immediately below)\n   * in order to show as much of the menu as possible.\n   */\n  private _desktopPositionStrategy(): PositionStrategy {\n    const positionStrategy: FlexibleConnectedPositionStrategy = this._overlay\n      .position()\n      .flexibleConnectedTo(this._element)\n      .withLockedPosition()\n      .withTransformOriginOn('.granite-menu')\n      .withPush(false);\n\n    this._setPosition(positionStrategy);\n    return positionStrategy;\n  }\n\n  /**\n   * Sets the appropriate positions on a position strategy\n   * so the overlay connects with the trigger correctly.\n   * @param positionStrategy Strategy whose position to update.\n   */\n  private _setPosition(positionStrategy: FlexibleConnectedPositionStrategy) {\n    const MENU_PANEL_TOP_PADDING = 0;\n\n    let [originX, originFallbackX]: HorizontalConnectionPos[] =\n      this.menu.xPosition === 'before' ? ['end', 'start'] : ['start', 'end'];\n\n    const [overlayY, overlayFallbackY]: VerticalConnectionPos[] =\n      this.menu.yPosition === 'above' ? ['bottom', 'top'] : ['top', 'bottom'];\n\n    let [originY, originFallbackY] = [overlayY, overlayFallbackY];\n    let [overlayX, overlayFallbackX] = [originX, originFallbackX];\n    let offsetY = 0;\n\n    if (this.triggersSubmenu()) {\n      // When the menu is a sub-menu, it should always align itself\n      // to the edges of the trigger, instead of overlapping it.\n      overlayFallbackX = originX =\n        this.menu.xPosition === 'before' ? 'start' : 'end';\n      originFallbackX = overlayX = originX === 'end' ? 'start' : 'end';\n      offsetY =\n        overlayY === 'bottom'\n          ? MENU_PANEL_TOP_PADDING\n          : -MENU_PANEL_TOP_PADDING;\n    } else {\n      originY = overlayY === 'top' ? 'bottom' : 'top';\n      originFallbackY = overlayFallbackY === 'top' ? 'bottom' : 'top';\n    }\n\n    positionStrategy.withPositions([\n      { originX, originY, overlayX, overlayY, offsetY },\n      {\n        originX: originFallbackX,\n        originY,\n        overlayX: overlayFallbackX,\n        overlayY,\n        offsetY,\n      },\n      {\n        originX,\n        originY: originFallbackY,\n        overlayX,\n        overlayY: overlayFallbackY,\n        offsetY: -offsetY,\n      },\n      {\n        originX: originFallbackX,\n        originY: originFallbackY,\n        overlayX: overlayFallbackX,\n        overlayY: overlayFallbackY,\n        offsetY: -offsetY,\n      },\n    ]);\n  }\n\n  /** Returns a stream that emits whenever an action that should close the menu occurs. */\n  private _menuClosingActions() {\n    const detachments = this._overlayRef?.detachments();\n    const parentClose = this._parentMenu\n      ? this._parentMenu.closed\n      : observableOf();\n\n    const hover =\n      this._clientOutput.device === 'desktop' && this._parentMenu\n        ? this._parentMenu._hovered().pipe(\n            filter((item) => item !== this._menuItemInstance),\n            filter(() => this._isMenuOpen)\n          )\n        : observableOf();\n\n    // Note: Quick fix. Feature reportedly exists in CDK for Angular 10\n    // Filter to prevent closing when animating added though. Applied to\n    // root menu only.\n    const outsideClick = !this._parentMenu\n      ? fromEvent<MouseEvent>(this._document, 'click').pipe(\n          filter(\n            (e: MouseEvent) =>\n              (e.target as HTMLElement) !== this._element.nativeElement &&\n              (e.target as HTMLElement).closest('.granite-menu') === null\n          ),\n          filter(() => !this.menu._isAnimating)\n        )\n      : observableOf();\n\n    return merge(detachments, hover, parentClose, outsideClick);\n  }\n\n  /**\n   * Whether to automatically open submenus on hover. This is true when showing\n   * desktop menus and having mouse support.\n   */\n  private _openOnHover(): boolean {\n    return (\n      (this.triggersSubmenu()\n        ? this._parentMenu.openOnHover\n        : this.menu.openOnHover) &&\n      this._parentMenu._clientOutput?.device === 'desktop' &&\n      this._parentMenu._clientInput?.devices.includes('mouse')\n    );\n  }\n\n  /**\n   * Whether to toggle submenus on click. This is true when showing desktop menus\n   * without mouse support. Which, by the way, is not a great idea to begin with.\n   */\n  private _toggleOnSubmenuClick(): boolean {\n    return (\n      !(this.triggersSubmenu()\n        ? this._parentMenu.openOnHover\n        : this.menu.openOnHover) ||\n      (this._parentMenu._clientOutput?.device === 'desktop' &&\n        !this._parentMenu._clientInput?.devices.includes('mouse'))\n    );\n  }\n\n  // ------------------------------------------- //\n  // --- Here be touch device customizations --- //\n  // ------------------------------------------- //\n\n  /** Set animation state to bring a newly opened menu into view */\n  private animateOpenMenu() {\n    this._clientOutput.device === 'touch'\n      ? this.animateTouchOpenMenu()\n      : this.menu._startAnimation();\n  }\n\n  private animateTouchOpenMenu() {\n    if (this.triggersSubmenu()) {\n      // Slide newly opened sub menu into view from the side,\n      // pushing any parent menu out of view on the other side\n      this.menu._startTouchSubmenuEnterAnimation();\n      this._parentMenu._startTouchHideAnimation();\n    } else {\n      // Slide root menu into view from below\n      this.menu._startTouchRootEnterAnimation();\n    }\n  }\n\n  /** Set animation state to close the active menu */\n  private animateCloseMenu(toBelow: boolean, withDelay: boolean) {\n    this._clientOutput.device === 'touch'\n      ? this._animateTouchCloseMenu(toBelow, withDelay)\n      : this._parentMenu._resetAnimation();\n  }\n\n  private _animateTouchCloseMenu(toBelow: boolean, withDelay: boolean) {\n    if (toBelow) {\n      // Slide menu out of view below the viewport\n      withDelay\n        ? this.menu._startTouchCloseDownAnimationWithDelay()\n        : this.menu._startTouchCloseDownAnimation();\n    } else {\n      // Slide the closed menu out of view to the side\n      // and slide any parent menu back into view\n      this.menu._startTouchCloseSideAnimation();\n      this._parentMenu?._startTouchSubmenuEnterAnimation();\n    }\n  }\n\n  /**\n   * Set animation state to place the menu and any parent at the given\n   * horizontal position, i.e. following touch pan movement.\n   *\n   * @param xOffset Horizontal offset\n   */\n  private animateSetMenuPosition(xOffset: number) {\n    this.menu._startTouchPanAnimation(xOffset);\n    if (this._parentMenu) {\n      this._parentMenu._startTouchHidePanAnimation(xOffset);\n    }\n  }\n\n  /**\n   * Returns strategy for positioning the overlay depending on what type of\n   * device the menu is being shown on\n   */\n  private _positionStrategy(): PositionStrategy {\n    return this._clientOutput.device === 'touch'\n      ? this._touchPositionStrategy()\n      : this._desktopPositionStrategy();\n  }\n\n  /**\n   * Returns strategy for positioning the overlay for touch devices:\n   * Place centered at the bottom of the screen.\n   */\n  private _touchPositionStrategy(): PositionStrategy {\n    return this._overlay.position().global();\n  }\n\n  // ----------------------------------------- //\n  // --- Here be poor man's touch gestures --- //\n  // ----------------------------------------- //\n\n  // TODO: Replace with Hammer or other gesture library\n\n  /**\n   * Handles touch start events on the overlay host element (wrapper).\n   * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.\n   */\n  private _handleOverlayTouchStart = (event: TouchEvent) => {\n    if (this.menu._isAnimating) {\n      return;\n    }\n\n    this._touchStartTime = new Date().getTime();\n\n    this._touchStartX = event.changedTouches[0].clientX;\n    this._touchStartY = event.changedTouches[0].clientY;\n    this._touchCurrentX = this._touchStartX;\n    this._touchCurrentY = this._touchStartY;\n    this._touchTranslateX = 0;\n    this._touchMaxX = this._overlayRef.hostElement.getBoundingClientRect().width;\n    this._touchLockedX = null;\n    this._touchTouchingElement = true;\n  };\n\n  private _handleOverlayTouchMove = (event: TouchEvent) => {\n    if (!this._touchTouchingElement || this.menu._isAnimating) {\n      return;\n    }\n\n    if (this._touchLockedX) {\n      return;\n    }\n\n    this._touchCurrentX = event.changedTouches[0].clientX;\n    this._touchCurrentY = event.changedTouches[0].clientY;\n\n    // Lock X-axis pan if initiating pan on Y-axis\n    if (this._touchLockedX === null) {\n      const dy = Math.abs(this._touchCurrentY - this._touchStartY);\n      const dx = Math.abs(this._touchCurrentX - this._touchStartX);\n      if (dx > 10 || dy > 10) {\n        this._touchLockedX = dy > dx;\n        return;\n      }\n    }\n\n    // Restrict to right pan/swipe and make menu movement extremely slow when\n    // moved past allowed limits.\n    const menuMargin = 16;\n    this._touchTranslateX = this._touchCurrentX - this._touchStartX;\n\n    if (this._touchTranslateX < 0) {\n      this._touchTranslateX = this.easeOutExpo(\n        this._touchTranslateX,\n        0,\n        -menuMargin / 2,\n        this._touchMaxX * -4\n      );\n    } else if (!this._parentMenu) {\n      this._touchTranslateX = this.easeOutExpo(\n        this._touchTranslateX,\n        0,\n        menuMargin / 2,\n        this._touchMaxX * 4\n      );\n    } else if (this._touchTranslateX > this._touchMaxX) {\n      this._touchTranslateX = this.easeOutExpo(\n        this._touchTranslateX - this._touchMaxX,\n        this._touchMaxX,\n        menuMargin / 2,\n        this._touchMaxX * 4\n      );\n    }\n\n    // Set new sub menu position and tell any parent to follow;\n    this.animateSetMenuPosition(this._touchTranslateX);\n  };\n\n  private _handleOverlayTouchEnd = () => {\n    if (!this._touchTouchingElement || this.menu._isAnimating) {\n      return;\n    }\n\n    this._touchTranslateX = this._touchCurrentX - this._touchStartX;\n    if (this._touchTranslateX === 0) {\n      return;\n    }\n\n    this._touchTouchingElement = false;\n    this._touchTimeTaken = new Date().getTime() - this._touchStartTime;\n\n    const swipeMinDistance = 10;\n    const swipeMinTime = 50;\n    const swipeMaxTime = 300;\n\n    const pannedHalfwayRight = this._touchTranslateX > this._touchMaxX / 2;\n    const swipedRight =\n      this._touchTranslateX > this._touchMaxX / swipeMinDistance &&\n      this._touchTimeTaken > swipeMinTime &&\n      this._touchTimeTaken < swipeMaxTime;\n\n    if (!!this._parentMenu && (swipedRight || pannedHalfwayRight)) {\n      // Close submenu keydown-style: close only this menu and leave parents open\n      this.menu.closed.emit('keydown');\n    } else {\n      // Pan ended but the menu was not moved far enough. Reset menus to\n      // where they were before panning stared.\n      this.animateOpenMenu();\n    }\n  };\n\n  /**\n   * Remove touch device pan/swipe listeners from overlay host element\n   */\n  private addOverlayListeners() {\n    this._overlayRef.hostElement.addEventListener(\n      'touchstart',\n      this._handleOverlayTouchStart,\n      passiveEventListenerOptions\n    );\n\n    this._overlayRef.hostElement.addEventListener(\n      'touchmove',\n      this._handleOverlayTouchMove,\n      passiveEventListenerOptions\n    );\n\n    this._overlayRef.hostElement.addEventListener(\n      'touchend',\n      this._handleOverlayTouchEnd,\n      passiveEventListenerOptions\n    );\n  }\n\n  /**\n   * Remove touch device pan/swipe listeners from overlay host element\n   */\n  private removeOverlayListeners() {\n    this._overlayRef.hostElement.removeEventListener(\n      'touchstart',\n      this._handleOverlayTouchStart,\n      passiveEventListenerOptions\n    );\n\n    this._overlayRef.hostElement.removeEventListener(\n      'touchmove',\n      this._handleOverlayTouchMove,\n      passiveEventListenerOptions\n    );\n\n    this._overlayRef.hostElement.removeEventListener(\n      'touchend',\n      this._handleOverlayTouchEnd,\n      passiveEventListenerOptions\n    );\n  }\n\n  /**\n   * Standard exponential ease out function\n   *\n   * @param current Current value\n   * @param offset Offset value, to which calculated value will be added\n   * @param target The target value\n   * @param end Value to which current value is compared\n   */\n  private easeOutExpo(\n    current: number,\n    offset: number,\n    target: number,\n    end: number\n  ): number {\n    return current === end\n      ? offset + target\n      : target * (-Math.pow(2, (-10 * current) / end) + 1) + offset;\n  }\n}\n"]}

package/esm2015/lib/menu/menu-trigger-for.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteMenuTriggerForDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":67,"character":1},"arguments":[{"selector":"[graniteMenuTriggerFor]","host":{"class":"granite-menu-trigger","aria-haspopup":"true","[attr.aria-expanded]":"_isMenuOpen || null","[attr.aria-controls]":"_isMenuOpen ? menu.panelId : null","(mousedown)":"_handleMousedown($event)","(keydown)":"_handleKeydown($event)","(click)":"_handleClick($event)","$quoted$":["aria-haspopup","[attr.aria-expanded]","[attr.aria-controls]","(mousedown)","(keydown)","(click)"]}}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3},"arguments":["graniteMenuTriggerFor"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":124,"character":5},"arguments":[{"__symbolic":"reference","module":"./menu-panel","name":"GRANITE_MENU_PANEL","line":124,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":130,"character":5},"arguments":[{"__symbolic":"reference","module":"../core/client-environment","name":"GRANITE_CLIENT_INPUT","line":130,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":131,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":135,"character":5},"arguments":[{"__symbolic":"reference","module":"../core/client-environment","name":"GRANITE_CLIENT_OUTPUT","line":135,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":136,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":147,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":147,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":149,"character":5}}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":152,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":152,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":119,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":120,"character":22,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":120,"character":33,"context":{"typeName":"HTMLElement"}}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":121,"character":31},{"__symbolic":"reference","module":"./menu.component","name":"_MenuBaseComponent","line":126,"character":25},{"__symbolic":"reference","module":"../core/client-environment","name":"ClientInputInterface","line":132,"character":25},{"__symbolic":"reference","module":"../core/client-environment","name":"ClientOutputInterface","line":137,"character":26},{"__symbolic":"reference","module":"./menu-item.component","name":"GraniteMenuItemComponent","line":147,"character":51},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":149,"character":30},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":150,"character":27},{"__symbolic":"reference","name":"any"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_handleMenuChange":[{"__symbolic":"method"}],"isOpen":[{"__symbolic":"method"}],"openMenu":[{"__symbolic":"method"}],"triggersSubmenu":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_destroyMenu":[{"__symbolic":"method"}],"_handleMousedown":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_handleHover":[{"__symbolic":"method"}],"_restoreFocus":[{"__symbolic":"method"}],"_setIsMenuOpen":[{"__symbolic":"method"}],"_checkMenu":[{"__symbolic":"method"}],"_desktopPositionStrategy":[{"__symbolic":"method"}],"_setPosition":[{"__symbolic":"method"}],"_menuClosingActions":[{"__symbolic":"method"}],"_openOnHover":[{"__symbolic":"method"}],"_toggleOnSubmenuClick":[{"__symbolic":"method"}],"animateOpenMenu":[{"__symbolic":"method"}],"animateTouchOpenMenu":[{"__symbolic":"method"}],"animateCloseMenu":[{"__symbolic":"method"}],"_animateTouchCloseMenu":[{"__symbolic":"method"}],"animateSetMenuPosition":[{"__symbolic":"method"}],"_positionStrategy":[{"__symbolic":"method"}],"_touchPositionStrategy":[{"__symbolic":"method"}],"addOverlayListeners":[{"__symbolic":"method"}],"removeOverlayListeners":[{"__symbolic":"method"}],"easeOutExpo":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/menu/menu.component.js

@@ -1,362 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, Directive, EventEmitter, Input, Output, QueryList, TemplateRef, ViewChild, } from '@angular/core';
-import { FocusKeyManager } from '@angular/cdk/a11y';
-import { hasModifierKey } from '@angular/cdk/keycodes';
-import { BehaviorSubject, combineLatest, merge, Subject, Subscription, } from 'rxjs';
-import { filter, map, startWith, switchMap } from 'rxjs/operators';
-import { GraniteMenuItemComponent } from './menu-item.component';
-import { GRANITE_MENU_PANEL, } from './menu-panel';
-import { graniteMenuDesktopAnimations } from './menu-desktop-animations';
-import { graniteMenuTouchAnimations } from './menu-touch-animations';
-import { throwGraniteMenuInvalidPositionX, throwGraniteMenuInvalidPositionY, } from './menu-errors';
-/** Counter for panel ID generation */
-let menuPanelUid = 0;
-/** Menu panel animation default transform values */
-const transformMenuDefault = {
-    value: 'void',
-    params: {
-        xOffset: 0,
-    },
-};
-/** Base class with all of the menu functionality. */
-// eslint-disable-next-line @angular-eslint/directive-class-suffix
-export class _MenuBaseComponent {
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        this.openOnHover = true;
-        /**
-         * Event emitted when the menu is closed
-         */
-        this.closed = new EventEmitter();
-        /**
-         * Used for locating the panel in tests and setting the aria-control attribute
-         * for the menu trigger.
-         */
-        this.panelId = `granite-menu-panel-${menuPanelUid++}`;
-        /** Whether to show back button in touch menu title bar */
-        this.showBackButton = false;
-        /** Whether to show touch menu title bar */
-        this.showTitle = false;
-        /** Whether to add a close button below the menu */
-        this.showCloseButton = false;
-        /** Observable current state of the panel animation. */
-        // eslint-disable-next-line rxjs/no-exposed-subjects
-        this._transformMenu = new BehaviorSubject(transformMenuDefault);
-        /** Emits whenever an animation on the menu completes. */
-        // eslint-disable-next-line rxjs/no-exposed-subjects
-        this._animationDone = new Subject();
-        this._menuEmpty$ = new BehaviorSubject(false);
-        // eslint-disable-next-line @typescript-eslint/member-ordering
-        this._isMenuEmpty$ = combineLatest([
-            this._menuEmpty$,
-            this._animationDone,
-        ]).pipe(filter(([m, a]) => m && a != null), map(() => true));
-        /** Only the direct descendant menu items. */
-        this._directDescendantItems = new QueryList();
-        /** Subscription to tab events on the menu panel */
-        this._tabSubscription = Subscription.EMPTY;
-        this._xPosition = 'after';
-        this._yPosition = 'below';
-        /**
-         * Current horizontal offset. Used with `pan` and `pan-hidden`
-         * animation states.
-         */
-        this.xOffset = 0;
-    }
-    /** Position of the menu in the X axis. */
-    get xPosition() {
-        return this._xPosition;
-    }
-    set xPosition(value) {
-        if (value !== 'before' && value !== 'after') {
-            throwGraniteMenuInvalidPositionX();
-        }
-        this._xPosition = value;
-    }
-    /** Position of the menu in the Y axis. */
-    get yPosition() {
-        return this._yPosition;
-    }
-    set yPosition(value) {
-        if (value !== 'above' && value !== 'below') {
-            throwGraniteMenuInvalidPositionY();
-        }
-        this._yPosition = value;
-    }
-    /** Current state of the panel animation. */
-    set _panelAnimationState(state) {
-        this._transformMenu.next({
-            value: state,
-            params: { xOffset: this.xOffset },
-        });
-    }
-    ngAfterContentChecked() {
-        this._menuEmpty$.next(this._allItems.length < 1 ? true : false);
-    }
-    ngAfterContentInit() {
-        this._updateDirectDescendants();
-        this._keyManager = new FocusKeyManager(this._directDescendantItems)
-            .withWrap()
-            .skipPredicate((menuItem) => {
-            const hostElement = menuItem._getHostElement();
-            return hostElement instanceof HTMLButtonElement
-                ? hostElement.disabled
-                : hostElement.hasAttribute('graniteTitle');
-        });
-        this._tabSubscription = this._keyManager.tabOut.subscribe(() => {
-            this.closed.emit('tab');
-        });
-        // If a user manually (programatically) focuses a menu item, we need to reflect that focus
-        // change back to the key manager. Note that we don't need to unsubscribe here because _focused
-        // is internal and we know that it gets completed on destroy.
-        this._directDescendantItems.changes
-            .pipe(startWith(this._directDescendantItems), switchMap((items) => merge(...items.map((item) => item._focused))))
-            .subscribe((focusedItem) => this._keyManager.updateActiveItem(focusedItem));
-    }
-    ngOnDestroy() {
-        this._directDescendantItems.destroy();
-        this._tabSubscription.unsubscribe();
-        this.closed.complete();
-    }
-    /**
-     * Stream that combines the `_hovered` observables of all the menu's items
-     * into a single observable. Emits whenever the hovered menu item changes.
-     */
-    _hovered() {
-        // Coerce the `changes` property because Angular types it as `Observable<any>`
-        const itemChanges = this._directDescendantItems.changes;
-        return itemChanges.pipe(startWith(this._directDescendantItems), 
-        // Hovering is not applicable when producing touch output
-        filter(() => {
-            var _a;
-            return ((_a = this._clientOutput) === null || _a === void 0 ? void 0 : _a.device) !== 'touch';
-        }), switchMap((items) => merge(...items.map((item) => item._hovered))));
-    }
-    /** Handle a keyboard event from the menu, delegating to the appropriate action. */
-    _handleKeydown(event) {
-        const key = event.key;
-        const manager = this._keyManager;
-        switch (key) {
-            case 'Escape':
-                if (!hasModifierKey(event)) {
-                    event.preventDefault();
-                    this.closed.emit('keydown');
-                }
-                break;
-            case 'ArrowLeft':
-                if (this.parentMenu && this.direction === 'ltr') {
-                    this.closed.emit('keydown');
-                }
-                break;
-            case 'ArrowRight':
-                if (this.parentMenu && this.direction === 'rtl') {
-                    this.closed.emit('keydown');
-                }
-                break;
-            case 'Home':
-            case 'End':
-                if (!hasModifierKey(event)) {
-                    key === 'Home'
-                        ? manager.setFirstItemActive()
-                        : manager.setLastItemActive();
-                    event.preventDefault();
-                }
-                break;
-            default:
-                if (key === 'ArrowUp' || key === 'ArrowDown') {
-                    manager.setFocusOrigin('keyboard');
-                }
-                manager.onKeydown(event);
-        }
-    }
-    /**
-     * Focus the first item in the menu.
-     * @param origin Action from which the focus originated. Used to set the correct styling.
-     */
-    focusFirstItem(origin = 'program') {
-        this._keyManager.setFocusOrigin(origin).setFirstItemActive();
-    }
-    /** Updates the `showTitle` property for touch device UI */
-    _updateShowTitle() {
-        this.showTitle = !!this.title || this.showBackButton;
-    }
-    /** Starts the enter animation */
-    _startAnimation() {
-        this._panelAnimationState = 'enter';
-    }
-    /** Resets the panel animation to its initial state. */
-    _resetAnimation() {
-        this._panelAnimationState = '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() {
-        this._panelAnimationState = 'below';
-    }
-    /**
-     * 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() {
-        this._panelAnimationState = 'below-with-delay';
-    }
-    /**
-     * 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() {
-        this._resetAnimation();
-    }
-    /**
-     * Starts the enter-from-below animation, moving a (root) menu into view,
-     * Animates upwards from a starting position below the viewport.
-     */
-    _startTouchRootEnterAnimation() {
-        this._panelAnimationState = 'enter-from-below';
-        this.xOffset = 0;
-    }
-    /** Starts the enter animation, moving a (sub) menu into view. */
-    _startTouchSubmenuEnterAnimation() {
-        this._panelAnimationState = 'enter';
-        this.xOffset = 0;
-    }
-    /**
-     * Starts the pan animation, to position a submenu in a response
-     * to user dragging sideways (panning).
-     */
-    _startTouchPanAnimation(xOffset) {
-        this._panelAnimationState = 'pan';
-        this.xOffset = xOffset;
-    }
-    /**
-     * Starts the pan-hidden animation, to position a parent menu next to an
-     * active submenu that the user is dragging sideways (panning).
-     */
-    _startTouchHidePanAnimation(xOffset) {
-        this._panelAnimationState = 'pan-hidden';
-        this.xOffset = xOffset;
-    }
-    /**
-     * Starts the hide animation, to make a parent menu slide out to leave
-     * space for a submenu.
-     */
-    _startTouchHideAnimation() {
-        this._panelAnimationState = 'hide';
-        this.xOffset = 0;
-    }
-    /** Callback that is invoked when the panel animation completes. */
-    _onAnimationDone(event) {
-        this._animationDone.next(event);
-        this._isAnimating = false;
-    }
-    _onAnimationStart(event) {
-        this._isAnimating = true;
-        // Scroll the content element to the top as soon as the animation starts. This is necessary,
-        // because we move focus to the first item while it's still being animated, which can throw
-        // the browser off when it determines the scroll position. Alternatively we can move focus
-        // when the animation is done, however moving focus asynchronously will interrupt screen
-        // readers which are in the process of reading out the menu already. We take the `element`
-        // from the `event` since we can't use a `ViewChild` to access the pane.
-        if ((event.toState === 'enter' || event.toState === 'enter-from-below') &&
-            this._keyManager.activeItemIndex === 0) {
-            event.element.scrollTop = 0;
-        }
-    }
-    /**
-     * Handle click on the menu by emitting on the `closed` emitter
-     * with a `click` reason
-     */
-    _handleClick() {
-        this.closed.emit('click');
-    }
-    /**
-     * Handle click on the close button by emitting on the `closed` emitter
-     * without any particular reason
-     */
-    _handleCloseClick() {
-        this.closed.emit();
-    }
-    /**
-     * Handle click on the back icon by emitting on the `clicked` emitter
-     */
-    _handleBackClick(e) {
-        if (this.showBackButton) {
-            // Close submenu keydown-style: close only this menu and leave parents open
-            this.closed.emit('keydown');
-        }
-        e.stopPropagation();
-    }
-    /**
-     * Update client device information for the menu and its menu items.
-     */
-    _setDevice(clientInput, clientOutput) {
-        this._clientInput = clientInput;
-        this._clientOutput = clientOutput;
-        this._directDescendantItems.forEach((item) => {
-            item._clientInput = clientInput;
-            item._clientOutput = clientOutput;
-        });
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * 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() {
-        this._keyManager.setActiveItem(-1);
-    }
-    /**
-     * 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.
-     */
-    _updateDirectDescendants() {
-        this._allItems.changes
-            .pipe(startWith(this._allItems))
-            .subscribe((items) => {
-            this._directDescendantItems.reset(items.filter((item) => item._parentMenu === this));
-            this._directDescendantItems.notifyOnChanges();
-        });
-    }
-}
-_MenuBaseComponent.decorators = [
-    { type: Directive }
-];
-_MenuBaseComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-_MenuBaseComponent.propDecorators = {
-    xPosition: [{ type: Input }],
-    yPosition: [{ type: Input }],
-    title: [{ type: Input }],
-    closeLabel: [{ type: Input }],
-    openOnHover: [{ type: Input }],
-    templateRef: [{ type: ViewChild, args: [TemplateRef,] }],
-    _allItems: [{ type: ContentChildren, args: [GraniteMenuItemComponent, { descendants: true },] }],
-    closed: [{ type: Output }]
-};
-export class GraniteMenuComponent extends _MenuBaseComponent {
-}
-GraniteMenuComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'granite-menu',
-                template: "<!--\n  Using separate template part for desktop and touch output, because of\n  animation triggers and slightly different content.\n-->\n<ng-template>\n  <!-- Desktop -->\n  <ng-container *ngIf=\"_clientOutput.device === 'desktop'\">\n    <div\n      #menu\n      class=\"granite-menu\"\n      [class.is-menu-empty]=\"_isMenuEmpty$ | async\"\n      tabindex=\"-1\"\n      [id]=\"panelId\"\n      [@transformMenuDesktop]=\"_transformMenu | async\"\n      (@transformMenuDesktop.start)=\"_onAnimationStart($event)\"\n      (@transformMenuDesktop.done)=\"_onAnimationDone($event)\"\n      (click)=\"_handleClick()\"\n      (keydown)=\"_handleKeydown($event)\"\n    >\n      <div class=\"granite-menu-content\">\n        <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Touch -->\n  <ng-container *ngIf=\"_clientOutput?.device === 'touch'\">\n    <div\n      #menu\n      class=\"granite-menu granite-device-output-touch\"\n      tabindex=\"-1\"\n      [id]=\"panelId\"\n      [@transformMenuTouch]=\"_transformMenu | async\"\n      (@transformMenuTouch.start)=\"_onAnimationStart($event)\"\n      (@transformMenuTouch.done)=\"_onAnimationDone($event)\"\n      (click)=\"_handleClick()\"\n      (keydown)=\"_handleKeydown($event)\"\n    >\n      <div class=\"granite-menu-content\">\n        <div *ngIf=\"showTitle\" class=\"header-container\">\n          <button\n            [disabled]=\"!showBackButton\"\n            graniteMenuTouchTitleItem\n            (click)=\"_handleBackClick($event)\"\n          >\n            {{ title }}\n          </button>\n        </div>\n\n        <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n\n        <div class=\"footer-container\"></div>\n      </div>\n    </div>\n\n    <!-- Close button -->\n    <div class=\"close\" [@transformCloseButton]=\"_transformMenu | async\">\n      <button\n        *ngIf=\"showCloseButton\"\n        graniteMenuTouchCloseItem\n        (click)=\"_handleCloseClick()\"\n      >\n        {{ closeLabel }}\n      </button>\n    </div>\n  </ng-container>\n\n  <!--\n    Content template shared between desktop and touch parts, as <ng-content>\n    can't be used in two places in the same template\n  -->\n  <ng-template #content>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                exportAs: 'graniteMenu',
-                animations: [
-                    graniteMenuDesktopAnimations.transformMenuDesktop,
-                    graniteMenuTouchAnimations.transformMenuTouch,
-                    graniteMenuTouchAnimations.transformCloseButton,
-                ],
-                providers: [
-                    { provide: GRANITE_MENU_PANEL, useExisting: GraniteMenuComponent },
-                ],
-                styles: [".granite-menu:not(.granite-device-output-touch){background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 2rem);outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(var(--granite-shadow-l));min-width:7rem;overflow-x:hidden;overflow-y:hidden}.granite-menu:not(.granite-device-output-touch).ng-animating{pointer-events:none}.granite-menu:not(.granite-device-output-touch):not(.is-menu-empty){min-height:2rem}.granite-menu:not(.granite-device-output-touch):hover{overflow-y:auto}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar{width:var(--granite-spacing-xs)}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar-thumb{background-color:var(--granite-color-border-hard);border-radius:calc(var(--granite-spacing-m) * .125)}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar-track{background-color:var(--granite-color-background-hover)}.granite-menu.granite-device-output-touch{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 2rem);outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(var(--granite-shadow-l));border-radius:.25rem;max-height:calc(100% - ($granite-base-rem * 7))}.granite-menu.granite-device-output-touch.ng-animating{pointer-events:none}.granite-menu.granite-device-output-touch:not(.is-menu-empty){min-height:3rem}.granite-menu.granite-device-output-touch:not(.close){margin:var(--granite-spacing-xs)}.granite-menu.granite-device-output-touch.close{-webkit-margin-start:var(--granite-spacing-xs);margin-inline-start:var(--granite-spacing-xs);-webkit-margin-end:var(--granite-spacing-xs);margin-inline-end:var(--granite-spacing-xs);-webkit-margin-after:var(--granite-spacing-xs);margin-block-end:var(--granite-spacing-xs)}.granite-menu.granite-device-output-touch .header-container{position:-webkit-sticky;position:sticky;top:0;background-color:var(--granite-color-background-variant);z-index:1}.granite-menu.granite-device-output-touch .footer-container{position:-webkit-sticky;position:sticky;bottom:0;height:0}.close:not(:empty){background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 2rem);outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(var(--granite-shadow-l));border-radius:.25rem}.close:not(:empty).ng-animating{pointer-events:none}.close:not(:empty):not(.is-menu-empty){min-height:3rem}.close:not(:empty):not(.close){margin:var(--granite-spacing-xs)}.close:not(:empty).close{-webkit-margin-start:var(--granite-spacing-xs);margin-inline-start:var(--granite-spacing-xs);-webkit-margin-end:var(--granite-spacing-xs);margin-inline-end:var(--granite-spacing-xs);-webkit-margin-after:var(--granite-spacing-xs);margin-block-end:var(--granite-spacing-xs)}"]
-            },] }
-];
-//# sourceMappingURL=menu.component.js.map

package/esm2015/lib/menu/menu.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentChecked,\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  Directive,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { FocusKeyManager, FocusOrigin } from '@angular/cdk/a11y';\nimport { Direction } from '@angular/cdk/bidi';\nimport { hasModifierKey } from '@angular/cdk/keycodes';\nimport { AnimationEvent } from '@angular/animations';\n\nimport {\n  BehaviorSubject,\n  combineLatest,\n  merge,\n  Observable,\n  Subject,\n  Subscription,\n} from 'rxjs';\nimport { filter, map, startWith, switchMap } from 'rxjs/operators';\n\nimport { GraniteMenuItemComponent } from './menu-item.component';\nimport {\n  ClosedEventType,\n  GRANITE_MENU_PANEL,\n  GraniteMenuPanelInterface,\n} from './menu-panel';\nimport { graniteMenuDesktopAnimations } from './menu-desktop-animations';\nimport { graniteMenuTouchAnimations } from './menu-touch-animations';\nimport {\n  ClientOutputInterface,\n  ClientInputInterface,\n} from '../core/client-environment';\nimport { MenuPositionX, MenuPositionY } from './menu-positions';\nimport {\n  throwGraniteMenuInvalidPositionX,\n  throwGraniteMenuInvalidPositionY,\n} from './menu-errors';\n\n/** Counter for panel ID generation */\nlet menuPanelUid = 0;\n\n/** Menu panel animation states */\ntype TransformMenuStates =\n  // Touch device\n  | 'void'\n  | 'enter'\n  | 'enter-from-below'\n  | 'below-with-delay'\n  | 'below'\n  | 'pan'\n  | 'hide'\n  | 'pan-hidden';\n\n/**\n * Menu panel animation transform/state object. Has to be an object as we supply\n * the `xOffset` parameter and not just the state name.\n */\ntype TransformMenu = {\n  /** Current animation state name */\n  value: TransformMenuStates;\n  params: {\n    /** How far the menu has been panned/swiped by the user */\n    xOffset: number;\n  };\n};\n\n/** Menu panel animation default transform values */\nconst transformMenuDefault: TransformMenu = {\n  value: 'void',\n  params: {\n    xOffset: 0,\n  },\n};\n\n/** Base class with all of the menu functionality. */\n@Directive()\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport class _MenuBaseComponent\n  implements\n    AfterContentInit,\n    OnDestroy,\n    AfterContentChecked,\n    GraniteMenuPanelInterface {\n  /** Position of the menu in the X axis. */\n  @Input()\n  get xPosition(): MenuPositionX {\n    return this._xPosition;\n  }\n  set xPosition(value: MenuPositionX) {\n    if (value !== 'before' && value !== 'after') {\n      throwGraniteMenuInvalidPositionX();\n    }\n    this._xPosition = value;\n  }\n\n  /** Position of the menu in the Y axis. */\n  @Input()\n  get yPosition(): MenuPositionY {\n    return this._yPosition;\n  }\n  set yPosition(value: MenuPositionY) {\n    if (value !== 'above' && value !== 'below') {\n      throwGraniteMenuInvalidPositionY();\n    }\n    this._yPosition = value;\n  }\n\n  /** Optional touch menu panel title */\n  @Input()\n  title: string;\n\n  /**\n   * Touch menu close button label. If not set, any label set by parent will\n   * be used.\n   */\n  @Input()\n  closeLabel: string;\n\n  @Input()\n  openOnHover: boolean = true;\n\n  @ViewChild(TemplateRef) templateRef: TemplateRef<any>;\n\n  /** All items inside the menu. Includes items nested inside another menu. */\n  @ContentChildren(GraniteMenuItemComponent, { descendants: true })\n  _allItems: QueryList<GraniteMenuItemComponent>;\n\n  /**\n   * Event emitted when the menu is closed\n   */\n  @Output() readonly closed: EventEmitter<ClosedEventType> = new EventEmitter();\n\n  /**\n   * Used for locating the panel in tests and setting the aria-control attribute\n   * for the menu trigger.\n   */\n  readonly panelId = `granite-menu-panel-${menuPanelUid++}`;\n\n  /** Parent menu of the current menu panel. */\n  parentMenu: GraniteMenuPanelInterface | undefined;\n\n  /** Layout direction of the menu. */\n  direction: Direction;\n\n  /** Whether to show back button in touch menu title bar */\n  showBackButton: boolean = false;\n\n  /** Whether to show touch menu title bar */\n  showTitle: boolean = false;\n\n  /** Whether to add a close button below the menu */\n  showCloseButton: boolean = false;\n\n  /** Observable current state of the panel animation. */\n  // eslint-disable-next-line rxjs/no-exposed-subjects\n  _transformMenu: BehaviorSubject<TransformMenu> = new BehaviorSubject(\n    transformMenuDefault\n  );\n\n  /** Emits whenever an animation on the menu completes. */\n  // eslint-disable-next-line rxjs/no-exposed-subjects\n  _animationDone = new Subject<AnimationEvent>();\n\n  /** Whether the menu is animating. */\n  _isAnimating: boolean;\n\n  /** Whether the menu is about to be destroyed. */\n  _isClosing: boolean;\n\n  /** Client input device information */\n  _clientInput: ClientInputInterface;\n\n  /** Client output device information */\n  _clientOutput: ClientOutputInterface;\n\n  private _menuEmpty$: BehaviorSubject<boolean> = new BehaviorSubject(false);\n  // eslint-disable-next-line @typescript-eslint/member-ordering\n  _isMenuEmpty$: Observable<boolean> = combineLatest([\n    this._menuEmpty$,\n    this._animationDone,\n  ]).pipe(\n    filter(([m, a]) => m && a != null),\n    map(() => true)\n  );\n\n  /** Only the direct descendant menu items. */\n  private _directDescendantItems = new QueryList<GraniteMenuItemComponent>();\n\n  private _keyManager: FocusKeyManager<GraniteMenuItemComponent>;\n\n  /** Subscription to tab events on the menu panel */\n  private _tabSubscription = Subscription.EMPTY;\n\n  private _xPosition: MenuPositionX = 'after';\n  private _yPosition: MenuPositionY = 'below';\n\n  /** Current state of the panel animation. */\n  set _panelAnimationState(state: TransformMenuStates) {\n    this._transformMenu.next({\n      value: state,\n      params: { xOffset: this.xOffset },\n    });\n  }\n\n  /**\n   * Current horizontal offset. Used with `pan` and `pan-hidden`\n   * animation states.\n   */\n  private xOffset: number = 0;\n\n  constructor(private _changeDetectorRef: ChangeDetectorRef) {}\n\n  ngAfterContentChecked(): void {\n    this._menuEmpty$.next(this._allItems.length < 1 ? true : false);\n  }\n\n  ngAfterContentInit(): void {\n    this._updateDirectDescendants();\n    this._keyManager = new FocusKeyManager(this._directDescendantItems)\n      .withWrap()\n      .skipPredicate((menuItem) => {\n        const hostElement: HTMLElement = menuItem._getHostElement();\n        return hostElement instanceof HTMLButtonElement\n          ? hostElement.disabled\n          : hostElement.hasAttribute('graniteTitle');\n      });\n    this._tabSubscription = this._keyManager.tabOut.subscribe(() => {\n      this.closed.emit('tab');\n    });\n\n    // If a user manually (programatically) focuses a menu item, we need to reflect that focus\n    // change back to the key manager. Note that we don't need to unsubscribe here because _focused\n    // is internal and we know that it gets completed on destroy.\n    this._directDescendantItems.changes\n      .pipe(\n        startWith(this._directDescendantItems),\n        switchMap((items) =>\n          merge<GraniteMenuItemComponent>(\n            ...items.map((item: GraniteMenuItemComponent) => item._focused)\n          )\n        )\n      )\n      .subscribe((focusedItem) =>\n        this._keyManager.updateActiveItem(focusedItem)\n      );\n  }\n\n  ngOnDestroy(): void {\n    this._directDescendantItems.destroy();\n    this._tabSubscription.unsubscribe();\n    this.closed.complete();\n  }\n\n  /**\n   * Stream that combines the `_hovered` observables of all the menu's items\n   * into a single observable. Emits whenever the hovered menu item changes.\n   */\n  _hovered(): Observable<GraniteMenuItemComponent> {\n    // Coerce the `changes` property because Angular types it as `Observable<any>`\n    const itemChanges = this._directDescendantItems.changes as Observable<\n      QueryList<GraniteMenuItemComponent>\n    >;\n\n    return itemChanges.pipe(\n      startWith(this._directDescendantItems),\n      // Hovering is not applicable when producing touch output\n      filter(() => {\n        return this._clientOutput?.device !== 'touch';\n      }),\n      switchMap((items) =>\n        merge(...items.map((item: GraniteMenuItemComponent) => item._hovered))\n      )\n    ) as Observable<GraniteMenuItemComponent>;\n  }\n\n  /** Handle a keyboard event from the menu, delegating to the appropriate action. */\n  _handleKeydown(event: KeyboardEvent): void {\n    const key = event.key;\n    const manager = this._keyManager;\n\n    switch (key) {\n      case 'Escape':\n        if (!hasModifierKey(event)) {\n          event.preventDefault();\n          this.closed.emit('keydown');\n        }\n        break;\n      case 'ArrowLeft':\n        if (this.parentMenu && this.direction === 'ltr') {\n          this.closed.emit('keydown');\n        }\n        break;\n      case 'ArrowRight':\n        if (this.parentMenu && this.direction === 'rtl') {\n          this.closed.emit('keydown');\n        }\n        break;\n      case 'Home':\n      case 'End':\n        if (!hasModifierKey(event)) {\n          key === 'Home'\n            ? manager.setFirstItemActive()\n            : manager.setLastItemActive();\n          event.preventDefault();\n        }\n        break;\n      default:\n        if (key === 'ArrowUp' || key === 'ArrowDown') {\n          manager.setFocusOrigin('keyboard');\n        }\n\n        manager.onKeydown(event);\n    }\n  }\n\n  /**\n   * Focus the first item in the menu.\n   * @param origin Action from which the focus originated. Used to set the correct styling.\n   */\n  focusFirstItem(origin: FocusOrigin = 'program'): void {\n    this._keyManager.setFocusOrigin(origin).setFirstItemActive();\n  }\n\n  /** Updates the `showTitle` property for touch device UI */\n  _updateShowTitle(): void {\n    this.showTitle = !!this.title || this.showBackButton;\n  }\n\n  /** Starts the enter animation */\n  _startAnimation(): void {\n    this._panelAnimationState = 'enter';\n  }\n\n  /** Resets the panel animation to its initial state. */\n  _resetAnimation(): void {\n    this._panelAnimationState = 'void';\n  }\n\n  /**\n   * Starts the 'below' animation, moving a menu down, out of view below the\n   * viewport. Used to close the whole menu, for example when clicking\n   * the backdrop.\n   */\n  _startTouchCloseDownAnimation(): void {\n    this._panelAnimationState = 'below';\n  }\n\n  /**\n   * Starts the 'below-with-delay' animation, moving a menu down, out of view below the\n   * viewport. Used to close the whole menu as a response to the user tapping\n   * a menu item. There is a short delay before the animation starts, to that\n   * the user gets a visual feedback on what item was selected.\n   */\n  _startTouchCloseDownAnimationWithDelay(): void {\n    this._panelAnimationState = 'below-with-delay';\n  }\n\n  /**\n   * Starts the 'void' animation, moving a (sub) menu out of view to the side\n   * of the viewport. Used when going \"back\" from a sub menu.\n   */\n  _startTouchCloseSideAnimation(): void {\n    this._resetAnimation();\n  }\n\n  /**\n   * Starts the enter-from-below animation, moving a (root) menu into view,\n   * Animates upwards from a starting position below the viewport.\n   */\n  _startTouchRootEnterAnimation(): void {\n    this._panelAnimationState = 'enter-from-below';\n    this.xOffset = 0;\n  }\n\n  /** Starts the enter animation, moving a (sub) menu into view. */\n  _startTouchSubmenuEnterAnimation(): void {\n    this._panelAnimationState = 'enter';\n    this.xOffset = 0;\n  }\n\n  /**\n   * Starts the pan animation, to position a submenu in a response\n   * to user dragging sideways (panning).\n   */\n  _startTouchPanAnimation(xOffset: number): void {\n    this._panelAnimationState = 'pan';\n    this.xOffset = xOffset;\n  }\n\n  /**\n   * Starts the pan-hidden animation, to position a parent menu next to an\n   * active submenu that the user is dragging sideways (panning).\n   */\n  _startTouchHidePanAnimation(xOffset: number): void {\n    this._panelAnimationState = 'pan-hidden';\n    this.xOffset = xOffset;\n  }\n\n  /**\n   * Starts the hide animation, to make a parent menu slide out to leave\n   * space for a submenu.\n   */\n  _startTouchHideAnimation(): void {\n    this._panelAnimationState = 'hide';\n    this.xOffset = 0;\n  }\n\n  /** Callback that is invoked when the panel animation completes. */\n  _onAnimationDone(event: AnimationEvent): void {\n    this._animationDone.next(event);\n    this._isAnimating = false;\n  }\n\n  _onAnimationStart(event: AnimationEvent): void {\n    this._isAnimating = true;\n\n    // Scroll the content element to the top as soon as the animation starts. This is necessary,\n    // because we move focus to the first item while it's still being animated, which can throw\n    // the browser off when it determines the scroll position. Alternatively we can move focus\n    // when the animation is done, however moving focus asynchronously will interrupt screen\n    // readers which are in the process of reading out the menu already. We take the `element`\n    // from the `event` since we can't use a `ViewChild` to access the pane.\n    if (\n      (event.toState === 'enter' || event.toState === 'enter-from-below') &&\n      this._keyManager.activeItemIndex === 0\n    ) {\n      event.element.scrollTop = 0;\n    }\n  }\n\n  /**\n   * Handle click on the menu by emitting on the `closed` emitter\n   * with a `click` reason\n   */\n  _handleClick(): void {\n    this.closed.emit('click');\n  }\n\n  /**\n   * Handle click on the close button by emitting on the `closed` emitter\n   * without any particular reason\n   */\n  _handleCloseClick(): void {\n    this.closed.emit();\n  }\n\n  /**\n   * Handle click on the back icon by emitting on the `clicked` emitter\n   */\n  _handleBackClick(e: MouseEvent): void {\n    if (this.showBackButton) {\n      // Close submenu keydown-style: close only this menu and leave parents open\n      this.closed.emit('keydown');\n    }\n    e.stopPropagation();\n  }\n\n  /**\n   * Update client device information for the menu and its menu items.\n   */\n  _setDevice(\n    clientInput: ClientInputInterface,\n    clientOutput: ClientOutputInterface\n  ): void {\n    this._clientInput = clientInput;\n    this._clientOutput = clientOutput;\n\n    this._directDescendantItems.forEach((item) => {\n      item._clientInput = clientInput;\n      item._clientOutput = clientOutput;\n    });\n\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Resets the active item in the menu. This is used when the menu is opened, allowing\n   * the user to start from the first option when pressing the down arrow.\n   */\n  resetActiveItem(): void {\n    this._keyManager.setActiveItem(-1);\n  }\n\n  /**\n   * Sets up a stream that will keep track of any newly-added menu items and will update the list\n   * of direct descendants. We collect the descendants this way, because `_allItems` can include\n   * items that are part of child menus, and using a custom way of registering items is unreliable\n   * when it comes to maintaining the item order.\n   */\n  private _updateDirectDescendants() {\n    this._allItems.changes\n      .pipe(startWith(this._allItems))\n      .subscribe((items: QueryList<GraniteMenuItemComponent>) => {\n        this._directDescendantItems.reset(\n          items.filter((item) => item._parentMenu === this)\n        );\n        this._directDescendantItems.notifyOnChanges();\n      });\n  }\n}\n\n@Component({\n  selector: 'granite-menu',\n  templateUrl: 'menu.component.html',\n  styleUrls: ['menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  exportAs: 'graniteMenu',\n  animations: [\n    graniteMenuDesktopAnimations.transformMenuDesktop,\n    graniteMenuTouchAnimations.transformMenuTouch,\n    graniteMenuTouchAnimations.transformCloseButton,\n  ],\n  providers: [\n    { provide: GRANITE_MENU_PANEL, useExisting: GraniteMenuComponent },\n  ],\n})\nexport class GraniteMenuComponent extends _MenuBaseComponent {}\n"]}

package/esm2015/lib/menu/menu.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"_MenuBaseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":86,"character":1}}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"closeLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"openOnHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":132,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":132,"character":13}]}]}],"_allItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":135,"character":3},"arguments":[{"__symbolic":"reference","module":"./menu-item.component","name":"GraniteMenuItemComponent","line":135,"character":19},{"descendants":true}]}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":221,"character":42}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_hovered":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"_updateShowTitle":[{"__symbolic":"method"}],"_startAnimation":[{"__symbolic":"method"}],"_resetAnimation":[{"__symbolic":"method"}],"_startTouchCloseDownAnimation":[{"__symbolic":"method"}],"_startTouchCloseDownAnimationWithDelay":[{"__symbolic":"method"}],"_startTouchCloseSideAnimation":[{"__symbolic":"method"}],"_startTouchRootEnterAnimation":[{"__symbolic":"method"}],"_startTouchSubmenuEnterAnimation":[{"__symbolic":"method"}],"_startTouchPanAnimation":[{"__symbolic":"method"}],"_startTouchHidePanAnimation":[{"__symbolic":"method"}],"_startTouchHideAnimation":[{"__symbolic":"method"}],"_onAnimationDone":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_handleCloseClick":[{"__symbolic":"method"}],"_handleBackClick":[{"__symbolic":"method"}],"_setDevice":[{"__symbolic":"method"}],"resetActiveItem":[{"__symbolic":"method"}],"_updateDirectDescendants":[{"__symbolic":"method"}]}},"GraniteMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MenuBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":512,"character":1},"arguments":[{"selector":"granite-menu","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":516,"character":19},"member":"OnPush"},"exportAs":"graniteMenu","animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./menu-desktop-animations","name":"graniteMenuDesktopAnimations","line":519,"character":4},"member":"transformMenuDesktop"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./menu-touch-animations","name":"graniteMenuTouchAnimations","line":520,"character":4},"member":"transformMenuTouch"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./menu-touch-animations","name":"graniteMenuTouchAnimations","line":521,"character":4},"member":"transformCloseButton"}],"providers":[{"provide":{"__symbolic":"reference","module":"./menu-panel","name":"GRANITE_MENU_PANEL","line":524,"character":15},"useExisting":{"__symbolic":"reference","name":"GraniteMenuComponent"}}],"template":"<!--\n  Using separate template part for desktop and touch output, because of\n  animation triggers and slightly different content.\n-->\n<ng-template>\n  <!-- Desktop -->\n  <ng-container *ngIf=\"_clientOutput.device === 'desktop'\">\n    <div\n      #menu\n      class=\"granite-menu\"\n      [class.is-menu-empty]=\"_isMenuEmpty$ | async\"\n      tabindex=\"-1\"\n      [id]=\"panelId\"\n      [@transformMenuDesktop]=\"_transformMenu | async\"\n      (@transformMenuDesktop.start)=\"_onAnimationStart($event)\"\n      (@transformMenuDesktop.done)=\"_onAnimationDone($event)\"\n      (click)=\"_handleClick()\"\n      (keydown)=\"_handleKeydown($event)\"\n    >\n      <div class=\"granite-menu-content\">\n        <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Touch -->\n  <ng-container *ngIf=\"_clientOutput?.device === 'touch'\">\n    <div\n      #menu\n      class=\"granite-menu granite-device-output-touch\"\n      tabindex=\"-1\"\n      [id]=\"panelId\"\n      [@transformMenuTouch]=\"_transformMenu | async\"\n      (@transformMenuTouch.start)=\"_onAnimationStart($event)\"\n      (@transformMenuTouch.done)=\"_onAnimationDone($event)\"\n      (click)=\"_handleClick()\"\n      (keydown)=\"_handleKeydown($event)\"\n    >\n      <div class=\"granite-menu-content\">\n        <div *ngIf=\"showTitle\" class=\"header-container\">\n          <button\n            [disabled]=\"!showBackButton\"\n            graniteMenuTouchTitleItem\n            (click)=\"_handleBackClick($event)\"\n          >\n            {{ title }}\n          </button>\n        </div>\n\n        <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n\n        <div class=\"footer-container\"></div>\n      </div>\n    </div>\n\n    <!-- Close button -->\n    <div class=\"close\" [@transformCloseButton]=\"_transformMenu | async\">\n      <button\n        *ngIf=\"showCloseButton\"\n        graniteMenuTouchCloseItem\n        (click)=\"_handleCloseClick()\"\n      >\n        {{ closeLabel }}\n      </button>\n    </div>\n  </ng-container>\n\n  <!--\n    Content template shared between desktop and touch parts, as <ng-content>\n    can't be used in two places in the same template\n  -->\n  <ng-template #content>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>\n","styles":[".granite-menu:not(.granite-device-output-touch){background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 2rem);outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(var(--granite-shadow-l));min-width:7rem;overflow-x:hidden;overflow-y:hidden}.granite-menu:not(.granite-device-output-touch).ng-animating{pointer-events:none}.granite-menu:not(.granite-device-output-touch):not(.is-menu-empty){min-height:2rem}.granite-menu:not(.granite-device-output-touch):hover{overflow-y:auto}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar{width:var(--granite-spacing-xs)}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar-thumb{background-color:var(--granite-color-border-hard);border-radius:calc(var(--granite-spacing-m) * .125)}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar-track{background-color:var(--granite-color-background-hover)}.granite-menu.granite-device-output-touch{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 2rem);outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(var(--granite-shadow-l));border-radius:.25rem;max-height:calc(100% - ($granite-base-rem * 7))}.granite-menu.granite-device-output-touch.ng-animating{pointer-events:none}.granite-menu.granite-device-output-touch:not(.is-menu-empty){min-height:3rem}.granite-menu.granite-device-output-touch:not(.close){margin:var(--granite-spacing-xs)}.granite-menu.granite-device-output-touch.close{-webkit-margin-start:var(--granite-spacing-xs);margin-inline-start:var(--granite-spacing-xs);-webkit-margin-end:var(--granite-spacing-xs);margin-inline-end:var(--granite-spacing-xs);-webkit-margin-after:var(--granite-spacing-xs);margin-block-end:var(--granite-spacing-xs)}.granite-menu.granite-device-output-touch .header-container{position:-webkit-sticky;position:sticky;top:0;background-color:var(--granite-color-background-variant);z-index:1}.granite-menu.granite-device-output-touch .footer-container{position:-webkit-sticky;position:sticky;bottom:0;height:0}.close:not(:empty){background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 2rem);outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(var(--granite-shadow-l));border-radius:.25rem}.close:not(:empty).ng-animating{pointer-events:none}.close:not(:empty):not(.is-menu-empty){min-height:3rem}.close:not(:empty):not(.close){margin:var(--granite-spacing-xs)}.close:not(:empty).close{-webkit-margin-start:var(--granite-spacing-xs);margin-inline-start:var(--granite-spacing-xs);-webkit-margin-end:var(--granite-spacing-xs);margin-inline-end:var(--granite-spacing-xs);-webkit-margin-after:var(--granite-spacing-xs);margin-block-end:var(--granite-spacing-xs)}"]}]}]}}}]