@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
package/README.md
CHANGED
|
@@ -1,27 +1,7 @@
|
|
|
1
|
-
#
|
|
1
|
+
# granite-components
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.12.
|
|
6
|
-
|
|
7
|
-
## Code scaffolding
|
|
8
|
-
|
|
9
|
-
Run `ng generate component component-name --project ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ui`.
|
|
10
|
-
|
|
11
|
-
> Note: Don't forget to add `--project ui` or else it will be added to the default project in your `angular.json` file.
|
|
12
|
-
|
|
13
|
-
## Build
|
|
14
|
-
|
|
15
|
-
Run `ng build ui` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
16
|
-
|
|
17
|
-
## Publishing
|
|
18
|
-
|
|
19
|
-
After building your library with `ng build ui`, go to the dist folder `cd dist/ui` and run `npm publish`.
|
|
3
|
+
This library was generated with [Nx](https://nx.dev).
|
|
20
4
|
|
|
21
5
|
## Running unit tests
|
|
22
6
|
|
|
23
|
-
Run `
|
|
24
|
-
|
|
25
|
-
## Further help
|
|
26
|
-
|
|
27
|
-
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
|
|
7
|
+
Run `nx test granite-components` to execute the unit tests.
|
|
@@ -778,7 +778,7 @@
|
|
|
778
778
|
},
|
|
779
779
|
template: '<ng-content></ng-content>',
|
|
780
780
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
781
|
-
styles: [":host{display:-moz-inline-flex;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;align-items:center;background-color:var(--granite-
|
|
781
|
+
styles: [":host{display:-moz-inline-flex;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);padding:5px;border-radius:5px;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}:host(.granite-badge-pill){border-radius:25px}"]
|
|
782
782
|
},] }
|
|
783
783
|
];
|
|
784
784
|
GraniteBadgeComponent.ctorParameters = function () { return [
|
|
@@ -917,7 +917,7 @@
|
|
|
917
917
|
//#endregion --- Touch device customizations ---
|
|
918
918
|
'(mouseenter)': '_hovered.next(this)',
|
|
919
919
|
},
|
|
920
|
-
styles: [":host{display:block;position:relative;line-height:var(--granite-spacing-
|
|
920
|
+
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}"]
|
|
921
921
|
},] }
|
|
922
922
|
];
|
|
923
923
|
GraniteMenuItemComponent.ctorParameters = function () { return [
|
|
@@ -1160,6 +1160,7 @@
|
|
|
1160
1160
|
},
|
|
1161
1161
|
};
|
|
1162
1162
|
/** Base class with all of the menu functionality. */
|
|
1163
|
+
// eslint-disable-next-line @angular-eslint/directive-class-suffix
|
|
1163
1164
|
var _MenuBaseComponent = /** @class */ (function () {
|
|
1164
1165
|
function _MenuBaseComponent(_changeDetectorRef) {
|
|
1165
1166
|
this._changeDetectorRef = _changeDetectorRef;
|
|
@@ -1501,7 +1502,7 @@
|
|
|
1501
1502
|
providers: [
|
|
1502
1503
|
{ provide: GRANITE_MENU_PANEL, useExisting: GraniteMenuComponent },
|
|
1503
1504
|
],
|
|
1504
|
-
styles: [".granite-menu:not(.granite-device-output-touch){background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;min-height:var(--granite-spacing-
|
|
1505
|
+
styles: [".granite-menu:not(.granite-device-output-touch){background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;min-height:var(--granite-spacing-xl);max-height:calc(100vh - var(--granite-spacing-xl));outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;filter:drop-shadow(0 16px 16px rgba(0,0,0,.08)) drop-shadow(0 4px 20px rgba(0,0,0,.1));min-width:calc(var(--granite-spacing-m) * 7);overflow-x:hidden;overflow-y:hidden}.granite-menu:not(.granite-device-output-touch).ng-animating{pointer-events:none}.granite-menu:not(.granite-device-output-touch):hover{overflow-y:auto}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar{width:var(--granite-spacing-xs)}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar-thumb{background-color:var(--granite-color-border-hard);border-radius:calc(var(--granite-spacing-m) * .125)}.granite-menu:not(.granite-device-output-touch)::-webkit-scrollbar-track{background-color:var(--granite-color-background-hover)}.granite-menu.granite-device-output-touch{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;min-height:var(--granite-spacing-xl);max-height:calc(100vh - var(--granite-spacing-xl));outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;filter:drop-shadow(0 16px 16px rgba(0,0,0,.08)) drop-shadow(0 4px 20px rgba(0,0,0,.1));border-radius:calc(var(--granite-radius-m) / 2);-webkit-margin-start:var(--granite-spacing-xs);margin-inline-start:var(--granite-spacing-xs);-webkit-margin-end:var(--granite-spacing-xs);margin-inline-end:var(--granite-spacing-xs);-webkit-margin-after:var(--granite-spacing-xs);margin-block-end:var(--granite-spacing-xs);max-height:calc(100% - var(--granite-spacing-m) * 7)}.granite-menu.granite-device-output-touch.ng-animating{pointer-events:none}.granite-menu.granite-device-output-touch .header-container{position:-webkit-sticky;position:sticky;top:0;background-color:var(--granite-color-background-variant);z-index:1}.granite-menu.granite-device-output-touch .footer-container{position:-webkit-sticky;position:sticky;bottom:0;height:0}.close:not(:empty){background-color:var(--granite-color-background-variant);color:var(--granite-color-text);overflow:auto;-webkit-overflow-scrolling:touch;min-height:var(--granite-spacing-xl);max-height:calc(100vh - var(--granite-spacing-xl));outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;filter:drop-shadow(0 16px 16px rgba(0,0,0,.08)) drop-shadow(0 4px 20px rgba(0,0,0,.1));border-radius:calc(var(--granite-radius-m) / 2);-webkit-margin-start:var(--granite-spacing-xs);margin-inline-start:var(--granite-spacing-xs);-webkit-margin-end:var(--granite-spacing-xs);margin-inline-end:var(--granite-spacing-xs);-webkit-margin-after:var(--granite-spacing-xs);margin-block-end:var(--granite-spacing-xs)}.close:not(:empty).ng-animating{pointer-events:none}"]
|
|
1505
1506
|
},] }
|
|
1506
1507
|
];
|
|
1507
1508
|
|
|
@@ -2203,7 +2204,7 @@
|
|
|
2203
2204
|
host: {
|
|
2204
2205
|
'[class.granite-device-output-touch]': 'true',
|
|
2205
2206
|
},
|
|
2206
|
-
styles: [":host{display:block;position:relative;line-height:var(--granite-spacing-
|
|
2207
|
+
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}"]
|
|
2207
2208
|
},] }
|
|
2208
2209
|
];
|
|
2209
2210
|
|
|
@@ -2231,7 +2232,7 @@
|
|
|
2231
2232
|
'[class.granite-menu-item-back-trigger]': '_triggersBack',
|
|
2232
2233
|
'[class.granite-device-output-touch]': 'true',
|
|
2233
2234
|
},
|
|
2234
|
-
styles: [":host{display:block;position:relative;line-height:var(--granite-spacing-
|
|
2235
|
+
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}"]
|
|
2235
2236
|
},] }
|
|
2236
2237
|
];
|
|
2237
2238
|
GraniteMenuTouchTitleItemComponent.ctorParameters = function () { return [
|
|
@@ -2294,7 +2295,7 @@
|
|
|
2294
2295
|
class: 'granite-icon',
|
|
2295
2296
|
},
|
|
2296
2297
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
2297
|
-
styles: [":host.granite-icon{background-repeat:no-repeat;display:inline-block;padding:0 calc(var(--granite-spacing-
|
|
2298
|
+
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}"]
|
|
2298
2299
|
},] }
|
|
2299
2300
|
];
|
|
2300
2301
|
GraniteIconComponent.ctorParameters = function () { return [
|
|
@@ -2627,7 +2628,7 @@
|
|
|
2627
2628
|
},
|
|
2628
2629
|
template: "<label [attr.for]=\"id\" class=\"granite-toggle-switch-label\">\n <div class=\"granite-toggle-switch-bar\">\n <input\n #input\n [id]=\"id\"\n class=\"granite-toggle-switch-input cdk-visually-hidden\"\n role=\"switch\"\n type=\"checkbox\"\n [attr.aria-checked]=\"checked.toString()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [checked]=\"checked\"\n [disabled]=\"_toggleSwitchDisabled\"\n [readonly]=\"readonly\"\n (click)=\"_toggleSwitchClick()\"\n (change)=\"_toggleSwitchChange()\"\n (blur)=\"_onBlur()\"\n />\n <div class=\"granite-toggle-switch-thumb\"></div>\n </div>\n <span class=\"granite-toggle-switch-text\"><ng-content></ng-content></span>\n</label>\n",
|
|
2629
2630
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
2630
|
-
styles: [".cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}:host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-toggle-switch){color:var(--granite-color-text)}:host(.granite-toggle-switch-checked) .granite-toggle-switch-bar{background-color:var(--granite-color-background-active)}:host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{border:.0625rem solid var(--granite-color-background-active)}:host-context([dir=ltr]) :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb,html[dir=ltr] :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{float:right}:host-context([dir=rtl]) :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb,html[dir=rtl] :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{float:left}:host(.granite-toggle-switch-disabled) .granite-toggle-switch-label{opacity:.6}:host(.granite-toggle-switch-disabled) *,:host(.granite-toggle-switch-readonly) *{cursor:default}:host(.granite-toggle-switch-label-before) .granite-toggle-switch-label{flex-direction:row-reverse}:host(.granite-toggle-switch-label-before) .granite-toggle-switch-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-
|
|
2631
|
+
styles: [".cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}:host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-toggle-switch){color:var(--granite-color-text)}:host(.granite-toggle-switch-checked) .granite-toggle-switch-bar{background-color:var(--granite-color-background-active)}:host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{border:.0625rem solid var(--granite-color-background-active)}:host-context([dir=ltr]) :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb,html[dir=ltr] :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{float:right}:host-context([dir=rtl]) :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb,html[dir=rtl] :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{float:left}:host(.granite-toggle-switch-disabled) .granite-toggle-switch-label{opacity:.6}:host(.granite-toggle-switch-disabled) *,:host(.granite-toggle-switch-readonly) *{cursor:default}:host(.granite-toggle-switch-label-before) .granite-toggle-switch-label{flex-direction:row-reverse}:host(.granite-toggle-switch-label-before) .granite-toggle-switch-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-toggle-switch-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.granite-toggle-switch-bar{width:var(--granite-spacing-xl);height:var(--granite-spacing-m);border-radius:var(--granite-spacing-s);background-color:var(--granite-color-background-inactive);transition:background-color .1s linear;position:relative}.granite-toggle-switch-bar:focus-within{box-shadow:0 0 0 .0625rem var(--granite-color-focus)}.granite-toggle-switch-thumb{width:var(--granite-spacing-m);height:var(--granite-spacing-m);border-radius:var(--granite-spacing-m);background-color:var(--granite-color-text-static-light);border:.0625rem solid var(--granite-color-background-inactive);transition:float .1s linear}:host-context([dir=ltr]) .granite-toggle-switch-thumb,html[dir=ltr] .granite-toggle-switch-thumb{float:left}:host-context([dir=rtl]) .granite-toggle-switch-thumb,html[dir=rtl] .granite-toggle-switch-thumb{float:right}.granite-toggle-switch-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-toggle-switch-text:empty{display:none}"]
|
|
2631
2632
|
},] }
|
|
2632
2633
|
];
|
|
2633
2634
|
GraniteToggleSwitchComponent.ctorParameters = function () { return [
|
|
@@ -2744,7 +2745,7 @@
|
|
|
2744
2745
|
template: '<ng-content></ng-content>',
|
|
2745
2746
|
inputs: ['disabled'],
|
|
2746
2747
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
2747
|
-
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}button:host{background-color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font:inherit;border-radius:inherit;height:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:inherit;cursor:pointer;padding:inherit}a:host,button:host{outline:none}:host.granite-button-base{height:var(--granite-spacing-
|
|
2748
|
+
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}button:host{background-color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font:inherit;border-radius:inherit;height:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:inherit;cursor:pointer;padding:inherit}a:host,button:host{outline:none}:host.granite-button-base{height:var(--granite-spacing-xl);border-radius:var(--granite-spacing-xs);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);padding:var(--granite-spacing-s) var(--granite-spacing-s);position:relative;line-height:var(--granite-line-height-regular);display:flex;justify-content:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host:focus:not(.granite-button-disabled):not(:active){border:1px solid var(--granite-color-focus)}button:host.granite-primary-button{background-color:var(--granite-color-background-active);color:var(--granite-color-text-on-active);border:1px solid transparent}button:host.granite-primary-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:none}button:host.granite-primary-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-selected);color:none}button:host.granite-button{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);border:1px solid var(--granite-color-border-soft)}button:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}button:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-selected);color:var(--granite-color-text-on-active)}button:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text);border:1px solid transparent}button:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-hover);color:var(--granite-color-text)}button:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-selected);color:var(--granite-color-text)}button:host.granite-button-disabled,button:host.granite-button-disabled:active,button:host.granite-button-disabled:focus,button:host.granite-button-disabled:hover{opacity:.4;cursor:default}a:host.granite-button{background-color:var(--granite-color-background-variant);color:var(--granite-color-text-link);border:1px solid var(--granite-color-border-soft)}a:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}a:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-selected);color:var(--granite-color-text-on-active)}a:host.granite-button-disabled,a:host.granite-button-disabled:active,a:host.granite-button-disabled:focus,a:host.granite-button-disabled:hover{opacity:.4;text-decoration:none;cursor:default;border:1px solid var(--granite-color-border-soft);pointer-events:none}"]
|
|
2748
2749
|
},] }
|
|
2749
2750
|
];
|
|
2750
2751
|
GraniteButtonComponent.ctorParameters = function () { return [
|
|
@@ -2782,7 +2783,7 @@
|
|
|
2782
2783
|
template: '<ng-content></ng-content>',
|
|
2783
2784
|
inputs: ['disabled'],
|
|
2784
2785
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
2785
|
-
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}button:host{background-color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font:inherit;border-radius:inherit;height:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:inherit;cursor:pointer;padding:inherit}a:host,button:host{outline:none}:host.granite-button-base{height:var(--granite-spacing-
|
|
2786
|
+
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}button:host{background-color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font:inherit;border-radius:inherit;height:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:inherit;cursor:pointer;padding:inherit}a:host,button:host{outline:none}:host.granite-button-base{height:var(--granite-spacing-xl);border-radius:var(--granite-spacing-xs);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);padding:var(--granite-spacing-s) var(--granite-spacing-s);position:relative;line-height:var(--granite-line-height-regular);display:flex;justify-content:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host:focus:not(.granite-button-disabled):not(:active){border:1px solid var(--granite-color-focus)}button:host.granite-primary-button{background-color:var(--granite-color-background-active);color:var(--granite-color-text-on-active);border:1px solid transparent}button:host.granite-primary-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:none}button:host.granite-primary-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-selected);color:none}button:host.granite-button{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);border:1px solid var(--granite-color-border-soft)}button:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}button:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-selected);color:var(--granite-color-text-on-active)}button:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text);border:1px solid transparent}button:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-hover);color:var(--granite-color-text)}button:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-selected);color:var(--granite-color-text)}button:host.granite-button-disabled,button:host.granite-button-disabled:active,button:host.granite-button-disabled:focus,button:host.granite-button-disabled:hover{opacity:.4;cursor:default}a:host.granite-button{background-color:var(--granite-color-background-variant);color:var(--granite-color-text-link);border:1px solid var(--granite-color-border-soft)}a:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}a:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-selected);color:var(--granite-color-text-on-active)}a:host.granite-button-disabled,a:host.granite-button-disabled:active,a:host.granite-button-disabled:focus,a:host.granite-button-disabled:hover{opacity:.4;text-decoration:none;cursor:default;border:1px solid var(--granite-color-border-soft);pointer-events:none}"]
|
|
2786
2787
|
},] }
|
|
2787
2788
|
];
|
|
2788
2789
|
GraniteAnchorComponent.ctorParameters = function () { return [
|