@ifsworld/granite-components 2.0.1 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -23
- package/bundles/ifsworld-granite-components.umd.js +10 -9
- package/bundles/ifsworld-granite-components.umd.js.map +1 -1
- package/bundles/ifsworld-granite-components.umd.min.js +2 -2
- package/bundles/ifsworld-granite-components.umd.min.js.map +1 -1
- package/esm2015/ifsworld-granite-components.js +2 -2
- package/esm2015/ifsworld-granite-components.js.map +1 -0
- package/esm2015/ifsworld-granite-components.metadata.json +1 -0
- package/esm2015/index.js +36 -0
- package/esm2015/index.js.map +1 -0
- package/esm2015/index.metadata.json +1 -0
- package/esm2015/lib/arrange-grid/arrange-grid-item.component.js +1 -1
- package/esm2015/lib/arrange-grid/arrange-grid-item.component.js.map +1 -0
- package/esm2015/lib/arrange-grid/arrange-grid-item.component.metadata.json +1 -0
- package/esm2015/lib/arrange-grid/arrange-grid.component.js +2 -2
- package/esm2015/lib/arrange-grid/arrange-grid.component.js.map +1 -0
- package/esm2015/lib/arrange-grid/arrange-grid.component.metadata.json +1 -0
- package/esm2015/lib/arrange-grid/arrange-grid.module.js +1 -1
- package/esm2015/lib/arrange-grid/arrange-grid.module.js.map +1 -0
- package/esm2015/lib/arrange-grid/arrange-grid.module.metadata.json +1 -0
- package/esm2015/lib/badge/badge.component.js +2 -2
- package/esm2015/lib/badge/badge.component.js.map +1 -0
- package/esm2015/lib/badge/badge.component.metadata.json +1 -0
- package/esm2015/lib/badge/badge.module.js +1 -1
- package/esm2015/lib/badge/badge.module.js.map +1 -0
- package/esm2015/lib/badge/badge.module.metadata.json +1 -0
- package/esm2015/lib/badge/testing/badge.harness.js +1 -1
- package/esm2015/lib/badge/testing/badge.harness.js.map +1 -0
- package/esm2015/lib/badge/testing/badge.harness.metadata.json +1 -0
- package/esm2015/lib/button/button.component.js +3 -3
- package/esm2015/lib/button/button.component.js.map +1 -0
- package/esm2015/lib/button/button.component.metadata.json +1 -0
- package/esm2015/lib/button/button.module.js +1 -1
- package/esm2015/lib/button/button.module.js.map +1 -0
- package/esm2015/lib/button/button.module.metadata.json +1 -0
- package/esm2015/lib/core/animation.js +1 -1
- package/esm2015/lib/core/animation.js.map +1 -0
- package/esm2015/lib/core/animation.metadata.json +1 -0
- package/esm2015/lib/core/client-environment.js +1 -1
- package/esm2015/lib/core/client-environment.js.map +1 -0
- package/esm2015/lib/core/client-environment.metadata.json +1 -0
- package/esm2015/lib/core/common-behaviors/disabled.js +1 -1
- package/esm2015/lib/core/common-behaviors/disabled.js.map +1 -0
- package/esm2015/lib/core/common-behaviors/disabled.metadata.json +1 -0
- package/esm2015/lib/core/core.module.js +1 -1
- package/esm2015/lib/core/core.module.js.map +1 -0
- package/esm2015/lib/core/core.module.metadata.json +1 -0
- package/esm2015/lib/core/devices/client-input-desktop.directive.js +1 -1
- package/esm2015/lib/core/devices/client-input-desktop.directive.js.map +1 -0
- package/esm2015/lib/core/devices/client-input-desktop.directive.metadata.json +1 -0
- package/esm2015/lib/core/devices/client-input-touch.directive.js +1 -1
- package/esm2015/lib/core/devices/client-input-touch.directive.js.map +1 -0
- package/esm2015/lib/core/devices/client-input-touch.directive.metadata.json +1 -0
- package/esm2015/lib/core/devices/client-output-desktop.directive.js +1 -1
- package/esm2015/lib/core/devices/client-output-desktop.directive.js.map +1 -0
- package/esm2015/lib/core/devices/client-output-desktop.directive.metadata.json +1 -0
- package/esm2015/lib/core/devices/client-output-touch.directive.js +1 -1
- package/esm2015/lib/core/devices/client-output-touch.directive.js.map +1 -0
- package/esm2015/lib/core/devices/client-output-touch.directive.metadata.json +1 -0
- package/esm2015/lib/core/theme.library.js +1 -1
- package/esm2015/lib/core/theme.library.js.map +1 -0
- package/esm2015/lib/core/theme.library.metadata.json +1 -0
- package/esm2015/lib/grid/grid.component.js +1 -1
- package/esm2015/lib/grid/grid.component.js.map +1 -0
- package/esm2015/lib/grid/grid.component.metadata.json +1 -0
- package/esm2015/lib/grid/grid.module.js +1 -1
- package/esm2015/lib/grid/grid.module.js.map +1 -0
- package/esm2015/lib/grid/grid.module.metadata.json +1 -0
- package/esm2015/lib/icon/icon.component.js +2 -2
- package/esm2015/lib/icon/icon.component.js.map +1 -0
- package/esm2015/lib/icon/icon.component.metadata.json +1 -0
- package/esm2015/lib/icon/icon.module.js +1 -1
- package/esm2015/lib/icon/icon.module.js.map +1 -0
- package/esm2015/lib/icon/icon.module.metadata.json +1 -0
- package/esm2015/lib/menu/divider.directive.js +1 -1
- package/esm2015/lib/menu/divider.directive.js.map +1 -0
- package/esm2015/lib/menu/divider.directive.metadata.json +1 -0
- package/esm2015/lib/menu/menu-desktop-animations.js +1 -1
- package/esm2015/lib/menu/menu-desktop-animations.js.map +1 -0
- package/esm2015/lib/menu/menu-desktop-animations.metadata.json +1 -0
- package/esm2015/lib/menu/menu-errors.js +1 -1
- package/esm2015/lib/menu/menu-errors.js.map +1 -0
- package/esm2015/lib/menu/menu-errors.metadata.json +1 -0
- package/esm2015/lib/menu/menu-item.component.js +2 -2
- package/esm2015/lib/menu/menu-item.component.js.map +1 -0
- package/esm2015/lib/menu/menu-item.component.metadata.json +1 -0
- package/esm2015/lib/menu/menu-panel.js +1 -1
- package/esm2015/lib/menu/menu-panel.js.map +1 -0
- package/esm2015/lib/menu/menu-panel.metadata.json +1 -0
- package/esm2015/lib/menu/menu-positions.js +1 -1
- package/esm2015/lib/menu/menu-positions.js.map +1 -0
- package/esm2015/lib/menu/menu-positions.metadata.json +1 -0
- package/esm2015/lib/menu/menu-touch-animations.js +1 -1
- package/esm2015/lib/menu/menu-touch-animations.js.map +1 -0
- package/esm2015/lib/menu/menu-touch-animations.metadata.json +1 -0
- package/esm2015/lib/menu/menu-touch-close.component.js +2 -2
- package/esm2015/lib/menu/menu-touch-close.component.js.map +1 -0
- package/esm2015/lib/menu/menu-touch-close.component.metadata.json +1 -0
- package/esm2015/lib/menu/menu-touch-title.component.js +2 -2
- package/esm2015/lib/menu/menu-touch-title.component.js.map +1 -0
- package/esm2015/lib/menu/menu-touch-title.component.metadata.json +1 -0
- package/esm2015/lib/menu/menu-trigger-for.directive.js +1 -1
- package/esm2015/lib/menu/menu-trigger-for.directive.js.map +1 -0
- package/esm2015/lib/menu/menu-trigger-for.directive.metadata.json +1 -0
- package/esm2015/lib/menu/menu.component.js +3 -2
- package/esm2015/lib/menu/menu.component.js.map +1 -0
- package/esm2015/lib/menu/menu.component.metadata.json +1 -0
- package/esm2015/lib/menu/menu.module.js +1 -1
- package/esm2015/lib/menu/menu.module.js.map +1 -0
- package/esm2015/lib/menu/menu.module.metadata.json +1 -0
- package/esm2015/lib/menu/testing/menu.harness.js +1 -1
- package/esm2015/lib/menu/testing/menu.harness.js.map +1 -0
- package/esm2015/lib/menu/testing/menu.harness.metadata.json +1 -0
- package/esm2015/lib/toggle-switch/toggle-switch.component.js +3 -3
- package/esm2015/lib/toggle-switch/toggle-switch.component.js.map +1 -0
- package/esm2015/lib/toggle-switch/toggle-switch.component.metadata.json +1 -0
- package/esm2015/lib/toggle-switch/toggle-switch.module.js +1 -1
- package/esm2015/lib/toggle-switch/toggle-switch.module.js.map +1 -0
- package/esm2015/lib/toggle-switch/toggle-switch.module.metadata.json +1 -0
- package/fesm2015/ifsworld-granite-components.js +10 -9
- package/fesm2015/ifsworld-granite-components.js.map +1 -1
- package/ifsworld-granite-components.d.ts +1 -1
- package/ifsworld-granite-components.metadata.json +1 -1
- package/{public-api.d.ts → index.d.ts} +0 -0
- package/package.json +8 -11
- package/src/lib/core/style/_mixins.scss +6 -17
- package/src/lib/core/style/_overlay.scss +2 -3
- package/esm2015/public-api.js +0 -36
|
@@ -19,4 +19,4 @@ ClientOutputDesktopDirective.decorators = [
|
|
|
19
19
|
},] }
|
|
20
20
|
];
|
|
21
21
|
export { ɵ0 };
|
|
22
|
-
//# sourceMappingURL=
|
|
22
|
+
//# sourceMappingURL=client-output-desktop.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client-output-desktop.directive.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/devices/client-output-desktop.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;WAW7D,aAAa,CAAC,MAAM;AATpC;;;GAGG;AAUH,MAAM,OAAO,4BAA4B;;;YATxC,SAAS,SAAC;gBACT,QAAQ,EAAE,8BAA8B;gBACxC,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,qBAAqB;wBAC9B,QAAQ,IAAsB;qBAC/B;iBACF;aACF","sourcesContent":["import { Directive } from '@angular/core';\nimport { deviceDesktop, GRANITE_CLIENT_OUTPUT } from '../client-environment';\n\n/**\n * Directive used to tell components and their sub components that client output\n * should be adapted for desktop devices like personal computers.\n */\n@Directive({\n selector: `[graniteClientOutputDesktop]`,\n providers: [\n {\n provide: GRANITE_CLIENT_OUTPUT,\n useValue: deviceDesktop.output,\n },\n ],\n})\nexport class ClientOutputDesktopDirective {}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../client-environment","name":"deviceDesktop","line":12,"character":16},"member":"output"},"ClientOutputDesktopDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[graniteClientOutputDesktop]","providers":[{"provide":{"__symbolic":"reference","module":"../client-environment","name":"GRANITE_CLIENT_OUTPUT","line":11,"character":15},"useValue":{"__symbolic":"reference","name":"ɵ0"}}]}]}]}}}]
|
|
@@ -19,4 +19,4 @@ ClientOutputTouchDirective.decorators = [
|
|
|
19
19
|
},] }
|
|
20
20
|
];
|
|
21
21
|
export { ɵ0 };
|
|
22
|
-
//# sourceMappingURL=
|
|
22
|
+
//# sourceMappingURL=client-output-touch.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client-output-touch.directive.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/devices/client-output-touch.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;WAW3D,WAAW,CAAC,MAAM;AATlC;;;GAGG;AAUH,MAAM,OAAO,0BAA0B;;;YATtC,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,qBAAqB;wBAC9B,QAAQ,IAAoB;qBAC7B;iBACF;aACF","sourcesContent":["import { Directive } from '@angular/core';\nimport { GRANITE_CLIENT_OUTPUT, deviceTouch } from '../client-environment';\n\n/**\n * Directive used to tell components and their sub components that client output\n * should be adapted for touch devices like mobiles and tablets.\n */\n@Directive({\n selector: `[graniteClientOutputTouch]`,\n providers: [\n {\n provide: GRANITE_CLIENT_OUTPUT,\n useValue: deviceTouch.output,\n },\n ],\n})\nexport class ClientOutputTouchDirective {}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../client-environment","name":"deviceTouch","line":12,"character":16},"member":"output"},"ClientOutputTouchDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[graniteClientOutputTouch]","providers":[{"provide":{"__symbolic":"reference","module":"../client-environment","name":"GRANITE_CLIENT_OUTPUT","line":11,"character":15},"useValue":{"__symbolic":"reference","name":"ɵ0"}}]}]}]}}}]
|
|
@@ -56,4 +56,4 @@ export function setPropertyValue(name, value, element) {
|
|
|
56
56
|
element.style.setProperty(name, isValidToken(value) ? `var(--${value})` : value);
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
//# sourceMappingURL=
|
|
59
|
+
//# sourceMappingURL=theme.library.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.library.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/core/theme.library.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC;AACvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,kEAAkE;AAE1G;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,MAAe,EAAE,EAAU;IACtD,MAAM,KAAK,GACT,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,KAAY,EAAE,OAAoB;IAC3D,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACrC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,MAAc,EAAE,OAAoB;IAC9D,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;KACjD;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,KAAY,EAAE,OAAoB;IAC3D,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;AAClD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,IAAc,EAAE,OAAoB;IAC9D,KAAK,MAAM,KAAK,IAAI,IAAI,EAAE;QACxB,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;KACrC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,OAAO,CACL,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAC1E,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,IAAY,EACZ,KAAa,EACb,OAAoB;IAEpB,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE;QAC7C,OAAO,CAAC,KAAK,CAAC,WAAW,CACvB,IAAI,EACJ,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAChD,CAAC;KACH;AACH,CAAC","sourcesContent":["import { Theme, Tokens } from '@ifsworld/granite-tokens';\n\nexport const TOKEN_PREFIX = 'granite-';\nexport const TOKEN_PREFIX_OLD = 'fnd-'; // TODO: Remove this when all tokens have 'granite-' as the prefix\n\n/**\n * Get the theme that corresponds to a given ID\n */\nexport function getThemeById(themes: Theme[], id: string): Theme | undefined {\n const theme: Theme | undefined =\n id !== undefined ? themes.find((t) => t.id === id) : undefined;\n\n return theme;\n}\n\n/**\n * Apply a theme to a DOM element by iterating though all tokens,\n * setting a CSS variable for each one.\n *\n * @param theme Theme to set\n * @param element Target element\n */\nexport function applyTheme(theme: Theme, element: HTMLElement): void {\n applyTokens(theme.tokens, element);\n}\n\n/**\n * Set a CSS variable for each token on the specified element.\n *\n * @param theme Theme to set\n * @param element Target element\n */\nexport function applyTokens(tokens: Tokens, element: HTMLElement): void {\n for (const token of Object.keys(tokens)) {\n element.style.setProperty(token, tokens[token]);\n }\n}\n\n/**\n * Remove theme token CSS variables from an element using the specified keys\n *\n * @param theme Theme with tokens to clear\n * @param element Target element\n */\nexport function clearTheme(theme: Theme, element: HTMLElement): void {\n clearTokens(Object.keys(theme.tokens), element);\n}\n\n/**\n * Remove token CSS variables from an element using the specified keys.\n *\n * @param keys Token keys\n * @param element Target element\n */\nexport function clearTokens(keys: string[], element: HTMLElement): void {\n for (const token of keys) {\n element.style.removeProperty(token);\n }\n}\n\nexport function isValidToken(key: string): boolean {\n return (\n key && (key.startsWith(TOKEN_PREFIX) || key.startsWith(TOKEN_PREFIX_OLD))\n );\n}\n\nexport function setPropertyValue(\n name: string,\n value: string,\n element: HTMLElement\n): void {\n if (element && element.style && value != null) {\n element.style.setProperty(\n name,\n isValidToken(value) ? `var(--${value})` : value\n );\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"TOKEN_PREFIX":"granite-","TOKEN_PREFIX_OLD":"fnd-","getThemeById":{"__symbolic":"function"},"applyTheme":{"__symbolic":"function"},"applyTokens":{"__symbolic":"function"},"clearTheme":{"__symbolic":"function"},"clearTokens":{"__symbolic":"function"},"isValidToken":{"__symbolic":"function","parameters":["key"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"reference","name":"key"},"right":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"key"},"member":"startsWith"},"arguments":["granite-"]},"right":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"key"},"member":"startsWith"},"arguments":["fnd-"]}}}},"setPropertyValue":{"__symbolic":"function"}}}]
|
|
@@ -128,4 +128,4 @@ GraniteGridComponent.propDecorators = {
|
|
|
128
128
|
cols: [{ type: Input }],
|
|
129
129
|
rows: [{ type: Input }]
|
|
130
130
|
};
|
|
131
|
-
//# sourceMappingURL=
|
|
131
|
+
//# sourceMappingURL=grid.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/grid/grid.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n} from '@angular/core';\n\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\n\n/**\n * Grid item component\n *\n * Merely a wrapper for CSS Grid items, accepting item style as input parameters.\n */\n@Component({\n selector: 'granite-grid-item',\n template: '<ng-content></ng-content>',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteGridItemComponent implements OnChanges {\n @Input()\n columnStart: number;\n\n @Input()\n columnEnd: number;\n\n @Input()\n rowStart: number;\n\n @Input()\n rowEnd: number;\n\n constructor(\n private element: ElementRef<HTMLElement>,\n private renderer: Renderer2\n ) {}\n\n ngOnChanges(): void {\n this.updateStyles();\n }\n\n /**\n * Update element styles\n */\n updateStyles(): void {\n this.setStyle('gridColumnStart', this.columnStart);\n this.setStyle('gridColumnEnd', this.columnEnd);\n this.setStyle('gridRowStart', this.rowStart);\n this.setStyle('gridRowEnd', this.rowEnd);\n }\n\n /**\n * Sets the element style. Needs to be set manually to avoid \"Changed after\n * checked\" errors that would occur with HostBinding.\n */\n private setStyle(property: string, value: any): void {\n this.renderer.setStyle(this.element.nativeElement, property, value || '');\n }\n}\n\n/**\n * Grid\n *\n * A wrapper around a native CSS Grid. Anything can be used for grid items, but\n * `GridItemComponent` is recommended for common cases.\n */\n@Component({\n selector: 'granite-grid',\n template: '<ng-content></ng-content>',\n styleUrls: ['grid.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteGridComponent implements AfterContentInit, OnChanges {\n /**\n * Number of grid columns, unless set via styling (grid-template-columns)\n *\n * Setting this value will produce equally sized columns\n */\n @Input()\n set cols(value: number) {\n this._cols = Math.max(1, Math.round(coerceNumberProperty(value)));\n }\n\n get cols(): number {\n return this._cols;\n }\n\n /** Number of columns to render */\n protected _cols: number;\n\n /**\n * Number of grid rows, unless set via styling (grid-template-rows)\n *\n * Setting this value will produce equally sized rows\n */\n @Input()\n set rows(value: number) {\n this._rows = Math.max(1, Math.round(coerceNumberProperty(value)));\n }\n\n get rows(): number {\n return this._rows;\n }\n\n /** Number of rows to render */\n protected _rows: number;\n\n constructor(private element: ElementRef<HTMLElement>) {}\n\n ngAfterContentInit(): void {\n this.updateStyles();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (\n (changes.cols && !changes.cols.isFirstChange()) ||\n (changes.rows && !changes.rows.isFirstChange())\n ) {\n this.updateStyles();\n }\n }\n\n /** Update element styles */\n updateStyles(): void {\n this.updateColumnStyles();\n this.updateRowStyles();\n }\n\n /**\n * Set CSS variable value or remove it if a null value is given.\n * Would of course rather have used property binding but that is not\n * supported until (perhaps) Angular 9.\n * See: https://github.com/angular/angular/issues/9343\n *\n * TODO: Replace with property binding with Angular 9 upgrade\n */\n protected setCssProperty(variable: string, value: string | null): void {\n this.element.nativeElement.style.setProperty(variable, value);\n }\n\n /** Update grid column template style */\n protected updateColumnStyles(): void {\n this.setCssProperty(\n '--cols',\n (this._cols && this._cols.toString()) || null\n );\n }\n\n /** Update grid row template style */\n protected updateRowStyles(): void {\n this.setCssProperty(\n '--rows',\n (this._rows && this._rows.toString()) || null\n );\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraniteGridItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"granite-grid-item","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":19},"member":"OnPush"}}]}],"members":{"columnStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"columnEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"rowStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"rowEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":21,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":111,"character":42,"context":{"typeName":"HTMLElement"}}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":38,"character":22}]}],"ngOnChanges":[{"__symbolic":"method"}],"updateStyles":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}]}},"GraniteGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":70,"character":1},"arguments":[{"selector":"granite-grid","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":74,"character":19},"member":"OnPush"},"styles":[":host{--cols:1;--rows:1;display:grid;grid-template-columns:repeat(var(--cols,1),1fr);grid-template-rows:repeat(var(--rows,1),1fr)}"]}]}],"members":{"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":21,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":111,"character":42,"context":{"typeName":"HTMLElement"}}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"updateStyles":[{"__symbolic":"method"}],"setCssProperty":[{"__symbolic":"method"}],"updateColumnStyles":[{"__symbolic":"method"}],"updateRowStyles":[{"__symbolic":"method"}]}}}}]
|
|
@@ -10,4 +10,4 @@ GraniteGridModule.decorators = [
|
|
|
10
10
|
exports: [GraniteGridComponent, GraniteGridItemComponent],
|
|
11
11
|
},] }
|
|
12
12
|
];
|
|
13
|
-
//# sourceMappingURL=
|
|
13
|
+
//# sourceMappingURL=grid.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/grid/grid.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,kBAAkB,CAAC;AAO1B,MAAM,OAAO,iBAAiB;;;YAL7B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;gBAC9D,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;aAC1D","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport {\n GraniteGridComponent,\n GraniteGridItemComponent,\n} from './grid.component';\n\n@NgModule({\n declarations: [GraniteGridComponent, GraniteGridItemComponent],\n imports: [CommonModule],\n exports: [GraniteGridComponent, GraniteGridItemComponent],\n})\nexport class GraniteGridModule {}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraniteGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./grid.component","name":"GraniteGridComponent","line":9,"character":17},{"__symbolic":"reference","module":"./grid.component","name":"GraniteGridItemComponent","line":9,"character":39}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12}],"exports":[{"__symbolic":"reference","module":"./grid.component","name":"GraniteGridComponent","line":11,"character":12},{"__symbolic":"reference","module":"./grid.component","name":"GraniteGridItemComponent","line":11,"character":34}]}]}]}}}]
|
|
@@ -34,7 +34,7 @@ GraniteIconComponent.decorators = [
|
|
|
34
34
|
class: 'granite-icon',
|
|
35
35
|
},
|
|
36
36
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
37
|
-
styles: [":host.granite-icon{background-repeat:no-repeat;display:inline-block;padding:0 calc(var(--granite-spacing-
|
|
37
|
+
styles: [":host.granite-icon{background-repeat:no-repeat;display:inline-block;padding:0 calc(var(--granite-spacing-xs) / 2);font-size:1em;line-height:1em;position:relative;top:.1em}"]
|
|
38
38
|
},] }
|
|
39
39
|
];
|
|
40
40
|
GraniteIconComponent.ctorParameters = () => [
|
|
@@ -45,4 +45,4 @@ GraniteIconComponent.ctorParameters = () => [
|
|
|
45
45
|
GraniteIconComponent.propDecorators = {
|
|
46
46
|
fontIcon: [{ type: Input }]
|
|
47
47
|
};
|
|
48
|
-
//# sourceMappingURL=
|
|
48
|
+
//# sourceMappingURL=icon.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/icon/icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,KAAK,EAEL,SAAS,GAEV,MAAM,eAAe,CAAC;AAYvB,MAAM,OAAO,oBAAoB;IAM/B,YACS,WAAuB,EACtB,QAAmB,EACD,UAAkB;QAFrC,gBAAW,GAAX,WAAW,CAAY;QACtB,aAAQ,GAAR,QAAQ,CAAW;QAG3B,sFAAsF;QACtF,IAAI,CAAC,UAAU,EAAE;YACf,IAAI,CAAC,QAAQ,CAAC,YAAY,CACxB,WAAW,CAAC,aAAa,EACzB,aAAa,EACb,MAAM,CACP,CAAC;SACH;IACH,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,sBAAsB,EAAE;YACjD,IAAI,IAAI,CAAC,sBAAsB,EAAE;gBAC/B,IAAI,CAAC,QAAQ,CAAC,WAAW,CACvB,IAAI,CAAC,WAAW,CAAC,aAAa,EAC9B,IAAI,CAAC,sBAAsB,CAC5B,CAAC;aACH;YACD,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;aACvE;YACD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,QAAQ,CAAC;SAC7C;IACH,CAAC;;;YAlDF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,QAAQ,EAAE,2BAA2B;gBAErC,IAAI,EAAE;oBACJ,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,cAAc;iBACtB;gBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YAhBC,UAAU;YAGV,SAAS;yCAuBN,SAAS,SAAC,aAAa;;;uBARzB,KAAK","sourcesContent":["import {\n Attribute,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n} from '@angular/core';\n\n@Component({\n selector: 'granite-icon',\n template: '<ng-content></ng-content>',\n styleUrls: ['./icon.component.scss'],\n host: {\n role: 'img',\n class: 'granite-icon',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteIconComponent implements OnChanges {\n @Input()\n fontIcon: string;\n\n private _previousFontIconClass: string;\n\n constructor(\n public _elementRef: ElementRef,\n private renderer: Renderer2,\n @Attribute('aria-hidden') ariaHidden: string\n ) {\n // aria-hidden will be set to true by default, unless it's overridden by the developer\n if (!ariaHidden) {\n this.renderer.setAttribute(\n _elementRef.nativeElement,\n 'aria-hidden',\n 'true'\n );\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.fontIcon) {\n this._updateFontIcon();\n }\n }\n\n private _updateFontIcon(): void {\n if (this.fontIcon !== this._previousFontIconClass) {\n if (this._previousFontIconClass) {\n this.renderer.removeClass(\n this._elementRef.nativeElement,\n this._previousFontIconClass\n );\n }\n if (this.fontIcon) {\n this.renderer.addClass(this._elementRef.nativeElement, this.fontIcon);\n }\n this._previousFontIconClass = this.fontIcon;\n }\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraniteIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"granite-icon","template":"<ng-content></ng-content>","host":{"role":"img","class":"granite-icon"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"styles":[":host.granite-icon{background-repeat:no-repeat;display:inline-block;padding:0 calc(var(--granite-spacing-xs) / 2);font-size:1em;line-height:1em;position:relative;top:.1em}"]}]}],"members":{"fontIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":30,"character":5},"arguments":["aria-hidden"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":22},{"__symbolic":"reference","name":"string"}]}],"ngOnChanges":[{"__symbolic":"method"}],"_updateFontIcon":[{"__symbolic":"method"}]}}}}]
|
|
@@ -8,4 +8,4 @@ GraniteIconModule.decorators = [
|
|
|
8
8
|
exports: [GraniteIconComponent],
|
|
9
9
|
},] }
|
|
10
10
|
];
|
|
11
|
-
//# sourceMappingURL=
|
|
11
|
+
//# sourceMappingURL=icon.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/icon/icon.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAMxD,MAAM,OAAO,iBAAiB;;;YAJ7B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;gBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;aAChC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { GraniteIconComponent } from './icon.component';\n\n@NgModule({\n declarations: [GraniteIconComponent],\n exports: [GraniteIconComponent],\n})\nexport class GraniteIconModule {}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraniteIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./icon.component","name":"GraniteIconComponent","line":4,"character":17}],"exports":[{"__symbolic":"reference","module":"./icon.component","name":"GraniteIconComponent","line":5,"character":12}]}]}]}}}]
|
|
@@ -17,4 +17,4 @@ GraniteDividerDirective.decorators = [
|
|
|
17
17
|
GraniteDividerDirective.propDecorators = {
|
|
18
18
|
dividerDirection: [{ type: Input }]
|
|
19
19
|
};
|
|
20
|
-
//# sourceMappingURL=
|
|
20
|
+
//# sourceMappingURL=divider.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.directive.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/divider.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAUjD,MAAM,OAAO,uBAAuB;IARpC;QAUE,qBAAgB,GAAW,KAAK,CAAC;IACnC,CAAC;;;YAXA,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE;oBACJ,6BAA6B,EAAE,4BAA4B;oBAC3D,gCAAgC,EAAE,+BAA+B;iBAClE;aACF;;;+BAEE,KAAK","sourcesContent":["import { Directive, Input } from '@angular/core';\n\n@Directive({\n selector: '[graniteDivider]',\n exportAs: 'graniteDivider',\n host: {\n '[class.granite-divider-top]': 'dividerDirection === \"top\"',\n '[class.granite-divider-bottom]': 'dividerDirection === \"bottom\"',\n },\n})\nexport class GraniteDividerDirective {\n @Input()\n dividerDirection: string = 'top';\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraniteDividerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[graniteDivider]","exportAs":"graniteDivider","host":{"[class.granite-divider-top]":"dividerDirection === \"top\"","[class.granite-divider-bottom]":"dividerDirection === \"bottom\"","$quoted$":["[class.granite-divider-top]","[class.granite-divider-bottom]"]}}]}],"members":{"dividerDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}]}}}}]
|
|
@@ -20,4 +20,4 @@ export const graniteMenuDesktopAnimations = {
|
|
|
20
20
|
transition('* => void', animate(getEaseLinear(100, 25), style({ opacity: 0 }))),
|
|
21
21
|
]),
|
|
22
22
|
};
|
|
23
|
-
//# sourceMappingURL=
|
|
23
|
+
//# sourceMappingURL=menu-desktop-animations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-desktop-animations.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-desktop-animations.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,EACL,KAAK,EAEL,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;AAExC;;;GAGG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAMrC;IACF,oBAAoB,EAAE,OAAO,CAAC,sBAAsB,EAAE;QACpD,KAAK,CACH,MAAM,EACN,KAAK,CAAC;YACJ,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,YAAY;SACxB,CAAC,CACH;QACD,UAAU,CACR,eAAe,EACf,KAAK,CAAC;YACJ,KAAK,CACH,uBAAuB,EACvB,OAAO,CACL,aAAa,CAAC,GAAG,CAAC,EAClB,KAAK,CAAC;gBACJ,OAAO,EAAE,CAAC;aACX,CAAC,CACH,CACF;YACD,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;SACtD,CAAC,CACH;QACD,UAAU,CACR,WAAW,EACX,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CACvD;KACF,CAAC;CACH,CAAC","sourcesContent":["import {\n trigger,\n state,\n style,\n AnimationTriggerMetadata,\n animate,\n group,\n query,\n transition,\n} from '@angular/animations';\nimport { getEaseLinear, getEaseOutSteep } from '../core/animation';\n\nconst easeOut120 = getEaseOutSteep(120);\n\n/**\n * Animations used by the `granite-menu` component, showing the desktop interface.\n * @docs-private\n */\nexport const graniteMenuDesktopAnimations: {\n /**\n * This animation trigger controls the menu panel's entry and exit from the\n * stage on desktop output devices.\n */\n readonly transformMenuDesktop: AnimationTriggerMetadata;\n} = {\n transformMenuDesktop: trigger('transformMenuDesktop', [\n state(\n 'void',\n style({\n opacity: 0,\n transform: 'scale(0.9)',\n })\n ),\n transition(\n 'void => enter',\n group([\n query(\n '.granite-menu-content',\n animate(\n getEaseLinear(100),\n style({\n opacity: 1,\n })\n )\n ),\n animate(easeOut120, style({ transform: 'scale(1)' })),\n ])\n ),\n transition(\n '* => void',\n animate(getEaseLinear(100, 25), style({ opacity: 0 }))\n ),\n ]),\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__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}]}]}]}]]}}}}]
|
|
@@ -34,4 +34,4 @@ export function throwGraniteMenuInvalidPositionY() {
|
|
|
34
34
|
throw Error(`yPosition value must be either 'above' or below'.
|
|
35
35
|
Example: <granite-menu yPosition="above" #menu="graniteMenu"></granite-menu>`);
|
|
36
36
|
}
|
|
37
|
-
//# sourceMappingURL=
|
|
37
|
+
//# sourceMappingURL=menu-errors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"throwGraniteMenuMissingError":{"__symbolic":"function"},"throwGraniteMenuInvalidPositionX":{"__symbolic":"function"},"throwGraniteMenuInvalidPositionY":{"__symbolic":"function"}}}]
|
|
@@ -62,7 +62,7 @@ GraniteMenuItemComponent.decorators = [
|
|
|
62
62
|
//#endregion --- Touch device customizations ---
|
|
63
63
|
'(mouseenter)': '_hovered.next(this)',
|
|
64
64
|
},
|
|
65
|
-
styles: [":host{display:block;position:relative;line-height:var(--granite-spacing-
|
|
65
|
+
styles: [":host{display:block;position:relative;line-height:var(--granite-spacing-xl);height:var(--granite-spacing-xl);padding:0 var(--granite-spacing-s);width:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-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{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover:none) and (pointer:coarse){:host:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}: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:var(--granite-border-width-regular) solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:var(--granite-border-width-regular) solid var(--granite-color-border-soft)}:host.granite-device-output-touch{height:var(--granite-spacing-xl);line-height:var(--granite-spacing-xl);font-size:var(--granite-font-size-body-small);text-align:center}:host.granite-device-output-touch,: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:var(--granite-spacing-xl);height:var(--granite-spacing-xl);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}"]
|
|
66
66
|
},] }
|
|
67
67
|
];
|
|
68
68
|
GraniteMenuItemComponent.ctorParameters = () => [
|
|
@@ -73,4 +73,4 @@ GraniteMenuItemComponent.ctorParameters = () => [
|
|
|
73
73
|
GraniteMenuItemComponent.propDecorators = {
|
|
74
74
|
role: [{ type: Input }]
|
|
75
75
|
};
|
|
76
|
-
//# sourceMappingURL=
|
|
76
|
+
//# sourceMappingURL=menu-item.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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;AAuB7E,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;;;YA9EF,SAAS,SAAC;gBACT,8DAA8D;gBAC9D,QAAQ,EAAE,mBAAmB;gBAC7B,QAAQ,EAAE;;;;oBAIQ;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;;;YAjCC,UAAU;YAHc,YAAY;4CAoEjC,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 class=\"caret-left\">caret-left</granite-icon>\n <granite-icon class=\"caret-right\">caret-right</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"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__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 class=\"caret-left\">caret-left</granite-icon>\n <granite-icon class=\"caret-right\">caret-right</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:var(--granite-spacing-xl);height:var(--granite-spacing-xl);padding:0 var(--granite-spacing-s);width:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-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{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover:none) and (pointer:coarse){:host:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}: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:var(--granite-border-width-regular) solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:var(--granite-border-width-regular) solid var(--granite-color-border-soft)}:host.granite-device-output-touch{height:var(--granite-spacing-xl);line-height:var(--granite-spacing-xl);font-size:var(--granite-font-size-body-small);text-align:center}:host.granite-device-output-touch,: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:var(--granite-spacing-xl);height:var(--granite-spacing-xl);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}"]}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":68,"character":5},"arguments":[{"__symbolic":"reference","module":"./menu-panel","name":"GRANITE_MENU_PANEL","line":68,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":69,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":65,"character":25,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":65,"character":36,"context":{"typeName":"HTMLElement"}}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":66,"character":27},{"__symbolic":"reference","module":"./menu-panel","name":"GraniteMenuPanelInterface","line":70,"character":25}]}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}]}}}}]
|
|
@@ -4,4 +4,4 @@ import { InjectionToken } from '@angular/core';
|
|
|
4
4
|
* @docs-private
|
|
5
5
|
*/
|
|
6
6
|
export const GRANITE_MENU_PANEL = new InjectionToken('GRANITE_MENU_PANEL');
|
|
7
|
-
//# sourceMappingURL=
|
|
7
|
+
//# sourceMappingURL=menu-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__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"}}}]
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
* found in the LICENSE file at https://angular.io/license
|
|
7
7
|
*/
|
|
8
8
|
export {};
|
|
9
|
-
//# sourceMappingURL=
|
|
9
|
+
//# sourceMappingURL=menu-positions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"MenuPositionX":{"__symbolic":"interface"},"MenuPositionY":{"__symbolic":"interface"}}}]
|
|
@@ -134,4 +134,4 @@ export const graniteMenuTouchAnimations = {
|
|
|
134
134
|
])),
|
|
135
135
|
]),
|
|
136
136
|
};
|
|
137
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10b3VjaC1hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9tZW51L21lbnUtdG91Y2gtYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsT0FBTyxFQUNQLEtBQUssRUFDTCxLQUFLLEVBQ0wsT0FBTyxFQUNQLFVBQVUsRUFFVixRQUFRLEdBQ1QsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRW5FLE1BQU0sZUFBZSxHQUFHLEdBQUcsQ0FBQztBQUM1QixNQUFNLFlBQVksR0FBRyxHQUFHLENBQUM7QUFFekIsTUFBTSxPQUFPLEdBQUcsZUFBZSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0FBQ2pELE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQztBQUM5QyxNQUFNLGFBQWEsR0FBRyxhQUFhLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQyxDQUFDO0FBRW5FOzs7Ozs7R0FNRztBQUNILE1BQU0sUUFBUSxHQUFHLFlBQVksQ0FBQztBQUU5Qjs7O0dBR0c7QUFDSCxNQUFNLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUM5QixTQUFTLEVBQUUsZ0NBQWdDO0lBQzNDLE9BQU8sRUFBRSxDQUFDO0NBQ1gsQ0FBQyxDQUFDO0FBRUgseUVBQXlFO0FBQ3pFLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQztJQUNwQixPQUFPLEVBQUUsQ0FBQztJQUNWLFNBQVMsRUFBRSw2QkFBNkI7Q0FDekMsQ0FBQyxDQUFDO0FBRUg7Ozs7R0FJRztBQUNILE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQztJQUN4QixPQUFPLEVBQUUsQ0FBQztJQUNWLFNBQVMsRUFBRSxpQ0FBaUM7Q0FDN0MsQ0FBQyxDQUFDO0FBRUg7Ozs7O0dBS0c7QUFDSCxNQUFNLE9B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Q0FBQyxzQkFBc0IsRUFBRTtRQUNwRCxLQUFLLENBQUMsK0JBQStCLEVBQUUsYUFBYSxDQUFDO1FBQ3JELEtBQUssQ0FBQyxnREFBZ0QsRUFBRSxPQUFPLENBQUM7UUFDaEUsVUFBVSxDQUNSLDBCQUEwQixFQUMxQixRQUFRLENBQUM7WUFDUCxPQUFPLENBQUMsUUFBUSxFQUFFLGFBQWEsQ0FBQztZQUNoQyxPQUFPLENBQUMsYUFBYSxDQUFDLEVBQUUsRUFBRSxlQUFlLEdBQUcsQ0FBQyxDQUFDLEVBQUUsT0FBTyxDQUFDO1NBQ3pELENBQUMsQ0FDSDtRQUNELFVBQVUsQ0FDUiwyQ0FBMkMsRUFDM0MsUUFBUSxDQUFDO1lBQ1AsT0FBTyxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUM7WUFDMUIsT0FBTyxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUMsRUFBRSxhQUFhLENBQUM7U0FDMUMsQ0FBQyxDQUNIO1FBQ0QsVUFBVSxDQUNSLGlFQUFpRSxFQUNqRSxRQUFRLENBQUM7WUFDUCxPQUFPLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQztZQUMxQixPQUFPLENBQUMsYUFBYSxDQUFDLEVBQUUsRUFBRSxZQUFZLENBQUMsRUFBRSxhQUFhLENBQUM7U0FDeEQsQ0FBQyxDQUNIO0tBQ0YsQ0FBQztDQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0cmlnZ2VyLFxuICBzdGF0ZSxcbiAgc3R5bGUsXG4gIGFuaW1hdGUsXG4gIHRyYW5zaXRpb24sXG4gIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSxcbiAgc2VxdWVuY2UsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgZ2V0RWFzZU91dFN0ZWVwLCBnZXRFYXNlTGluZWFyIH0gZnJvbSAnLi4vY29yZS9hbmltYXRpb24nO1xuXG5jb25zdCBkZWZhdWx0RHVyYXRpb24gPSAzMDA7XG5jb25zdCBkZWZhdWx0RGVsYXkgPSAyMDA7XG5cbmNvbnN0IGVhc2VPdXQgPSBnZXRFYXNlT3V0U3RlZXAoZGVmYXVsdER1cmF0aW9uKTtcbmNvbnN0IGxpbmVhciA9IGdldEVhc2VMaW5lYXIoZGVmYXVsdER1cmF0aW9uKTtcbmNvbnN0IGxpbmVhckRlbGF5ZWQgPSBnZXRFYXNlTGluZWFyKGRlZmF1bHREdXJhdGlvbiwgZGVmYXVsdERlbGF5KTtcblxuLyoqXG4gKiBJbnNhbmVseSBmYXN0IHRyYXZlbCBzb21ld2hlcmUgb24gb3Igb2ZmIHRoZSBzdGFnZSxcbiAqIHRvIHNldCBhIGdyZWF0IHN0YXJ0aW5nIHBvc2l0aW9uLlxuICpcbiAqIEZvciBzb21lIHJlYXNvbiB0aGlzIGhhcyB0byBiZSBhbmltYXRlZCB3aXRoID4gMG1zIHRpbWUuXG4gKiBTZXR0aW5nIHN0eWxlIGRpcmVjdGx5IGdldHMgaWdub3JlZC5cbiAqL1xuY29uc3QgdGVsZXBvcnQgPSAnMW1zIGxpbmVhcic7XG5cbi8qKlxuICogU3R5bGUgdXNlZCBieSBvdXIgbWVudSBzdGFycyB0byBtYWtlIGdyYW5kIGVudHLDqWUgZXQgc29ydGllIGZyb20vdG8gYmVsb3dcbiAqIHRoZSB2aWV3cG9ydCBzdGFnZS5cbiAqL1xuY29uc3QgaW5UaGVPcmNoZXN0cmFQaXQgPSBzdHlsZSh7XG4gIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCkgdHJhbnNsYXRlWSgxMDAlKScsXG4gIG9wYWNpdHk6IDAsXG59KTtcblxuLyoqIFN0eWxlIGZvciBhIG1lbnUgYXQgdGhlIGNlbnRlciBvZiBhdHRlbnRpb24sIG9uIHRoZSB2aWV3cG9ydCBzdGFnZSAqL1xuY29uc3Qgb25TdGFnZSA9IHN0eWxlKHtcbiAgb3BhY2l0eTogMSxcbiAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKSB0cmFuc2xhdGVZKDApJyxcbn0pO1xuXG4vKipcbiAqIFN0eWxlIGZvciBhIChzdWIpIG1lbnUgc3RhcnRpbmcgcG9zaXRpb24gYXQgdGhlIHNpZGUgb2YgdGhlIHN0YWdlLCB3YWl0aW5nXG4gKiB0byBtYWtlIGFuIGVudHJhbmNlIGJ5IHNsaWRpbmcgaW50byB2aWV3LCBwdXNoaW5nIHRoZSBwcmV2aW91cyAocGFyZW50KVxuICogbWVudSBvZmYuXG4gKi9cbmNvbnN0IGF3YWl0aW5nQ3VlID0gc3R5bGUoe1xuICBvcGFjaXR5OiAwLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMHZ3KSB0cmFuc2xhdGVZKDApJyxcbn0pO1xuXG4vKipcbiAqIFN0eWxlIGZvciBhIChwYXJlbnQpIG1lbnUgdGhhdCBoYXMgYmVlbiBwdXNoZWQgYXNpZGUgYnkgYSBkZWJ1dGFudFxuICogKHN1YikgbWVudSBhbmQgdGhlcmVmb3JlLCBhbHRob3VnaCBtYXliZSB0ZW1wb3JhcmlseSwgbGVmdCB0aGUgc3BvdGxpZ2h0LlxuICpcbiAqIEBwYXJhbSB0cmFuc2xhdGVZIFdoZXJlIHRvIHBsYWNlIG9uIFkgYXhpc1xuICovXG5jb25zdCByZXRpcmVkID0gc3R5bGUoe1xuICBvcGFjaXR5OiAxLFxuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKC0xMDB2dykgdHJhbnNsYXRlWSgwKWAsXG59KTtcblxuLyoqXG4gKiBTdHlsZSBmb3IgYW4gYWN0aXZlIChzdWIpIG1lbnUgdGhhdCBkYW5jZXMgYWNyb3NzIHRoZSBzdGFnZSwgYWxvbmcgd2l0aCBpdHNcbiAqIHBhcmVudCBtZW51LCBhcyBhIHJlc3VsdCBvZiB0aGUgdXNlciBwYW5uaW5nLiBSZXF1aXJlcyBhbiBgeE9mZnNldGBcbiAqIHBhcmFtZXRlciBmb3IgdGhlIGRpc3RhbmNlLlxuICovXG5jb25zdCBmdXRzYWxTaHVmZmxlID0gc3R5bGUoe1xuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKHt7IHhPZmZzZXQgfX1weCknLFxufSk7XG5cbi8qKlxuICogU3R5bGUgZm9yIGEgcGFyZW50IG1lbnUgc3dlZXBpbmcgYWNyb3NzIHRoZSBzdGFnZSwgcmlnaHQgYmVzaWRlIHRoZVxuICogc3RhcmxldCBzdWIgbWVudSwgZWl0aGVyIG9mZiB0aGUgc3RhZ2Ugb3IgYmFjayBvbnRvIGl0IChmb3IgYSBncmVhdCBjb21lYmFjaykuXG4gKiBSZXF1aXJlcyBhbiBgeE9mZnNldGAgcGFyYW1ldGVyIGZvciB0aGUgZGlzdGFuY2UuXG4gKi9cbmNvbnN0IG1vb253YWxrID0gc3R5bGUoe1xuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKGNhbGMoLTEwMHZ3ICsge3sgeE9mZnNldCB9fXB4KSknLFxufSk7XG5cbmNvbnN0IG9uU3RhZ2VIaWRkZW4gPSBzdHlsZSh7XG4gIG9wYWNpdHk6IDAsXG4gIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCkgdHJhbnNsYXRlWSgwKScsXG59KTtcblxuLyoqXG4gKiBBbmltYXRpb25zIHVzZWQgYnkgdGhlIGBncmFuaXRlLW1lbnVgIGNvbXBvbmVudCwgc2hvd2luZyB0aGUgdG91Y2ggaW50ZXJmYWNlLlxuICogQGRvY3MtcHJpdmF0ZVxuICovXG5leHBvcnQgY29uc3QgZ3Jhbml0ZU1lbnVUb3VjaEFuaW1hdGlvbnM6IHtcbiAgLyoqXG4gICAqIFRoaXMgYW5pbWF0aW9uIHRyaWdnZXIgY29udHJvbHMgdGhlIG1lbnUgcGFuZWwncyBlbnRyeSBhbmQgZXhpdCBmcm9tIHRoZVxuICAgKiBzdGFnZSBvbiB0b3VjaCBvdXRwdXQgZGV2aWNlcy5cbiAgICovXG4gIHJlYWRvbmx5IHRyYW5zZm9ybU1lbnVUb3VjaDogQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhO1xuICAvKipcbiAgICogVGhpcyBhbmltYXRpb24gdHJpZ2dlciBjb250cm9scyB0aGUgY2xvc2UgYnV0dG9uJ3MgZW50cnkgYW5kIGV4aXQgZnJvbSB0aGVcbiAgICogc3RhZ2Ugb24gdG91Y2ggb3V0cHV0IGRldmljZXMsIHVzaW5nIHRoZSBzYW1lIHN0YXRlcyBhcyB0aGUgbWVudSBwYW5lbC5cbiAgICovXG4gIHJlYWRvbmx5IHRyYW5zZm9ybUNsb3NlQnV0dG9uOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICB0cmFuc2Zvcm1NZW51VG91Y2g6IHRyaWdnZXIoJ3RyYW5zZm9ybU1lbnVUb3VjaCcsIFtcbiAgICAvLyBTZXQgdXAgY2FzdCBwb3NpdGlvbnNcbiAgICBzdGF0ZSgndm9pZCcsIGF3YWl0aW5nQ3VlKSxcbiAgICBzdGF0ZSgnZW50ZXIsIGVudGVyLWZyb20tYmVsb3cnLCBvblN0YWdlKSxcbiAgICBzdGF0ZSgncGFuLWhpZGRlbicsIG1vb253YWxrLCB7IHBhcmFtczogeyB4T2Zmc2V0OiAwIH0gfSksXG4gICAgc3RhdGUoJ3BhbicsIGZ1dHNhbFNodWZmbGUsIHsgcGFyYW1zOiB7IHhPZmZzZXQ6IDAgfSB9KSxcbiAgICBzdGF0ZSgnYmVsb3ctd2l0aC1kZWxheScsIGluVGhlT3JjaGVzdHJhUGl0KSxcbiAgICBzdGF0ZSgnaGlkZScsIHJldGlyZWQpLFxuXG4gICAgLy8gR2VuZXJhbCBtb3ZlbWVudCBhY3Jvc3MgdGhlIHN0YWdlLiBUcmFuc2l0aW9ucyB0byAncGFuJyBhbmQgJ3Bhbi1oaWRkZW4nXG4gICAgLy8gc3RhdGVzIGFyZSBpbnRlbnRpb25hbGx5IGxlZnQgb3V0IGFzIHdlIHdhbnQgdGhlIG1lbnUgcG9zaXRpb24gdG8gdXBkYXRlXG4gICAgLy8gaW5zdGFudGx5IGFzIHRoZSB1c2VyIG1vdmVzIHRoZWlyIGZpbmdlci5cbiAgICB0cmFuc2l0aW9uKFxuICAgICAgJ3BhbiA9PiBlbnRlciwgJyArXG4gICAgICAgICdwYW4gPT4gZW50ZXItZnJvbS1iZWxvdywgJyArXG4gICAgICAgICdwYW4gPT4gdm9pZCwgJyArXG4gICAgICAgICdlbnRlciA8PT4gaGlkZSwgJyArXG4gICAgICAgICdlbnRlci1mcm9tLWJlbG93IDw9PiBoaWRlLCAnICtcbiAgICAgICAgJ3Bhbi1oaWRkZW4gPT4gaGlkZSwgJyArXG4gICAgICAgICdwYW4taGlkZGVuID0+IGVudGVyJyxcbiAgICAgIGFuaW1hdGUoZWFzZU91dClcbiAgICApLFxuXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIEp1bXAgc3RyYWlnaHQgb250byB0aGUgc3RhZ2UsIGZyb20gdGhlIG9yY2hlc3RyYSBwaXQuXG4gICAgICAvLyBFeGNpdGVtZW50IGZpbGxzIHRoZSBhaXIuIFNwb3RsaWdodC4gU2hvd3RpbWUuXG4gICAgICAndm9pZCA9PiBlbnRlci1mcm9tLWJlbG93JyxcbiAgICAgIHNlcXVlbmNlKFtcbiAgICAgICAgYW5pbWF0ZSh0ZWxlcG9ydCwgaW5UaGVPcmNoZXN0cmFQaXQpLFxuICAgICAgICBhbmltYXRlKGVhc2VPdXQsIG9uU3RhZ2UpLFxuICAgICAgXSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAvLyBHbyBzdGFuZCBpbiB0aGUgY3VydGFpbnMsIHRoZW4gbWFrZSBhIGdyYW5kIGVudHJhbmNlIGZyb20gdGhlIHNpZGVcbiAgICAgICd2b2lkID0+IGVudGVyJyxcbiAgICAgIHNlcXVlbmNlKFthbmltYXRlKHRlbGVwb3J0LCBhd2FpdGluZ0N1ZSksIGFuaW1hdGUoZWFzZU91dCwgb25TdGFnZSldKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIEdldCBvZmYgdGhlIHN0YWdlLCBiYWNrIGludG8gdGhlIGN1cnRhaW5zIG9uIHRoZSBzaWRlXG4gICAgICAnZW50ZXIgPT4gdm9pZCcsXG4gICAgICBhbmltYXRlKGVhc2VPdXQsIGF3YWl0aW5nQ3VlKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIFRha2UgdGhlIHNpZGUgc3RhaXJzIGRvd24gZnJvbSB0aGUgc3RhZ2VcbiAgICAgICdoaWRlID0+IGJlbG93JyxcbiAgICAgIGFuaW1hdGUobGluZWFyLCByZXRpcmVkKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIFdhaXQgZm9yIGEgYml0LCB0aGVuIHRha2UgdGhlIHNpZGUgc3RhaXJzIGRvd24gZnJvbSB0aGUgc3RhZ2VcbiAgICAgICdoaWRlID0+IGJlbG93LXdpdGgtZGVsYXknLFxuICAgICAgc2VxdWVuY2UoW2FuaW1hdGUodGVsZXBvcnQsIHJldGlyZWQpLCBhbmltYXRlKGxpbmVhckRlbGF5ZWQsIHJldGlyZWQpXSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAvLyBTdGFnZSBkaXZlIGludG8gdGhlIG9yY2hlc3RyYSBwaXRcbiAgICAgICdlbnRlciA9PiBiZWxvdywgZW50ZXItZnJvbS1iZWxvdyA9PiBiZWxvdycsXG4gICAgICBzZXF1ZW5jZShbYW5pbWF0ZSh0ZWxlcG9ydCwgb25TdGFnZSksIGFuaW1hdGUobGluZWFyLCBpblRoZU9yY2hlc3RyYVBpdCldKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIFJlY2VpdmUgdGhlIHN0YW5kaW5nIG92YXRpb25zLCB0aGVuIHN0YWdlIGRpdmUgaW50byB0aGUgb3JjaGVzdHJhIHBpdFxuICAgICAgJ2VudGVyID0+IGJlbG93LXdpdGgtZGVsYXksIGVudGVyLWZyb20tYmVsb3cgPT4gYmVsb3ctd2l0aC1kZWxheScsXG4gICAgICBzZXF1ZW5jZShbXG4gICAgICAgIGFuaW1hdGUodGVsZXBvcnQsIG9uU3RhZ2UpLFxuICAgICAgICBhbmltYXRlKGxpbmVhckRlbGF5ZWQsIGluVGhlT3JjaGVzdHJhUGl0KSxcbiAgICAgIF0pXG4gICAgKSxcbiAgXSksXG4gIHRyYW5zZm9ybUNsb3NlQnV0dG9uOiB0cmlnZ2VyKCd0cmFuc2Zvcm1DbG9zZUJ1dHRvbicsIFtcbiAgICBzdGF0ZSgndm9pZCwgYmVsb3csIGJlbG93LXdpdGgtZGVsYXknLCBvblN0YWdlSGlkZGVuKSxcbiAgICBzdGF0ZSgnZW50ZXIsIGVudGVyLWZyb20tYmVsb3csIHBhbi1oaWRkZW4sIHBhbiwgaGlkZScsIG9uU3RhZ2UpLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAndm9pZCA9PiBlbnRlci1mcm9tLWJlbG93JyxcbiAgICAgIHNlcXVlbmNlKFtcbiAgICAgICAgYW5pbWF0ZSh0ZWxlcG9ydCwgb25TdGFnZUhpZGRlbiksXG4gICAgICAgIGFuaW1hdGUoZ2V0RWFzZUxpbmVhcig1MCwgZGVmYXVsdER1cmF0aW9uIC8gMiksIG9uU3RhZ2UpLFxuICAgICAgXSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAnZW50ZXIgPT4gYmVsb3csIGVudGVyLWZyb20tYmVsb3cgPT4gYmVsb3cnLFxuICAgICAgc2VxdWVuY2UoW1xuICAgICAgICBhbmltYXRlKHRlbGVwb3J0LCBvblN0YWdlKSxcbiAgICAgICAgYW5pbWF0ZShnZXRFYXNlTGluZWFyKDI1KSwgb25TdGFnZUhpZGRlbiksXG4gICAgICBdKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgICdlbnRlciA9PiBiZWxvdy13aXRoLWRlbGF5LCBlbnRlci1mcm9tLWJlbG93ID0+IGJlbG93LXdpdGgtZGVsYXknLFxuICAgICAgc2VxdWVuY2UoW1xuICAgICAgICBhbmltYXRlKHRlbGVwb3J0LCBvblN0YWdlKSxcbiAgICAgICAgYW5pbWF0ZShnZXRFYXNlTGluZWFyKDUwLCBkZWZhdWx0RGVsYXkpLCBvblN0YWdlSGlkZGVuKSxcbiAgICAgIF0pXG4gICAgKSxcbiAgXSksXG59O1xuIl19
|
|
137
|
+
//# sourceMappingURL=menu-touch-animations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-touch-animations.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-touch-animations.ts"],"names":[],"mappings":"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","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"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__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)"}]}]}]]}]}]]}}}}]
|