@ifsworld/granite-components 4.5.0 → 5.0.2

package/esm2015/lib/menu/menu-desktop-animations.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"graniteMenuDesktopAnimations":{"transformMenuDesktop":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":25,"character":24},"arguments":["transformMenuDesktop",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":26,"character":4},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":6},"arguments":[{"opacity":0,"transform":"scale(0.9)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":33,"character":4},"arguments":["void => enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":35,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":36,"character":8},"arguments":[".granite-menu-content",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":38,"character":10},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":39,"character":12},"arguments":[100]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":12},"arguments":[{"opacity":1}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":45,"character":8},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseOutSteep","line":12,"character":19},"arguments":[120]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":45,"character":28},"arguments":[{"transform":"scale(1)"}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":48,"character":4},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":50,"character":6},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":50,"character":14},"arguments":[100,25]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":50,"character":38},"arguments":[{"opacity":0}]}]}]}]]}}}}]

package/esm2015/lib/menu/menu-errors.js

@@ -1,37 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-/**
- * Throws an exception for the case when menu trigger doesn't have a valid granite-menu instance
- * @docs-private
- */
-export function throwGraniteMenuMissingError() {
-    throw Error(`graniteMenuTriggerFor: must pass in an granite-menu instance.
-
-    Example:
-      <granite-menu #menu="graniteMenu"></granite-menu>
-      <button [graniteMenuTriggerFor]="menu"></button>`);
-}
-/**
- * Throws an exception for the case when menu's x-position value isn't valid.
- * In other words, it doesn't match 'before' or 'after'.
- * @docs-private
- */
-export function throwGraniteMenuInvalidPositionX() {
-    throw Error(`xPosition value must be either 'before' or after'.
-      Example: <granite-menu xPosition="before" #menu="graniteMenu"></granite-menu>`);
-}
-/**
- * Throws an exception for the case when menu's y-position value isn't valid.
- * In other words, it doesn't match 'above' or 'below'.
- * @docs-private
- */
-export function throwGraniteMenuInvalidPositionY() {
-    throw Error(`yPosition value must be either 'above' or below'.
-      Example: <granite-menu yPosition="above" #menu="graniteMenu"></granite-menu>`);
-}
-//# sourceMappingURL=menu-errors.js.map

package/esm2015/lib/menu/menu-errors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-errors.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-errors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;GAGG;AACH,MAAM,UAAU,4BAA4B;IAC1C,MAAM,KAAK,CAAC;;;;uDAIyC,CAAC,CAAC;AACzD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gCAAgC;IAC9C,MAAM,KAAK,CAAC;oFACsE,CAAC,CAAC;AACtF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gCAAgC;IAC9C,MAAM,KAAK,CAAC;mFACqE,CAAC,CAAC;AACrF,CAAC","sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n/**\n * Throws an exception for the case when menu trigger doesn't have a valid granite-menu instance\n * @docs-private\n */\nexport function throwGraniteMenuMissingError(): void {\n  throw Error(`graniteMenuTriggerFor: must pass in an granite-menu instance.\n\n    Example:\n      <granite-menu #menu=\"graniteMenu\"></granite-menu>\n      <button [graniteMenuTriggerFor]=\"menu\"></button>`);\n}\n\n/**\n * Throws an exception for the case when menu's x-position value isn't valid.\n * In other words, it doesn't match 'before' or 'after'.\n * @docs-private\n */\nexport function throwGraniteMenuInvalidPositionX(): void {\n  throw Error(`xPosition value must be either 'before' or after'.\n      Example: <granite-menu xPosition=\"before\" #menu=\"graniteMenu\"></granite-menu>`);\n}\n\n/**\n * Throws an exception for the case when menu's y-position value isn't valid.\n * In other words, it doesn't match 'above' or 'below'.\n * @docs-private\n */\nexport function throwGraniteMenuInvalidPositionY(): void {\n  throw Error(`yPosition value must be either 'above' or below'.\n      Example: <granite-menu yPosition=\"above\" #menu=\"graniteMenu\"></granite-menu>`);\n}\n"]}

package/esm2015/lib/menu/menu-errors.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"throwGraniteMenuMissingError":{"__symbolic":"function"},"throwGraniteMenuInvalidPositionX":{"__symbolic":"function"},"throwGraniteMenuInvalidPositionY":{"__symbolic":"function"}}}]

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

@@ -1,82 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Component, ElementRef, Inject, Input, Optional, } from '@angular/core';
-import { Subject } from 'rxjs';
-import { GRANITE_MENU_PANEL } from './menu-panel';
-export class GraniteMenuItemComponent {
-    constructor(_elementRef, _focusMonitor, _parentMenu) {
-        this._elementRef = _elementRef;
-        this._focusMonitor = _focusMonitor;
-        this._parentMenu = _parentMenu;
-        /** ARIA role for the menu item. */
-        this.role = 'menuitem';
-        /** Stream that emits when the menu item is hovered. */
-        // eslint-disable-next-line rxjs/no-exposed-subjects
-        this._hovered = new Subject();
-        /** Stream that emits when the menu item is focused. */
-        // eslint-disable-next-line rxjs/no-exposed-subjects
-        this._focused = new Subject();
-        /** Whether the menu item acts as a trigger for a sub-menu (used for styling) */
-        this._triggersSubmenu = false;
-        /**
-         * Whether the menu item is highlighted, e.g. in the "breadcrumb" parent chain
-         * of sub menu trigger items
-         */
-        this._highlighted = false;
-        // Start monitoring the element so it gets the appropriate focused classes. We want
-        // to show the focus style for menu items only when the focus was not caused by a
-        // mouse or touch interaction.
-        _focusMonitor.monitor(this._elementRef, false);
-    }
-    ngOnDestroy() {
-        this._focusMonitor.stopMonitoring(this._elementRef);
-        this._hovered.complete();
-        this._focused.complete();
-    }
-    /** Focuses the menu item. */
-    focus(origin = 'program', options) {
-        this._focusMonitor.focusVia(this._getHostElement(), origin, options);
-        this._focused.next(this);
-    }
-    /** Returns the host DOM element. */
-    _getHostElement() {
-        return this._elementRef.nativeElement;
-    }
-}
-GraniteMenuItemComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                selector: '[graniteMenuItem]',
-                template: `<ng-content></ng-content>
-    <ng-container *ngIf="_triggersSubmenu">
-      <granite-icon
-        class="caret-left"
-        [fontIcon]="'icon-caret-left'"
-      ></granite-icon>
-      <granite-icon
-        class="caret-right"
-        [fontIcon]="'icon-caret-right'"
-      ></granite-icon>
-    </ng-container>`,
-                exportAs: 'graniteMenuItem',
-                host: {
-                    '[attr.role]': 'role',
-                    '[class.granite-menu-item]': 'true',
-                    '[class.granite-menu-item-highlighted]': '_highlighted',
-                    '[class.granite-menu-item-submenu-trigger]': '_triggersSubmenu',
-                    //#region --- Touch device customizations ---
-                    '[class.granite-device-output-touch]': '_clientOutput?.device === "touch"',
-                    //#endregion --- Touch device customizations ---
-                    '(mouseenter)': '_hovered.next(this)',
-                },
-                styles: [":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-s);width:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover:hover) and (pointer:fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover:none) and (pointer:coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-keyboard-focused,:host.cdk-program-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{-webkit-padding-end:var(--granite-spacing-l);padding-inline-end:var(--granite-spacing-l)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-xs)}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left,[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover:none) and (pointer:coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-xs)}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right,[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}"]
-            },] }
-];
-GraniteMenuItemComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusMonitor },
-    { type: undefined, decorators: [{ type: Inject, args: [GRANITE_MENU_PANEL,] }, { type: Optional }] }
-];
-GraniteMenuItemComponent.propDecorators = {
-    role: [{ type: Input }]
-};
-//# sourceMappingURL=menu-item.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAe,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EAEL,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAK/B,OAAO,EAAE,kBAAkB,EAA6B,MAAM,cAAc,CAAC;AA6B7E,MAAM,OAAO,wBAAwB;IA2BnC,YACU,WAAoC,EACpC,aAA2B,EAI5B,WAAuC;QALtC,gBAAW,GAAX,WAAW,CAAyB;QACpC,kBAAa,GAAb,aAAa,CAAc;QAI5B,gBAAW,GAAX,WAAW,CAA4B;QAhChD,mCAAmC;QAC1B,SAAI,GAAsD,UAAU,CAAC;QAE9E,uDAAuD;QACvD,oDAAoD;QAC3C,aAAQ,GAAkB,IAAI,OAAO,EAAQ,CAAC;QAEvD,uDAAuD;QACvD,oDAAoD;QAC3C,aAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;QAExC,gFAAgF;QAChF,qBAAgB,GAAY,KAAK,CAAC;QAElC;;;WAGG;QACH,iBAAY,GAAY,KAAK,CAAC;QAgB5B,mFAAmF;QACnF,iFAAiF;QACjF,8BAA8B;QAC9B,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;IAED,WAAW;QACT,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEpD,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAED,6BAA6B;IAC7B,KAAK,CAAC,SAAsB,SAAS,EAAE,OAAsB;QAC3D,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QACrE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,oCAAoC;IACpC,eAAe;QACb,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;IACxC,CAAC;;;YApFF,SAAS,SAAC;gBACT,8DAA8D;gBAC9D,QAAQ,EAAE,mBAAmB;gBAC7B,QAAQ,EAAE;;;;;;;;;;oBAUQ;gBAClB,QAAQ,EAAE,iBAAiB;gBAE3B,IAAI,EAAE;oBACJ,aAAa,EAAE,MAAM;oBACrB,2BAA2B,EAAE,MAAM;oBACnC,uCAAuC,EAAE,cAAc;oBACvD,2CAA2C,EAAE,kBAAkB;oBAC/D,6CAA6C;oBAC7C,qCAAqC,EAAE,mCAAmC;oBAC1E,gDAAgD;oBAChD,cAAc,EAAE,qBAAqB;iBACtC;;aACF;;;YAvCC,UAAU;YAHc,YAAY;4CA0EjC,MAAM,SAAC,kBAAkB,cACzB,QAAQ;;;mBA9BV,KAAK","sourcesContent":["import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n  Component,\n  ElementRef,\n  Inject,\n  Input,\n  OnDestroy,\n  Optional,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport {\n  ClientInputInterface,\n  ClientOutputInterface,\n} from '../core/client-environment';\nimport { GRANITE_MENU_PANEL, GraniteMenuPanelInterface } from './menu-panel';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[graniteMenuItem]',\n  template: `<ng-content></ng-content>\n    <ng-container *ngIf=\"_triggersSubmenu\">\n      <granite-icon\n        class=\"caret-left\"\n        [fontIcon]=\"'icon-caret-left'\"\n      ></granite-icon>\n      <granite-icon\n        class=\"caret-right\"\n        [fontIcon]=\"'icon-caret-right'\"\n      ></granite-icon>\n    </ng-container>`,\n  exportAs: 'graniteMenuItem',\n  styleUrls: ['./menu-item.component.scss'],\n  host: {\n    '[attr.role]': 'role',\n    '[class.granite-menu-item]': 'true',\n    '[class.granite-menu-item-highlighted]': '_highlighted',\n    '[class.granite-menu-item-submenu-trigger]': '_triggersSubmenu',\n    //#region --- Touch device customizations ---\n    '[class.granite-device-output-touch]': '_clientOutput?.device === \"touch\"',\n    //#endregion --- Touch device customizations ---\n    '(mouseenter)': '_hovered.next(this)',\n  },\n})\nexport class GraniteMenuItemComponent implements OnDestroy, FocusableOption {\n  /** ARIA role for the menu item. */\n  @Input() role: 'menuitem' | 'menuitemradio' | 'menuitemcheckbox' = 'menuitem';\n\n  /** Stream that emits when the menu item is hovered. */\n  // eslint-disable-next-line rxjs/no-exposed-subjects\n  readonly _hovered: Subject<this> = new Subject<this>();\n\n  /** Stream that emits when the menu item is focused. */\n  // eslint-disable-next-line rxjs/no-exposed-subjects\n  readonly _focused = new Subject<this>();\n\n  /** Whether the menu item acts as a trigger for a sub-menu (used for styling) */\n  _triggersSubmenu: boolean = false;\n\n  /**\n   * Whether the menu item is highlighted, e.g. in the \"breadcrumb\" parent chain\n   * of sub menu trigger items\n   */\n  _highlighted: boolean = false;\n\n  /** Client input device information */\n  _clientInput: ClientInputInterface;\n\n  /** Client output device information */\n  _clientOutput: ClientOutputInterface;\n\n  constructor(\n    private _elementRef: ElementRef<HTMLElement>,\n    private _focusMonitor: FocusMonitor,\n\n    @Inject(GRANITE_MENU_PANEL)\n    @Optional()\n    public _parentMenu?: GraniteMenuPanelInterface\n  ) {\n    // Start monitoring the element so it gets the appropriate focused classes. We want\n    // to show the focus style for menu items only when the focus was not caused by a\n    // mouse or touch interaction.\n    _focusMonitor.monitor(this._elementRef, false);\n  }\n\n  ngOnDestroy(): void {\n    this._focusMonitor.stopMonitoring(this._elementRef);\n\n    this._hovered.complete();\n    this._focused.complete();\n  }\n\n  /** Focuses the menu item. */\n  focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n    this._focusMonitor.focusVia(this._getHostElement(), origin, options);\n    this._focused.next(this);\n  }\n\n  /** Returns the host DOM element. */\n  _getHostElement(): HTMLElement {\n    return this._elementRef.nativeElement;\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteMenuItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"[graniteMenuItem]","template":"<ng-content></ng-content>\n    <ng-container *ngIf=\"_triggersSubmenu\">\n      <granite-icon\n        class=\"caret-left\"\n        [fontIcon]=\"'icon-caret-left'\"\n      ></granite-icon>\n      <granite-icon\n        class=\"caret-right\"\n        [fontIcon]=\"'icon-caret-right'\"\n      ></granite-icon>\n    </ng-container>","exportAs":"graniteMenuItem","host":{"[attr.role]":"role","[class.granite-menu-item]":"true","[class.granite-menu-item-highlighted]":"_highlighted","[class.granite-menu-item-submenu-trigger]":"_triggersSubmenu","[class.granite-device-output-touch]":"_clientOutput?.device === \"touch\"","(mouseenter)":"_hovered.next(this)","$quoted$":["[attr.role]","[class.granite-menu-item]","[class.granite-menu-item-highlighted]","[class.granite-menu-item-submenu-trigger]","[class.granite-device-output-touch]","(mouseenter)"]},"styles":[":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-s);width:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover:hover) and (pointer:fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover:none) and (pointer:coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-keyboard-focused,:host.cdk-program-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{-webkit-padding-end:var(--granite-spacing-l);padding-inline-end:var(--granite-spacing-l)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-xs)}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left,[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover:none) and (pointer:coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-xs)}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right,[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}"]}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":74,"character":5},"arguments":[{"__symbolic":"reference","module":"./menu-panel","name":"GRANITE_MENU_PANEL","line":74,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":75,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":71,"character":25,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":36,"context":{"typeName":"HTMLElement"}}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":72,"character":27},{"__symbolic":"reference","module":"./menu-panel","name":"GraniteMenuPanelInterface","line":76,"character":25}]}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/menu/menu-panel.js

@@ -1,7 +0,0 @@
-import { InjectionToken } from '@angular/core';
-/**
- * Injection token used to provide the parent menu to menu-specific components.
- * @docs-private
- */
-export const GRANITE_MENU_PANEL = new InjectionToken('GRANITE_MENU_PANEL');
-//# sourceMappingURL=menu-panel.js.map

package/esm2015/lib/menu/menu-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-panel.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,cAAc,EAAe,MAAM,eAAe,CAAC;AAG1E;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,cAAc,CAClD,oBAAoB,CACrB,CAAC","sourcesContent":["import { FocusOrigin } from '@angular/cdk/a11y';\nimport { Direction } from '@angular/cdk/bidi';\nimport { EventEmitter, InjectionToken, TemplateRef } from '@angular/core';\nimport { MenuPositionX, MenuPositionY } from './menu-positions';\n\n/**\n * Injection token used to provide the parent menu to menu-specific components.\n * @docs-private\n */\nexport const GRANITE_MENU_PANEL = new InjectionToken<GraniteMenuPanelInterface>(\n  'GRANITE_MENU_PANEL'\n);\n\nexport type ClosedEventType = void | 'click' | 'keydown' | 'tab';\n\nexport interface GraniteMenuPanelInterface {\n  xPosition: MenuPositionX;\n  yPosition: MenuPositionY;\n  templateRef: TemplateRef<any>;\n  parentMenu?: GraniteMenuPanelInterface | undefined;\n  direction?: Direction;\n  focusFirstItem: (origin?: FocusOrigin) => void;\n  closed: EventEmitter<ClosedEventType>;\n  readonly panelId?: string;\n  showBackButton: boolean;\n}\n"]}

package/esm2015/lib/menu/menu-panel.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GRANITE_MENU_PANEL":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":9,"character":38},"arguments":["GRANITE_MENU_PANEL"]},"ClosedEventType":{"__symbolic":"interface"},"GraniteMenuPanelInterface":{"__symbolic":"interface"}}}]

package/esm2015/lib/menu/menu-positions.js

@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-export {};
-//# sourceMappingURL=menu-positions.js.map

package/esm2015/lib/menu/menu-positions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-positions.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-positions.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG","sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport type MenuPositionX = 'before' | 'after';\n\nexport type MenuPositionY = 'above' | 'below';\n"]}

package/esm2015/lib/menu/menu-positions.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"MenuPositionX":{"__symbolic":"interface"},"MenuPositionY":{"__symbolic":"interface"}}}]

package/esm2015/lib/menu/menu-touch-animations.js

@@ -1,137 +0,0 @@
-import { trigger, state, style, animate, transition, sequence, } from '@angular/animations';
-import { getEaseOutSteep, getEaseLinear } from '../core/animation';
-const defaultDuration = 300;
-const defaultDelay = 200;
-const easeOut = getEaseOutSteep(defaultDuration);
-const linear = getEaseLinear(defaultDuration);
-const linearDelayed = getEaseLinear(defaultDuration, defaultDelay);
-/**
- * Insanely fast travel somewhere on or off the stage,
- * to set a great starting position.
- *
- * For some reason this has to be animated with > 0ms time.
- * Setting style directly gets ignored.
- */
-const teleport = '1ms linear';
-/**
- * Style used by our menu stars to make grand entrée et sortie from/to below
- * the viewport stage.
- */
-const inTheOrchestraPit = style({
-    transform: 'translateX(0) translateY(100%)',
-    opacity: 0,
-});
-/** Style for a menu at the center of attention, on the viewport stage */
-const onStage = style({
-    opacity: 1,
-    transform: 'translateX(0) translateY(0)',
-});
-/**
- * Style for a (sub) menu starting position at the side of the stage, waiting
- * to make an entrance by sliding into view, pushing the previous (parent)
- * menu off.
- */
-const awaitingCue = style({
-    opacity: 0,
-    transform: 'translateX(100vw) translateY(0)',
-});
-/**
- * Style for a (parent) menu that has been pushed aside by a debutant
- * (sub) menu and therefore, although maybe temporarily, left the spotlight.
- *
- * @param translateY Where to place on Y axis
- */
-const retired = style({
-    opacity: 1,
-    transform: `translateX(-100vw) translateY(0)`,
-});
-/**
- * Style for an active (sub) menu that dances across the stage, along with its
- * parent menu, as a result of the user panning. Requires an `xOffset`
- * parameter for the distance.
- */
-const futsalShuffle = style({
-    transform: 'translateX({{ xOffset }}px)',
-});
-/**
- * Style for a parent menu sweeping across the stage, right beside the
- * starlet sub menu, either off the stage or back onto it (for a great comeback).
- * Requires an `xOffset` parameter for the distance.
- */
-const moonwalk = style({
-    transform: 'translateX(calc(-100vw + {{ xOffset }}px))',
-});
-const onStageHidden = style({
-    opacity: 0,
-    transform: 'translateX(0) translateY(0)',
-});
-/**
- * Animations used by the `granite-menu` component, showing the touch interface.
- * @docs-private
- */
-export const graniteMenuTouchAnimations = {
-    transformMenuTouch: trigger('transformMenuTouch', [
-        // Set up cast positions
-        state('void', awaitingCue),
-        state('enter, enter-from-below', onStage),
-        state('pan-hidden', moonwalk, { params: { xOffset: 0 } }),
-        state('pan', futsalShuffle, { params: { xOffset: 0 } }),
-        state('below-with-delay', inTheOrchestraPit),
-        state('hide', retired),
-        // General movement across the stage. Transitions to 'pan' and 'pan-hidden'
-        // states are intentionally left out as we want the menu position to update
-        // instantly as the user moves their finger.
-        transition('pan => enter, ' +
-            'pan => enter-from-below, ' +
-            'pan => void, ' +
-            'enter <=> hide, ' +
-            'enter-from-below <=> hide, ' +
-            'pan-hidden => hide, ' +
-            'pan-hidden => enter', animate(easeOut)),
-        transition(
-        // Jump straight onto the stage, from the orchestra pit.
-        // Excitement fills the air. Spotlight. Showtime.
-        'void => enter-from-below', sequence([
-            animate(teleport, inTheOrchestraPit),
-            animate(easeOut, onStage),
-        ])),
-        transition(
-        // Go stand in the curtains, then make a grand entrance from the side
-        'void => enter', sequence([animate(teleport, awaitingCue), animate(easeOut, onStage)])),
-        transition(
-        // Get off the stage, back into the curtains on the side
-        'enter => void', animate(easeOut, awaitingCue)),
-        transition(
-        // Take the side stairs down from the stage
-        'hide => below', animate(linear, retired)),
-        transition(
-        // Wait for a bit, then take the side stairs down from the stage
-        'hide => below-with-delay', sequence([animate(teleport, retired), animate(linearDelayed, retired)])),
-        transition(
-        // Stage dive into the orchestra pit
-        'enter => below, enter-from-below => below', sequence([animate(teleport, onStage), animate(linear, inTheOrchestraPit)])),
-        transition(
-        // Receive the standing ovations, then stage dive into the orchestra pit
-        'enter => below-with-delay, enter-from-below => below-with-delay', sequence([
-            animate(teleport, onStage),
-            animate(linearDelayed, inTheOrchestraPit),
-        ])),
-    ]),
-    transformCloseButton: trigger('transformCloseButton', [
-        state('void, below, below-with-delay', onStageHidden),
-        state('enter, enter-from-below, pan-hidden, pan, hide', onStage),
-        transition('void => enter-from-below', sequence([
-            animate(teleport, onStageHidden),
-            animate(getEaseLinear(50, defaultDuration / 2), onStage),
-        ])),
-        transition('enter => below, enter-from-below => below', sequence([
-            animate(teleport, onStage),
-            animate(getEaseLinear(25), onStageHidden),
-        ])),
-        transition('enter => below-with-delay, enter-from-below => below-with-delay', sequence([
-            animate(teleport, onStage),
-            animate(getEaseLinear(50, defaultDelay), onStageHidden),
-        ])),
-    ]),
-};
-//# sourceMappingURL=menu-touch-animations.js.map

package/esm2015/lib/menu/menu-touch-animations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-touch-animations.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-touch-animations.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,UAAU,EAEV,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,eAAe,GAAG,GAAG,CAAC;AAC5B,MAAM,YAAY,GAAG,GAAG,CAAC;AAEzB,MAAM,OAAO,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;AACjD,MAAM,MAAM,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAC9C,MAAM,aAAa,GAAG,aAAa,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,QAAQ,GAAG,YAAY,CAAC;AAE9B;;;GAGG;AACH,MAAM,iBAAiB,GAAG,KAAK,CAAC;IAC9B,SAAS,EAAE,gCAAgC;IAC3C,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,yEAAyE;AACzE,MAAM,OAAO,GAAG,KAAK,CAAC;IACpB,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,6BAA6B;CACzC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC;IACxB,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,iCAAiC;CAC7C,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC;IACpB,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,kCAAkC;CAC9C,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,aAAa,GAAG,KAAK,CAAC;IAC1B,SAAS,EAAE,6BAA6B;CACzC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC;IACrB,SAAS,EAAE,4CAA4C;CACxD,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,KAAK,CAAC;IAC1B,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,6BAA6B;CACzC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAWnC;IACF,kBAAkB,EAAE,OAAO,CAAC,oBAAoB,EAAE;QAChD,wBAAwB;QACxB,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;QAC1B,KAAK,CAAC,yBAAyB,EAAE,OAAO,CAAC;QACzC,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QACzD,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QACvD,KAAK,CAAC,kBAAkB,EAAE,iBAAiB,CAAC;QAC5C,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;QAEtB,2EAA2E;QAC3E,2EAA2E;QAC3E,4CAA4C;QAC5C,UAAU,CACR,gBAAgB;YACd,2BAA2B;YAC3B,eAAe;YACf,kBAAkB;YAClB,6BAA6B;YAC7B,sBAAsB;YACtB,qBAAqB,EACvB,OAAO,CAAC,OAAO,CAAC,CACjB;QAED,UAAU;QACR,wDAAwD;QACxD,iDAAiD;QACjD,0BAA0B,EAC1B,QAAQ,CAAC;YACP,OAAO,CAAC,QAAQ,EAAE,iBAAiB,CAAC;YACpC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC;SAC1B,CAAC,CACH;QACD,UAAU;QACR,qEAAqE;QACrE,eAAe,EACf,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CACtE;QACD,UAAU;QACR,wDAAwD;QACxD,eAAe,EACf,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAC9B;QACD,UAAU;QACR,2CAA2C;QAC3C,eAAe,EACf,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CACzB;QACD,UAAU;QACR,gEAAgE;QAChE,0BAA0B,EAC1B,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,CACxE;QACD,UAAU;QACR,oCAAoC;QACpC,2CAA2C,EAC3C,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAC3E;QACD,UAAU;QACR,wEAAwE;QACxE,iEAAiE,EACjE,QAAQ,CAAC;YACP,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC1B,OAAO,CAAC,aAAa,EAAE,iBAAiB,CAAC;SAC1C,CAAC,CACH;KACF,CAAC;IACF,oBAAoB,EAAE,OAAO,CAAC,sBAAsB,EAAE;QACpD,KAAK,CAAC,+BAA+B,EAAE,aAAa,CAAC;QACrD,KAAK,CAAC,gDAAgD,EAAE,OAAO,CAAC;QAChE,UAAU,CACR,0BAA0B,EAC1B,QAAQ,CAAC;YACP,OAAO,CAAC,QAAQ,EAAE,aAAa,CAAC;YAChC,OAAO,CAAC,aAAa,CAAC,EAAE,EAAE,eAAe,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;SACzD,CAAC,CACH;QACD,UAAU,CACR,2CAA2C,EAC3C,QAAQ,CAAC;YACP,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC1B,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC;SAC1C,CAAC,CACH;QACD,UAAU,CACR,iEAAiE,EACjE,QAAQ,CAAC;YACP,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC1B,OAAO,CAAC,aAAa,CAAC,EAAE,EAAE,YAAY,CAAC,EAAE,aAAa,CAAC;SACxD,CAAC,CACH;KACF,CAAC;CACH,CAAC","sourcesContent":["import {\n  trigger,\n  state,\n  style,\n  animate,\n  transition,\n  AnimationTriggerMetadata,\n  sequence,\n} from '@angular/animations';\nimport { getEaseOutSteep, getEaseLinear } from '../core/animation';\n\nconst defaultDuration = 300;\nconst defaultDelay = 200;\n\nconst easeOut = getEaseOutSteep(defaultDuration);\nconst linear = getEaseLinear(defaultDuration);\nconst linearDelayed = getEaseLinear(defaultDuration, defaultDelay);\n\n/**\n * Insanely fast travel somewhere on or off the stage,\n * to set a great starting position.\n *\n * For some reason this has to be animated with > 0ms time.\n * Setting style directly gets ignored.\n */\nconst teleport = '1ms linear';\n\n/**\n * Style used by our menu stars to make grand entrée et sortie from/to below\n * the viewport stage.\n */\nconst inTheOrchestraPit = style({\n  transform: 'translateX(0) translateY(100%)',\n  opacity: 0,\n});\n\n/** Style for a menu at the center of attention, on the viewport stage */\nconst onStage = style({\n  opacity: 1,\n  transform: 'translateX(0) translateY(0)',\n});\n\n/**\n * Style for a (sub) menu starting position at the side of the stage, waiting\n * to make an entrance by sliding into view, pushing the previous (parent)\n * menu off.\n */\nconst awaitingCue = style({\n  opacity: 0,\n  transform: 'translateX(100vw) translateY(0)',\n});\n\n/**\n * Style for a (parent) menu that has been pushed aside by a debutant\n * (sub) menu and therefore, although maybe temporarily, left the spotlight.\n *\n * @param translateY Where to place on Y axis\n */\nconst retired = style({\n  opacity: 1,\n  transform: `translateX(-100vw) translateY(0)`,\n});\n\n/**\n * Style for an active (sub) menu that dances across the stage, along with its\n * parent menu, as a result of the user panning. Requires an `xOffset`\n * parameter for the distance.\n */\nconst futsalShuffle = style({\n  transform: 'translateX({{ xOffset }}px)',\n});\n\n/**\n * Style for a parent menu sweeping across the stage, right beside the\n * starlet sub menu, either off the stage or back onto it (for a great comeback).\n * Requires an `xOffset` parameter for the distance.\n */\nconst moonwalk = style({\n  transform: 'translateX(calc(-100vw + {{ xOffset }}px))',\n});\n\nconst onStageHidden = style({\n  opacity: 0,\n  transform: 'translateX(0) translateY(0)',\n});\n\n/**\n * Animations used by the `granite-menu` component, showing the touch interface.\n * @docs-private\n */\nexport const graniteMenuTouchAnimations: {\n  /**\n   * This animation trigger controls the menu panel's entry and exit from the\n   * stage on touch output devices.\n   */\n  readonly transformMenuTouch: AnimationTriggerMetadata;\n  /**\n   * This animation trigger controls the close button's entry and exit from the\n   * stage on touch output devices, using the same states as the menu panel.\n   */\n  readonly transformCloseButton: AnimationTriggerMetadata;\n} = {\n  transformMenuTouch: trigger('transformMenuTouch', [\n    // Set up cast positions\n    state('void', awaitingCue),\n    state('enter, enter-from-below', onStage),\n    state('pan-hidden', moonwalk, { params: { xOffset: 0 } }),\n    state('pan', futsalShuffle, { params: { xOffset: 0 } }),\n    state('below-with-delay', inTheOrchestraPit),\n    state('hide', retired),\n\n    // General movement across the stage. Transitions to 'pan' and 'pan-hidden'\n    // states are intentionally left out as we want the menu position to update\n    // instantly as the user moves their finger.\n    transition(\n      'pan => enter, ' +\n        'pan => enter-from-below, ' +\n        'pan => void, ' +\n        'enter <=> hide, ' +\n        'enter-from-below <=> hide, ' +\n        'pan-hidden => hide, ' +\n        'pan-hidden => enter',\n      animate(easeOut)\n    ),\n\n    transition(\n      // Jump straight onto the stage, from the orchestra pit.\n      // Excitement fills the air. Spotlight. Showtime.\n      'void => enter-from-below',\n      sequence([\n        animate(teleport, inTheOrchestraPit),\n        animate(easeOut, onStage),\n      ])\n    ),\n    transition(\n      // Go stand in the curtains, then make a grand entrance from the side\n      'void => enter',\n      sequence([animate(teleport, awaitingCue), animate(easeOut, onStage)])\n    ),\n    transition(\n      // Get off the stage, back into the curtains on the side\n      'enter => void',\n      animate(easeOut, awaitingCue)\n    ),\n    transition(\n      // Take the side stairs down from the stage\n      'hide => below',\n      animate(linear, retired)\n    ),\n    transition(\n      // Wait for a bit, then take the side stairs down from the stage\n      'hide => below-with-delay',\n      sequence([animate(teleport, retired), animate(linearDelayed, retired)])\n    ),\n    transition(\n      // Stage dive into the orchestra pit\n      'enter => below, enter-from-below => below',\n      sequence([animate(teleport, onStage), animate(linear, inTheOrchestraPit)])\n    ),\n    transition(\n      // Receive the standing ovations, then stage dive into the orchestra pit\n      'enter => below-with-delay, enter-from-below => below-with-delay',\n      sequence([\n        animate(teleport, onStage),\n        animate(linearDelayed, inTheOrchestraPit),\n      ])\n    ),\n  ]),\n  transformCloseButton: trigger('transformCloseButton', [\n    state('void, below, below-with-delay', onStageHidden),\n    state('enter, enter-from-below, pan-hidden, pan, hide', onStage),\n    transition(\n      'void => enter-from-below',\n      sequence([\n        animate(teleport, onStageHidden),\n        animate(getEaseLinear(50, defaultDuration / 2), onStage),\n      ])\n    ),\n    transition(\n      'enter => below, enter-from-below => below',\n      sequence([\n        animate(teleport, onStage),\n        animate(getEaseLinear(25), onStageHidden),\n      ])\n    ),\n    transition(\n      'enter => below-with-delay, enter-from-below => below-with-delay',\n      sequence([\n        animate(teleport, onStage),\n        animate(getEaseLinear(50, defaultDelay), onStageHidden),\n      ])\n    ),\n  ]),\n};\n"]}

package/esm2015/lib/menu/menu-touch-animations.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"graniteMenuTouchAnimations":{"transformMenuTouch":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":102,"character":22},"arguments":["transformMenuTouch",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":104,"character":4},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":20},"arguments":[{"opacity":0,"transform":"translateX(100vw) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":105,"character":4},"arguments":["enter, enter-from-below",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":106,"character":4},"arguments":["pan-hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":77,"character":17},"arguments":[{"transform":"translateX(calc(-100vw + {{ xOffset }}px))"}]},{"params":{"xOffset":0}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":107,"character":4},"arguments":["pan",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":68,"character":22},"arguments":[{"transform":"translateX({{ xOffset }}px)"}]},{"params":{"xOffset":0}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":108,"character":4},"arguments":["below-with-delay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":26},"arguments":[{"transform":"translateX(0) translateY(100%)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":109,"character":4},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":58,"character":16},"arguments":[{"opacity":1,"transform":"translateX(-100vw) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":114,"character":4},"arguments":["pan => enter, pan => enter-from-below, pan => void, enter <=> hide, enter-from-below <=> hide, pan-hidden => hide, pan-hidden => enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":122,"character":6},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseOutSteep","line":14,"character":16},"arguments":[300]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":125,"character":4},"arguments":["void => enter-from-below",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"sequence","line":129,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":130,"character":8},"arguments":["1ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":26},"arguments":[{"transform":"translateX(0) translateY(100%)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":131,"character":8},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseOutSteep","line":14,"character":16},"arguments":[300]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":134,"character":4},"arguments":["void => enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"sequence","line":137,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":137,"character":16},"arguments":["1ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":20},"arguments":[{"opacity":0,"transform":"translateX(100vw) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":137,"character":48},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseOutSteep","line":14,"character":16},"arguments":[300]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":139,"character":4},"arguments":["enter => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":142,"character":6},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseOutSteep","line":14,"character":16},"arguments":[300]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":20},"arguments":[{"opacity":0,"transform":"translateX(100vw) translateY(0)"}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":144,"character":4},"arguments":["hide => below",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":147,"character":6},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":15,"character":15},"arguments":[300]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":58,"character":16},"arguments":[{"opacity":1,"transform":"translateX(-100vw) translateY(0)"}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":149,"character":4},"arguments":["hide => below-with-delay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"sequence","line":152,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":152,"character":16},"arguments":["1ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":58,"character":16},"arguments":[{"opacity":1,"transform":"translateX(-100vw) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":152,"character":44},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":16,"character":22},"arguments":[300,200]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":58,"character":16},"arguments":[{"opacity":1,"transform":"translateX(-100vw) translateY(0)"}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":154,"character":4},"arguments":["enter => below, enter-from-below => below",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"sequence","line":157,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":157,"character":16},"arguments":["1ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":157,"character":44},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":15,"character":15},"arguments":[300]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":26},"arguments":[{"transform":"translateX(0) translateY(100%)","opacity":0}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":159,"character":4},"arguments":["enter => below-with-delay, enter-from-below => below-with-delay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"sequence","line":162,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":163,"character":8},"arguments":["1ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":164,"character":8},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":16,"character":22},"arguments":[300,200]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":26},"arguments":[{"transform":"translateX(0) translateY(100%)","opacity":0}]}]}]]}]}]]},"transformCloseButton":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":168,"character":24},"arguments":["transformCloseButton",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":169,"character":4},"arguments":["void, below, below-with-delay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":81,"character":22},"arguments":[{"opacity":0,"transform":"translateX(0) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":170,"character":4},"arguments":["enter, enter-from-below, pan-hidden, pan, hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":171,"character":4},"arguments":["void => enter-from-below",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"sequence","line":173,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":174,"character":8},"arguments":["1ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":81,"character":22},"arguments":[{"opacity":0,"transform":"translateX(0) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":175,"character":8},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":175,"character":16},"arguments":[50,150]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":178,"character":4},"arguments":["enter => below, enter-from-below => below",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"sequence","line":180,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":181,"character":8},"arguments":["1ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":182,"character":8},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":182,"character":16},"arguments":[25]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":81,"character":22},"arguments":[{"opacity":0,"transform":"translateX(0) translateY(0)"}]}]}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":185,"character":4},"arguments":["enter => below-with-delay, enter-from-below => below-with-delay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"sequence","line":187,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":188,"character":8},"arguments":["1ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":16},"arguments":[{"opacity":1,"transform":"translateX(0) translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":189,"character":8},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core/animation","name":"getEaseLinear","line":189,"character":16},"arguments":[50,200]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":81,"character":22},"arguments":[{"opacity":0,"transform":"translateX(0) translateY(0)"}]}]}]]}]}]]}}}}]

package/esm2015/lib/menu/menu-touch-close.component.js

@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-export class GraniteMenuTouchCloseComponent {
-}
-GraniteMenuTouchCloseComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                selector: '[graniteMenuTouchCloseItem]',
-                template: '<ng-content></ng-content>',
-                exportAs: 'graniteMenuTouchCloseItem',
-                host: {
-                    '[class.granite-device-output-touch]': 'true',
-                },
-                styles: [":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-s);width:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover:hover) and (pointer:fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover:none) and (pointer:coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-keyboard-focused,:host.cdk-program-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{-webkit-padding-end:var(--granite-spacing-l);padding-inline-end:var(--granite-spacing-l)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-xs)}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left,[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover:none) and (pointer:coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-xs)}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right,[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}"]
-            },] }
-];
-//# sourceMappingURL=menu-touch-close.component.js.map

package/esm2015/lib/menu/menu-touch-close.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-touch-close.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-touch-close.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAY1C,MAAM,OAAO,8BAA8B;;;YAV1C,SAAS,SAAC;gBACT,8DAA8D;gBAC9D,QAAQ,EAAE,6BAA6B;gBACvC,QAAQ,EAAE,2BAA2B;gBACrC,QAAQ,EAAE,2BAA2B;gBAErC,IAAI,EAAE;oBACJ,qCAAqC,EAAE,MAAM;iBAC9C;;aACF","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[graniteMenuTouchCloseItem]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'graniteMenuTouchCloseItem',\n  styleUrls: ['./menu-item.component.scss'],\n  host: {\n    '[class.granite-device-output-touch]': 'true',\n  },\n})\nexport class GraniteMenuTouchCloseComponent {}\n"]}

package/esm2015/lib/menu/menu-touch-close.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteMenuTouchCloseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"[graniteMenuTouchCloseItem]","template":"<ng-content></ng-content>","exportAs":"graniteMenuTouchCloseItem","host":{"[class.granite-device-output-touch]":"true","$quoted$":["[class.granite-device-output-touch]"]},"styles":[":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-s);width:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover:hover) and (pointer:fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover:none) and (pointer:coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-keyboard-focused,:host.cdk-program-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{-webkit-padding-end:var(--granite-spacing-l);padding-inline-end:var(--granite-spacing-l)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-xs)}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left,[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover:none) and (pointer:coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-xs)}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right,[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}"]}]}]}}}]

package/esm2015/lib/menu/menu-touch-title.component.js

@@ -1,45 +0,0 @@
-import { Component, Inject, Optional } from '@angular/core';
-import { GRANITE_MENU_PANEL } from './menu-panel';
-import { _MenuBaseComponent } from './menu.component';
-export class GraniteMenuTouchTitleItemComponent {
-    constructor(
-    /** If this is an item on a _submenu_, its parent menu will have a parent */
-    _parentMenu) {
-        /**
-         * Whether the menu item acts as a trigger to return to a parent menu
-         * (used for styling)
-         */
-        this._triggersBack = false;
-        this._triggersBack = !!_parentMenu.parentMenu;
-    }
-}
-GraniteMenuTouchTitleItemComponent.decorators = [
-    { type: Component, args: [{
-                // eslint-disable-next-line @angular-eslint/component-selector
-                selector: '[graniteMenuTouchTitleItem]',
-                template: `
-    <ng-container *ngIf="_triggersBack">
-      <granite-icon
-        class="caret-left"
-        [fontIcon]="'icon-caret-left'"
-      ></granite-icon>
-      <granite-icon
-        class="caret-right"
-        [fontIcon]="'icon-caret-right'"
-      ></granite-icon>
-    </ng-container>
-    <ng-content></ng-content>
-  `,
-                exportAs: 'graniteMenuTouchTitleItem',
-                host: {
-                    '[class.granite-menu-item-title]': 'true',
-                    '[class.granite-menu-item-back-trigger]': '_triggersBack',
-                    '[class.granite-device-output-touch]': 'true',
-                },
-                styles: [":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-s);width:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover:hover) and (pointer:fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover:none) and (pointer:coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-keyboard-focused,:host.cdk-program-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{-webkit-padding-end:var(--granite-spacing-l);padding-inline-end:var(--granite-spacing-l)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-xs)}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left,[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover:none) and (pointer:coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-xs)}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right,[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}"]
-            },] }
-];
-GraniteMenuTouchTitleItemComponent.ctorParameters = () => [
-    { type: _MenuBaseComponent, decorators: [{ type: Inject, args: [GRANITE_MENU_PANEL,] }, { type: Optional }] }
-];
-//# sourceMappingURL=menu-touch-title.component.js.map

package/esm2015/lib/menu/menu-touch-title.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-touch-title.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-touch-title.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA0BtD,MAAM,OAAO,kCAAkC;IAO7C;IACE,4EAA4E;IAG5E,WAA+B;QAVjC;;;WAGG;QACH,kBAAa,GAAY,KAAK,CAAC;QAQ7B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC;IAChD,CAAC;;;YAtCF,SAAS,SAAC;gBACT,8DAA8D;gBAC9D,QAAQ,EAAE,6BAA6B;gBACvC,QAAQ,EAAE;;;;;;;;;;;;GAYT;gBACD,QAAQ,EAAE,2BAA2B;gBAErC,IAAI,EAAE;oBACJ,iCAAiC,EAAE,MAAM;oBACzC,wCAAwC,EAAE,eAAe;oBACzD,qCAAqC,EAAE,MAAM;iBAC9C;;aACF;;;YAzBQ,kBAAkB,uBAmCtB,MAAM,SAAC,kBAAkB,cACzB,QAAQ","sourcesContent":["import { Component, Inject, Optional } from '@angular/core';\nimport { GRANITE_MENU_PANEL } from './menu-panel';\nimport { _MenuBaseComponent } from './menu.component';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[graniteMenuTouchTitleItem]',\n  template: `\n    <ng-container *ngIf=\"_triggersBack\">\n      <granite-icon\n        class=\"caret-left\"\n        [fontIcon]=\"'icon-caret-left'\"\n      ></granite-icon>\n      <granite-icon\n        class=\"caret-right\"\n        [fontIcon]=\"'icon-caret-right'\"\n      ></granite-icon>\n    </ng-container>\n    <ng-content></ng-content>\n  `,\n  exportAs: 'graniteMenuTouchTitleItem',\n  styleUrls: ['./menu-item.component.scss'],\n  host: {\n    '[class.granite-menu-item-title]': 'true',\n    '[class.granite-menu-item-back-trigger]': '_triggersBack',\n    '[class.granite-device-output-touch]': 'true',\n  },\n})\nexport class GraniteMenuTouchTitleItemComponent {\n  /**\n   * Whether the menu item acts as a trigger to return to a parent menu\n   * (used for styling)\n   */\n  _triggersBack: boolean = false;\n\n  constructor(\n    /** If this is an item on a _submenu_, its parent menu will have a parent */\n    @Inject(GRANITE_MENU_PANEL)\n    @Optional()\n    _parentMenu: _MenuBaseComponent\n  ) {\n    this._triggersBack = !!_parentMenu.parentMenu;\n  }\n}\n"]}

package/esm2015/lib/menu/menu-touch-title.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteMenuTouchTitleItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"[graniteMenuTouchTitleItem]","template":"\n    <ng-container *ngIf=\"_triggersBack\">\n      <granite-icon\n        class=\"caret-left\"\n        [fontIcon]=\"'icon-caret-left'\"\n      ></granite-icon>\n      <granite-icon\n        class=\"caret-right\"\n        [fontIcon]=\"'icon-caret-right'\"\n      ></granite-icon>\n    </ng-container>\n    <ng-content></ng-content>\n  ","exportAs":"graniteMenuTouchTitleItem","host":{"[class.granite-menu-item-title]":"true","[class.granite-menu-item-back-trigger]":"_triggersBack","[class.granite-device-output-touch]":"true","$quoted$":["[class.granite-menu-item-title]","[class.granite-menu-item-back-trigger]","[class.granite-device-output-touch]"]},"styles":[":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-s);width:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover:hover) and (pointer:fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover:none) and (pointer:coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-keyboard-focused,:host.cdk-program-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{-webkit-padding-end:var(--granite-spacing-l);padding-inline-end:var(--granite-spacing-l)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon,html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-xs)}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left,[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-l)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover:none) and (pointer:coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-xs)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon,html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-xs)}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right,[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"./menu-panel","name":"GRANITE_MENU_PANEL","line":37,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":38,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"./menu.component","name":"_MenuBaseComponent","line":39,"character":17}]}]}}}}]