@progressio_resources/gravity-design-system 3.5.1 → 3.5.3
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/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +2 -1
- package/esm2022/lib/gravity-design-system.module.mjs +9 -4
- package/esm2022/lib/layout/gravity-header/gravity-header.component.mjs +87 -0
- package/esm2022/lib/layout/gravity-menu/gravity-menu.component.mjs +24 -0
- package/esm2022/lib/model/gravity-menu-items.model.mjs +2 -0
- package/esm2022/public-api.mjs +4 -2
- package/fesm2022/progressio_resources-gravity-design-system.mjs +29 -5
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/gravity-design-system.module.d.ts +11 -10
- package/lib/layout/gravity-menu/gravity-menu.component.d.ts +9 -0
- package/lib/model/gravity-menu-items.model.d.ts +18 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -1
- package/esm2022/lib/components/gravity-header/gravity-header.component.mjs +0 -87
- /package/lib/{components → layout}/gravity-header/gravity-header.component.d.ts +0 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "angular-svg-icon";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "../../components/gravity-icon/gravity-icon.component";
|
|
6
|
+
export class GravityMenuComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.size = 'xl';
|
|
9
|
+
this.items = new Array();
|
|
10
|
+
}
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityMenuComponent, selector: "lib-gravity-menu", inputs: { logoUrl: "logoUrl", size: "size", items: "items" }, ngImport: i0, template: "<div class=\"gravity-menu {{size}}\">\n <svg-icon *ngIf=\"logoUrl\" class=\"menu-logo\" [src]=\"logoUrl\" />\n\n <div class=\"menu-body\">\n <div class=\"menu-section\">\n <div class=\"menu-group\">\n <div class=\"menu-item-group\">\n\n <ng-container *ngFor=\"let item of items\">\n <section class=\"first-level\">\n <p class=\"hr-label sm-regular\">\n <gravity-icon [iconName]=\"item.icon\" [iconSize]=\"'md-16'\"/>\n {{item.text}}\n </p>\n <gravity-icon [iconName]=\"item.closed ? 'arrow-down' : 'arrow-up'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n </section>\n\n <section class=\"second-level\">\n <div class=\"options-list\">\n <ng-container *ngFor=\"let option of item.itemChildren\">\n <div class=\"option\">\n <div class=\"line\"></div>\n <span>{{option.text}}</span>\n </div>\n </ng-container>\n </div>\n </section>\n </ng-container>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n\n", styles: [".gravity-menu{height:100%;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.gravity-menu .menu-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 20px 24px;gap:var(--gravity-spacing-lg)}.gravity-menu .menu-body .menu-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm)}.gravity-menu .menu-body .menu-section .menu-group{width:214px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group{display:flex;width:220px;height:24px;align-items:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .first-level{display:flex;align-self:stretch;justify-content:center;align-items:flex-start;padding-left:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level{display:flex;align-self:stretch;align-items:flex-start;justify-content:center;padding-left:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level .options-list{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level .options-list .option{width:210px;height:34px;display:flex;align-items:center;gap:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
13
|
+
}
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityMenuComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: 'lib-gravity-menu', template: "<div class=\"gravity-menu {{size}}\">\n <svg-icon *ngIf=\"logoUrl\" class=\"menu-logo\" [src]=\"logoUrl\" />\n\n <div class=\"menu-body\">\n <div class=\"menu-section\">\n <div class=\"menu-group\">\n <div class=\"menu-item-group\">\n\n <ng-container *ngFor=\"let item of items\">\n <section class=\"first-level\">\n <p class=\"hr-label sm-regular\">\n <gravity-icon [iconName]=\"item.icon\" [iconSize]=\"'md-16'\"/>\n {{item.text}}\n </p>\n <gravity-icon [iconName]=\"item.closed ? 'arrow-down' : 'arrow-up'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n </section>\n\n <section class=\"second-level\">\n <div class=\"options-list\">\n <ng-container *ngFor=\"let option of item.itemChildren\">\n <div class=\"option\">\n <div class=\"line\"></div>\n <span>{{option.text}}</span>\n </div>\n </ng-container>\n </div>\n </section>\n </ng-container>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n\n", styles: [".gravity-menu{height:100%;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.gravity-menu .menu-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 20px 24px;gap:var(--gravity-spacing-lg)}.gravity-menu .menu-body .menu-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm)}.gravity-menu .menu-body .menu-section .menu-group{width:214px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group{display:flex;width:220px;height:24px;align-items:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .first-level{display:flex;align-self:stretch;justify-content:center;align-items:flex-start;padding-left:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level{display:flex;align-self:stretch;align-items:flex-start;justify-content:center;padding-left:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level .options-list{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level .options-list .option{width:210px;height:34px;display:flex;align-items:center;gap:var(--gravity-spacing-sm)}\n"] }]
|
|
17
|
+
}], propDecorators: { logoUrl: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], size: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], items: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}] } });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2xheW91dC9ncmF2aXR5LW1lbnUvZ3Jhdml0eS1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2xheW91dC9ncmF2aXR5LW1lbnUvZ3Jhdml0eS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQVMvQyxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBUWlCLFNBQUksR0FBOEIsSUFBSSxDQUFDO1FBQ3ZDLFVBQUssR0FBb0IsSUFBSSxLQUFLLEVBQVksQ0FBQztLQUMvRDsrR0FKWSxvQkFBb0I7bUdBQXBCLG9CQUFvQixzSENUakMsNnFDQW1DQTs7NEZEMUJhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBTWIsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNZW51SXRlbX0gZnJvbSBcIi4uLy4uL21vZGVsL2dyYXZpdHktbWVudS1pdGVtcy5tb2RlbFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZ3Jhdml0eS1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktbWVudS5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgR3Jhdml0eU1lbnVDb21wb25lbnQge1xuXHRASW5wdXQoKSBwdWJsaWMgbG9nb1VybDogc3RyaW5nO1xuXHRASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJyA9ICd4bCc7XG5cdEBJbnB1dCgpIHB1YmxpYyBpdGVtczogQXJyYXk8TWVudUl0ZW0+ID0gbmV3IEFycmF5PE1lbnVJdGVtPigpO1xufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktbWVudSB7e3NpemV9fVwiPlxuICA8c3ZnLWljb24gKm5nSWY9XCJsb2dvVXJsXCIgY2xhc3M9XCJtZW51LWxvZ29cIiBbc3JjXT1cImxvZ29VcmxcIiAvPlxuXG4gIDxkaXYgY2xhc3M9XCJtZW51LWJvZHlcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWVudS1zZWN0aW9uXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibWVudS1ncm91cFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibWVudS1pdGVtLWdyb3VwXCI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XG4gICAgICAgICAgICA8c2VjdGlvbiBjbGFzcz1cImZpcnN0LWxldmVsXCI+XG4gICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJoci1sYWJlbCBzbS1yZWd1bGFyXCI+XG4gICAgICAgICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJpdGVtLmljb25cIiBbaWNvblNpemVdPVwiJ21kLTE2J1wiLz5cbiAgICAgICAgICAgICAgICAgIHt7aXRlbS50ZXh0fX1cbiAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgPGdyYXZpdHktaWNvbiBbaWNvbk5hbWVdPVwiaXRlbS5jbG9zZWQgPyAnYXJyb3ctZG93bicgOiAnYXJyb3ctdXAnXCIgIFtpY29uU2l6ZV09XCInc20tMTInXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgICA8L3NlY3Rpb24+XG5cbiAgICAgICAgICAgIDxzZWN0aW9uIGNsYXNzPVwic2Vjb25kLWxldmVsXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJvcHRpb25zLWxpc3RcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgaXRlbS5pdGVtQ2hpbGRyZW5cIj5cbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJvcHRpb25cIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmVcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3tvcHRpb24udGV4dH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9zZWN0aW9uPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1tZW51LWl0ZW1zLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvbW9kZWwvZ3Jhdml0eS1tZW51LWl0ZW1zLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtIHtcblx0aWQ6IHN0cmluZztcblx0dGV4dDogc3RyaW5nO1xuXHRpY29uPzogc3RyaW5nO1xuXHRsaW5rPzogc3RyaW5nO1xuXHRoZWFkaW5nOiBib29sZWFuO1xuXHRjbG9zZWQ/OiBib29sZWFuO1xuXHRwYXJlbnRfaWQ/OiBzdHJpbmc7XG5cdGRpc2FibGVkPzogYm9vbGVhbjtcblx0Y3lwcmVzc190YWc6IHN0cmluZztcblx0cGVybWlzc2lvbl90YWc/OiBzdHJpbmc7XG5cdGl0ZW1DaGlsZHJlbj86IENoaWxkcmVuW107XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2hpbGRyZW4ge1xuXHR0ZXh0OiBzdHJpbmc7XG5cdGxpbms/OiBzdHJpbmc7XG5cdGRpc2FibGVkPzogYm9vbGVhbjtcbn0iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -20,7 +20,6 @@ export * from './lib/components/gravity-detail-container/gravity-detail-containe
|
|
|
20
20
|
export * from './lib/components/gravity-dialog/gravity-dialog.component';
|
|
21
21
|
export * from './lib/components/gravity-dropdown-list/gravity-dropdown-list.component';
|
|
22
22
|
export * from './lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component';
|
|
23
|
-
export * from './lib/components/gravity-header/gravity-header.component';
|
|
24
23
|
export * from './lib/components/gravity-icon/gravity-icon.component';
|
|
25
24
|
export * from './lib/components/gravity-icon-button/gravity-icon-button.component';
|
|
26
25
|
export * from './lib/components/gravity-multi-language/gravity-multi-language.component';
|
|
@@ -51,6 +50,9 @@ export * from './lib/components/gravity-generic-avatar-secondary/gravity-generic
|
|
|
51
50
|
export * from './lib/components/gravity-backdrop/gravity-backdrop.component';
|
|
52
51
|
export * from './lib/components/gravity-segmented-button/gravity-segmented-button.component';
|
|
53
52
|
export * from './lib/components/gravity-push-notifications/gravity-push-notifications.component';
|
|
53
|
+
//Layout
|
|
54
|
+
export * from './lib/layout/gravity-header/gravity-header.component';
|
|
55
|
+
export * from './lib/layout/gravity-menu/gravity-menu.component';
|
|
54
56
|
//Services
|
|
55
57
|
export * from './lib/services/gravity-dialog-manager.service';
|
|
56
58
|
//Vendor
|
|
@@ -58,4 +60,4 @@ export * from './lib/vendor/gravity-tooltip';
|
|
|
58
60
|
//Models and interfaces
|
|
59
61
|
export * from './lib/components/gravity-notification/gravity-notification-content.interface';
|
|
60
62
|
export * from './lib/components/gravity-calendar-v2/datepicker/models';
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsb0NBQW9DLENBQUM7QUFFbkQsWUFBWTtBQUNaLGNBQWMsb0VBQW9FLENBQUM7QUFDbkYsY0FBYyxzRUFBc0UsQ0FBQztBQUNyRixjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsOERBQThELENBQUM7QUFDN0UsY0FBYyxvRUFBb0UsQ0FBQztBQUNuRixjQUFjLHdFQUF3RSxDQUFDO0FBQ3ZGLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLDhEQUE4RCxDQUFDO0FBQzdFLGNBQWMsOEVBQThFLENBQUM7QUFDN0YsY0FBYyxvRkFBb0YsQ0FBQztBQUNuRyxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsd0VBQXdFLENBQUM7QUFDdkYsY0FBYyw4RUFBOEUsQ0FBQztBQUM3RixjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsd0VBQXdFLENBQUM7QUFDdkYsY0FBYyx3RkFBd0YsQ0FBQztBQUN2RyxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsb0VBQW9FLENBQUM7QUFDbkYsY0FBYywwRUFBMEUsQ0FBQztBQUN6RixjQUFjLHNFQUFzRSxDQUFDO0FBQ3JGLGNBQWMsZ0dBQWdHLENBQUM7QUFDL0csY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLHNFQUFzRSxDQUFDO0FBQ3JGLGNBQWMsOEVBQThFLENBQUM7QUFDN0YsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyxnRUFBZ0UsQ0FBQztBQUMvRSxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsMEZBQTBGLENBQUM7QUFDekcsY0FBYyxnRUFBZ0UsQ0FBQztBQUMvRSxjQUFjLDBFQUEwRSxDQUFDO0FBQ3pGLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLG9FQUFvRSxDQUFBO0FBQ2xGLGNBQWMsd0VBQXdFLENBQUM7QUFDdkYsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsMEVBQTBFLENBQUM7QUFDekYsY0FBYyxvRUFBb0UsQ0FBQztBQUNuRixjQUFjLDBFQUEwRSxDQUFDO0FBQ3pGLGNBQWMsNEVBQTRFLENBQUM7QUFDM0YsY0FBYyw4RkFBOEYsQ0FBQTtBQUM1RyxjQUFjLDhEQUE4RCxDQUFDO0FBQzdFLGNBQWMsOEVBQThFLENBQUM7QUFDN0YsY0FBYyxrRkFBa0YsQ0FBQztBQUVqRyxRQUFRO0FBQ1IsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLGtEQUFrRCxDQUFBO0FBRWhFLFVBQVU7QUFDVixjQUFjLCtDQUErQyxDQUFDO0FBRTlELFFBQVE7QUFDUixjQUFjLDhCQUE4QixDQUFDO0FBRTdDLHVCQUF1QjtBQUN2QixjQUFjLDhFQUE4RSxDQUFDO0FBQzdGLGNBQWMsd0RBQXdELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGdyYXZpdHktZGVzaWduLXN5c3RlbVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2dyYXZpdHktZGVzaWduLXN5c3RlbS5tb2R1bGUnO1xuXG4vL0NvbXBvbmVudHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1hdHRhY2gtZmlsZS9ncmF2aXR5LWF0dGFjaC1maWxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktYXZhdGFyLXN0YWNrL2dyYXZpdHktYXZhdGFyLXN0YWNrLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktYnV0dG9uL2dyYXZpdHktYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXIvZ3Jhdml0eS1jYWxlbmRhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNhbGVuZGFyLXYyL2dyYXZpdHktY2FsZW5kYXItdjIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1jYWxlbmRhci1uZXh0L2dyYXZpdHktY2FsZW5kYXItbmV4dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNhcmQtbGlzdC9ncmF2aXR5LWNhcmQtbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNoZWNrYm94L2dyYXZpdHktY2hlY2tib3guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1jdXJyZW5jeS9ncmF2aXR5LWN1cnJlbmN5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS9ncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5LXYyL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS12Mi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWRhdGEtdmlldy9ncmF2aXR5LWRhdGEtdmlldy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWRhdGEtdmlld3MtdjIvZ3Jhdml0eS1kYXRhLXZpZXdzLXYyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci9ncmF2aXR5LWRldGFpbC1jb250YWluZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1kaWFsb2cvZ3Jhdml0eS1kaWFsb2cuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1kcm9wZG93bi1saXN0L2dyYXZpdHktZHJvcGRvd24tbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWRyb3Bkb3duLWxpc3QtZGlzcGxheS9ncmF2aXR5LWRyb3Bkb3duLWxpc3QtZGlzcGxheS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWljb24vZ3Jhdml0eS1pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi1idXR0b24vZ3Jhdml0eS1pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LW11bHRpLWxhbmd1YWdlL2dyYXZpdHktbXVsdGktbGFuZ3VhZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1uZXR3b3JrLXBpbGwvZ3Jhdml0eS1uZXR3b3JrLXBpbGwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1ub3RpZmljYXRpb24taW5zdGFudC9ncmF2aXR5LW5vdGlmaWNhdGlvbi1pbnN0YW50LWNvbnRhaW5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWZseW91dC9ncmF2aXR5LWZseW91dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LXJhZGlvLWJ1dHRvbi9ncmF2aXR5LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RlcHBlci9ncmF2aXR5LXN0ZXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zd2l0Y2gvZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10YWJsZS9ncmF2aXR5LXRhYmxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGFibGVzLXYyL2dyYXZpdHktdGFibGVzLXYyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGV4dC1maWVsZC9ncmF2aXR5LXRleHQtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10ZXh0LWZpZWxkLW51bWJlci1vbmx5L2dyYXZpdHktdGV4dC1maWVsZC1udW1iZXItb25seS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LXRyZWUtdmlldy9ncmF2aXR5LXRyZWUtdmlldy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1tb2RhbC9ncmF2aXR5LW1vZGFsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbGluay9ncmF2aXR5LWxpbmsuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10YWItcHJpbWFyeS9ncmF2aXR5LXRhYi1wcmltYXJ5LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10YWItc2Vjb25kYXJ5L2dyYXZpdHktdGFiLXNlY29uZGFyeS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNoaXAvZ3Jhdml0eS1jaGlwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2hpcC1ncm91cC9ncmF2aXR5LWNoaXAtZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC9ncmF2aXR5LWVkaXRhYmxlLWlucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FyZC1idXR0b24vZ3Jhdml0eS1jYXJkLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWRyb3Bkb3duLWxhYmVsL2dyYXZpdHktZHJvcGRvd24tbGFiZWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1uYXZpZ2F0aW9uLWNhcmQvZ3Jhdml0eS1uYXZpZ2F0aW9uLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1nZW5lcmljLWF2YXRhci1zZWNvbmRhcnkvZ3Jhdml0eS1nZW5lcmljLWF2YXRhci1zZWNvbmRhcnkuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWJhY2tkcm9wL2dyYXZpdHktYmFja2Ryb3AuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy5jb21wb25lbnQnO1xuXG4vL0xheW91dFxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGF5b3V0L2dyYXZpdHktaGVhZGVyL2dyYXZpdHktaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9sYXlvdXQvZ3Jhdml0eS1tZW51L2dyYXZpdHktbWVudS5jb21wb25lbnQnXG5cbi8vU2VydmljZXNcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2dyYXZpdHktZGlhbG9nLW1hbmFnZXIuc2VydmljZSc7XG5cbi8vVmVuZG9yXG5leHBvcnQgKiBmcm9tICcuL2xpYi92ZW5kb3IvZ3Jhdml0eS10b29sdGlwJztcblxuLy9Nb2RlbHMgYW5kIGludGVyZmFjZXNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1ub3RpZmljYXRpb24vZ3Jhdml0eS1ub3RpZmljYXRpb24tY29udGVudC5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNhbGVuZGFyLXYyL2RhdGVwaWNrZXIvbW9kZWxzJztcbiJdfQ==
|
|
@@ -679,6 +679,7 @@ class GravityDropdownListComponent {
|
|
|
679
679
|
}
|
|
680
680
|
clearSelection() {
|
|
681
681
|
this.selectedItems = [];
|
|
682
|
+
this.networkConfig = null;
|
|
682
683
|
if (this.multiple) {
|
|
683
684
|
this.selectedItemsResponse.emit(this.selectedItems);
|
|
684
685
|
}
|
|
@@ -7378,7 +7379,7 @@ class GravityHeaderComponent {
|
|
|
7378
7379
|
this.viewedNotificationsResponse.emit($event);
|
|
7379
7380
|
}
|
|
7380
7381
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityHeaderComponent, selector: "gravity-header", inputs: { title: "title", logoUrl: "logoUrl", longTitle: "longTitle", backButton: "backButton", breadCrumb: "breadCrumb", size: "size", isMobile: "isMobile", isMenuOpen: "isMenuOpen", language: "language", notifications: "notifications", userNotifications: "userNotifications" }, outputs: { backButtonResponse: "backButtonResponse", toggleMenuResponse: "toggleMenuResponse", viewedNotificationsResponse: "viewedNotificationsResponse" }, ngImport: i0, template: "<div class=\"gravity-header\" [class.mobile]=\"isMobile\">\n <section class=\"first-level\">\n <svg-icon *ngIf=\"isMobile && logoUrl && !backButton\" class=\"logo-header\" [src]=\"logoUrl\"/>\n\n <div *ngIf=\"backButton && breadCrumb?.list?.length < 1\" class=\"back-bottom\" [class.pressed]=\"isBackButtonPressed\"\n (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n <span class=\"hr-label {{size}}-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n\n <div *ngIf=\"breadCrumb?.list?.length > 0\" class=\"breadcrumb\">\n <gravity-icon *ngIf=\"breadCrumb.icon\" class=\"gravity-margin-right-xs\" [iconSize]=\"'md-16'\"\n [style.--icon-color]=\"'var(--breadcrumb-button-base-primary)'\" [iconName]=\"breadCrumb.icon\"/>\n\n <ng-container *ngFor=\"let item of breadCrumb.list; let last = last; let i = index\">\n <div class=\"breadcrumb-item\" [class.is-last]=\"last\" [class.has-prev]=\"i !== 0\"\n (mousedown)=\"item.isPressed = true\" (mouseup)=\"item.isPressed = false\"\n (mouseleave)=\"item.isPressed = false\" (touchstart)=\"item.isPressed = true\">\n <span class=\"hr-body {{size}}-regular\" [class.pressed]=\"item.isPressed\" (click)=\"!last && item.callback?.()\">{{ item.text }}</span>\n </div>\n </ng-container>\n </div>\n\n <h1 *ngIf=\"!backButton && !isMobile && breadCrumb?.list?.length < 1\" class=\"hr-headline md-bold\">{{ title }}</h1>\n\n <span *ngIf=\"isMobile && backButton\" class=\"hr-body md-bold\">{{ longTitle }}</span>\n\n <div class=\"main-actions\">\n <ng-content select=\"[main-actions]\"/>\n\n <gravity-push-notifications *ngIf=\"notifications\" [userNotifications]=\"userNotifications\"\n (viewedNotificationsResponse)=\"handleViewedNotificationsResponse($event)\"/>\n\n <gravity-icon *ngIf=\"isMobile\" [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'lg-24'\"\n [iconName]=\"isMenuOpen ? 'unsuccess' : 'menu'\" (click)=\"toggleMenu()\"\n [@iconToggle]=\"iconToggle ? 'open' : 'closed'\"/>\n </div>\n </section>\n\n <section *ngIf=\"!isMobile && (backButton || breadCrumb?.list?.length > 0)\" class=\"second-level\">\n <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n <ng-content select=\"[extra-actions]\"/>\n </section>\n\n <section *ngIf=\"isMobile && !backButton\" class=\"second-level\">\n <h1 class=\"hr-title lg-bold\">{{ title }}</h1>\n </section>\n\n</div>", styles: [".gravity-header{width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;flex-direction:column;color:var(--text-primary);justify-content:space-between;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-md) var(--gravity-spacing-md) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.gravity-header .first-level{display:flex;align-items:center;align-self:stretch;justify-content:space-between}.gravity-header .first-level .logo-header svg{max-width:55px;max-height:29px}.gravity-header .first-level .back-bottom{display:flex;cursor:pointer;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);padding:var(--gravity-spacing-xs) 6px;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-bottom:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.gravity-header .first-level .back-bottom.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.gravity-header .first-level .breadcrumb{display:flex;align-items:center;justify-content:flex-start}.gravity-header .first-level .breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:var(--gravity-spacing-xxxs)}.gravity-header .first-level .breadcrumb .breadcrumb-item.has-prev:before{content:\"/\";gap:var(--gravity-spacing-xxxs);color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item.is-last span{cursor:default;color:var(--breadcrumb-button-active-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span{cursor:pointer;color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span:hover{background:var(--surface-primary);color:var(--on-bg-breadcrumb-button-hover-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span.pressed{background:none;color:var(--breadcrumb-button-pressed-primary)}.gravity-header .first-level .main-actions{display:flex;align-items:center}.gravity-header .first-level .main-actions gravity-icon{cursor:pointer;margin-left:var(--gravity-spacing-sm);transition:transform .1s ease-in-out;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .main-actions gravity-push-notifications{position:relative;margin-left:var(--gravity-spacing-sm)}.gravity-header .second-level{display:flex;flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between;gap:var(--gravity-spacing-xs)}.gravity-header.mobile{min-width:320px;max-width:1099px;padding:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityPushNotificationsComponent, selector: "gravity-push-notifications", inputs: ["userNotifications"], outputs: ["viewedNotificationsResponse"] }], animations: [
|
|
7382
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityHeaderComponent, selector: "gravity-header", inputs: { title: "title", logoUrl: "logoUrl", longTitle: "longTitle", backButton: "backButton", breadCrumb: "breadCrumb", size: "size", isMobile: "isMobile", isMenuOpen: "isMenuOpen", language: "language", notifications: "notifications", userNotifications: "userNotifications" }, outputs: { backButtonResponse: "backButtonResponse", toggleMenuResponse: "toggleMenuResponse", viewedNotificationsResponse: "viewedNotificationsResponse" }, ngImport: i0, template: "<div class=\"gravity-header\" [class.mobile]=\"isMobile\">\n <section class=\"first-level\" [class.long-title]=\"longTitle\">\n <svg-icon *ngIf=\"isMobile && logoUrl && !backButton\" class=\"logo-header\" [src]=\"logoUrl\"/>\n\n <div *ngIf=\"backButton && breadCrumb?.list?.length < 1\" class=\"back-bottom\" [class.pressed]=\"isBackButtonPressed\"\n (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n <span class=\"hr-label {{size}}-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n\n <div *ngIf=\"breadCrumb?.list?.length > 0\" class=\"breadcrumb\">\n <gravity-icon *ngIf=\"breadCrumb.icon\" class=\"gravity-margin-right-xs\" [iconSize]=\"'md-16'\"\n [style.--icon-color]=\"'var(--breadcrumb-button-base-primary)'\" [iconName]=\"breadCrumb.icon\"/>\n\n <ng-container *ngFor=\"let item of breadCrumb.list; let last = last; let i = index\">\n <div class=\"breadcrumb-item\" [class.is-last]=\"last\" [class.has-prev]=\"i !== 0\"\n (mousedown)=\"item.isPressed = true\" (mouseup)=\"item.isPressed = false\"\n (mouseleave)=\"item.isPressed = false\" (touchstart)=\"item.isPressed = true\">\n <span class=\"hr-body {{size}}-regular\" [class.pressed]=\"item.isPressed\" (click)=\"!last && item.callback?.()\">{{ item.text }}</span>\n </div>\n </ng-container>\n </div>\n\n <h1 *ngIf=\"!backButton && !isMobile && breadCrumb?.list?.length < 1\" class=\"hr-headline md-bold xl-lg\">{{ title }}</h1>\n\n <span *ngIf=\"isMobile && backButton\" class=\"hr-body md-bold\">{{ longTitle }}</span>\n\n <div class=\"main-actions\">\n <ng-content select=\"[main-actions]\"/>\n\n <gravity-push-notifications *ngIf=\"notifications\" [userNotifications]=\"userNotifications\"\n (viewedNotificationsResponse)=\"handleViewedNotificationsResponse($event)\"/>\n\n <gravity-icon *ngIf=\"isMobile\" [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'lg-24'\"\n [iconName]=\"isMenuOpen ? 'unsuccess' : 'menu'\" (click)=\"toggleMenu()\"\n [@iconToggle]=\"iconToggle ? 'open' : 'closed'\"/>\n </div>\n </section>\n\n <section *ngIf=\"!isMobile && (backButton || breadCrumb?.list?.length > 0)\" class=\"second-level\">\n <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n <ng-content select=\"[extra-actions]\"/>\n </section>\n\n <section *ngIf=\"isMobile && !backButton\" class=\"second-level\">\n <h1 class=\"hr-title lg-bold\">{{ title }}</h1>\n </section>\n\n</div>", styles: [".gravity-header{width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;flex-direction:column;color:var(--text-primary);justify-content:space-between;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-md) var(--gravity-spacing-md) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.gravity-header h1{height:27px;line-height:27px}.gravity-header .first-level{display:flex;align-items:center;align-self:stretch;justify-content:space-between}.gravity-header .first-level .logo-header svg{max-width:55px;max-height:29px}.gravity-header .first-level .back-bottom{height:32px;display:flex;cursor:pointer;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);padding:var(--gravity-spacing-xs) 6px;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-bottom:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.gravity-header .first-level .back-bottom.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.gravity-header .first-level .breadcrumb{display:flex;align-items:center;justify-content:flex-start}.gravity-header .first-level .breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:var(--gravity-spacing-xxxs)}.gravity-header .first-level .breadcrumb .breadcrumb-item.has-prev:before{content:\"/\";gap:var(--gravity-spacing-xxxs);color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item.is-last span{cursor:default;color:var(--breadcrumb-button-active-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span{cursor:pointer;color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span:hover{background:var(--surface-primary);color:var(--on-bg-breadcrumb-button-hover-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span.pressed{background:none;color:var(--breadcrumb-button-pressed-primary)}.gravity-header .first-level .main-actions{display:flex;align-items:center}.gravity-header .first-level .main-actions gravity-icon{cursor:pointer;margin-left:var(--gravity-spacing-sm);transition:transform .1s ease-in-out;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .main-actions gravity-push-notifications{position:relative;margin-left:var(--gravity-spacing-sm)}.gravity-header .second-level{display:flex;flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between;gap:var(--gravity-spacing-xs)}.gravity-header.mobile{min-width:320px;max-width:1099px;padding:var(--gravity-spacing-sm)}.gravity-header.mobile h1{height:21px;line-height:21px}.gravity-header.mobile .long-title{height:29px}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityPushNotificationsComponent, selector: "gravity-push-notifications", inputs: ["userNotifications"], outputs: ["viewedNotificationsResponse"] }], animations: [
|
|
7382
7383
|
trigger('iconToggle', [
|
|
7383
7384
|
state('open', style({ opacity: 1, transform: 'rotate(90deg)' })),
|
|
7384
7385
|
state('closed', style({ opacity: 1, transform: 'rotate(0deg)' })),
|
|
@@ -7400,7 +7401,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
7400
7401
|
animate('65ms ease-in')
|
|
7401
7402
|
])
|
|
7402
7403
|
])
|
|
7403
|
-
], template: "<div class=\"gravity-header\" [class.mobile]=\"isMobile\">\n <section class=\"first-level\">\n <svg-icon *ngIf=\"isMobile && logoUrl && !backButton\" class=\"logo-header\" [src]=\"logoUrl\"/>\n\n <div *ngIf=\"backButton && breadCrumb?.list?.length < 1\" class=\"back-bottom\" [class.pressed]=\"isBackButtonPressed\"\n (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n <span class=\"hr-label {{size}}-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n\n <div *ngIf=\"breadCrumb?.list?.length > 0\" class=\"breadcrumb\">\n <gravity-icon *ngIf=\"breadCrumb.icon\" class=\"gravity-margin-right-xs\" [iconSize]=\"'md-16'\"\n [style.--icon-color]=\"'var(--breadcrumb-button-base-primary)'\" [iconName]=\"breadCrumb.icon\"/>\n\n <ng-container *ngFor=\"let item of breadCrumb.list; let last = last; let i = index\">\n <div class=\"breadcrumb-item\" [class.is-last]=\"last\" [class.has-prev]=\"i !== 0\"\n (mousedown)=\"item.isPressed = true\" (mouseup)=\"item.isPressed = false\"\n (mouseleave)=\"item.isPressed = false\" (touchstart)=\"item.isPressed = true\">\n <span class=\"hr-body {{size}}-regular\" [class.pressed]=\"item.isPressed\" (click)=\"!last && item.callback?.()\">{{ item.text }}</span>\n </div>\n </ng-container>\n </div>\n\n <h1 *ngIf=\"!backButton && !isMobile && breadCrumb?.list?.length < 1\" class=\"hr-headline md-bold\">{{ title }}</h1>\n\n <span *ngIf=\"isMobile && backButton\" class=\"hr-body md-bold\">{{ longTitle }}</span>\n\n <div class=\"main-actions\">\n <ng-content select=\"[main-actions]\"/>\n\n <gravity-push-notifications *ngIf=\"notifications\" [userNotifications]=\"userNotifications\"\n (viewedNotificationsResponse)=\"handleViewedNotificationsResponse($event)\"/>\n\n <gravity-icon *ngIf=\"isMobile\" [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'lg-24'\"\n [iconName]=\"isMenuOpen ? 'unsuccess' : 'menu'\" (click)=\"toggleMenu()\"\n [@iconToggle]=\"iconToggle ? 'open' : 'closed'\"/>\n </div>\n </section>\n\n <section *ngIf=\"!isMobile && (backButton || breadCrumb?.list?.length > 0)\" class=\"second-level\">\n <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n <ng-content select=\"[extra-actions]\"/>\n </section>\n\n <section *ngIf=\"isMobile && !backButton\" class=\"second-level\">\n <h1 class=\"hr-title lg-bold\">{{ title }}</h1>\n </section>\n\n</div>", styles: [".gravity-header{width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;flex-direction:column;color:var(--text-primary);justify-content:space-between;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-md) var(--gravity-spacing-md) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.gravity-header .first-level{display:flex;align-items:center;align-self:stretch;justify-content:space-between}.gravity-header .first-level .logo-header svg{max-width:55px;max-height:29px}.gravity-header .first-level .back-bottom{display:flex;cursor:pointer;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);padding:var(--gravity-spacing-xs) 6px;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-bottom:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.gravity-header .first-level .back-bottom.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.gravity-header .first-level .breadcrumb{display:flex;align-items:center;justify-content:flex-start}.gravity-header .first-level .breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:var(--gravity-spacing-xxxs)}.gravity-header .first-level .breadcrumb .breadcrumb-item.has-prev:before{content:\"/\";gap:var(--gravity-spacing-xxxs);color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item.is-last span{cursor:default;color:var(--breadcrumb-button-active-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span{cursor:pointer;color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span:hover{background:var(--surface-primary);color:var(--on-bg-breadcrumb-button-hover-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span.pressed{background:none;color:var(--breadcrumb-button-pressed-primary)}.gravity-header .first-level .main-actions{display:flex;align-items:center}.gravity-header .first-level .main-actions gravity-icon{cursor:pointer;margin-left:var(--gravity-spacing-sm);transition:transform .1s ease-in-out;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .main-actions gravity-push-notifications{position:relative;margin-left:var(--gravity-spacing-sm)}.gravity-header .second-level{display:flex;flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between;gap:var(--gravity-spacing-xs)}.gravity-header.mobile{min-width:320px;max-width:1099px;padding:var(--gravity-spacing-sm)}\n"] }]
|
|
7404
|
+
], template: "<div class=\"gravity-header\" [class.mobile]=\"isMobile\">\n <section class=\"first-level\" [class.long-title]=\"longTitle\">\n <svg-icon *ngIf=\"isMobile && logoUrl && !backButton\" class=\"logo-header\" [src]=\"logoUrl\"/>\n\n <div *ngIf=\"backButton && breadCrumb?.list?.length < 1\" class=\"back-bottom\" [class.pressed]=\"isBackButtonPressed\"\n (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n <span class=\"hr-label {{size}}-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n\n <div *ngIf=\"breadCrumb?.list?.length > 0\" class=\"breadcrumb\">\n <gravity-icon *ngIf=\"breadCrumb.icon\" class=\"gravity-margin-right-xs\" [iconSize]=\"'md-16'\"\n [style.--icon-color]=\"'var(--breadcrumb-button-base-primary)'\" [iconName]=\"breadCrumb.icon\"/>\n\n <ng-container *ngFor=\"let item of breadCrumb.list; let last = last; let i = index\">\n <div class=\"breadcrumb-item\" [class.is-last]=\"last\" [class.has-prev]=\"i !== 0\"\n (mousedown)=\"item.isPressed = true\" (mouseup)=\"item.isPressed = false\"\n (mouseleave)=\"item.isPressed = false\" (touchstart)=\"item.isPressed = true\">\n <span class=\"hr-body {{size}}-regular\" [class.pressed]=\"item.isPressed\" (click)=\"!last && item.callback?.()\">{{ item.text }}</span>\n </div>\n </ng-container>\n </div>\n\n <h1 *ngIf=\"!backButton && !isMobile && breadCrumb?.list?.length < 1\" class=\"hr-headline md-bold xl-lg\">{{ title }}</h1>\n\n <span *ngIf=\"isMobile && backButton\" class=\"hr-body md-bold\">{{ longTitle }}</span>\n\n <div class=\"main-actions\">\n <ng-content select=\"[main-actions]\"/>\n\n <gravity-push-notifications *ngIf=\"notifications\" [userNotifications]=\"userNotifications\"\n (viewedNotificationsResponse)=\"handleViewedNotificationsResponse($event)\"/>\n\n <gravity-icon *ngIf=\"isMobile\" [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'lg-24'\"\n [iconName]=\"isMenuOpen ? 'unsuccess' : 'menu'\" (click)=\"toggleMenu()\"\n [@iconToggle]=\"iconToggle ? 'open' : 'closed'\"/>\n </div>\n </section>\n\n <section *ngIf=\"!isMobile && (backButton || breadCrumb?.list?.length > 0)\" class=\"second-level\">\n <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n <ng-content select=\"[extra-actions]\"/>\n </section>\n\n <section *ngIf=\"isMobile && !backButton\" class=\"second-level\">\n <h1 class=\"hr-title lg-bold\">{{ title }}</h1>\n </section>\n\n</div>", styles: [".gravity-header{width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;flex-direction:column;color:var(--text-primary);justify-content:space-between;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-md) var(--gravity-spacing-md) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.gravity-header h1{height:27px;line-height:27px}.gravity-header .first-level{display:flex;align-items:center;align-self:stretch;justify-content:space-between}.gravity-header .first-level .logo-header svg{max-width:55px;max-height:29px}.gravity-header .first-level .back-bottom{height:32px;display:flex;cursor:pointer;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);padding:var(--gravity-spacing-xs) 6px;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-bottom:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.gravity-header .first-level .back-bottom.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.gravity-header .first-level .breadcrumb{display:flex;align-items:center;justify-content:flex-start}.gravity-header .first-level .breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:var(--gravity-spacing-xxxs)}.gravity-header .first-level .breadcrumb .breadcrumb-item.has-prev:before{content:\"/\";gap:var(--gravity-spacing-xxxs);color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item.is-last span{cursor:default;color:var(--breadcrumb-button-active-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span{cursor:pointer;color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span:hover{background:var(--surface-primary);color:var(--on-bg-breadcrumb-button-hover-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span.pressed{background:none;color:var(--breadcrumb-button-pressed-primary)}.gravity-header .first-level .main-actions{display:flex;align-items:center}.gravity-header .first-level .main-actions gravity-icon{cursor:pointer;margin-left:var(--gravity-spacing-sm);transition:transform .1s ease-in-out;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .main-actions gravity-push-notifications{position:relative;margin-left:var(--gravity-spacing-sm)}.gravity-header .second-level{display:flex;flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between;gap:var(--gravity-spacing-xs)}.gravity-header.mobile{min-width:320px;max-width:1099px;padding:var(--gravity-spacing-sm)}.gravity-header.mobile h1{height:21px;line-height:21px}.gravity-header.mobile .long-title{height:29px}\n"] }]
|
|
7404
7405
|
}], propDecorators: { title: [{
|
|
7405
7406
|
type: Input
|
|
7406
7407
|
}], logoUrl: [{
|
|
@@ -7431,6 +7432,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
7431
7432
|
type: Output
|
|
7432
7433
|
}] } });
|
|
7433
7434
|
|
|
7435
|
+
class GravityMenuComponent {
|
|
7436
|
+
constructor() {
|
|
7437
|
+
this.size = 'xl';
|
|
7438
|
+
this.items = new Array();
|
|
7439
|
+
}
|
|
7440
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7441
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityMenuComponent, selector: "lib-gravity-menu", inputs: { logoUrl: "logoUrl", size: "size", items: "items" }, ngImport: i0, template: "<div class=\"gravity-menu {{size}}\">\n <svg-icon *ngIf=\"logoUrl\" class=\"menu-logo\" [src]=\"logoUrl\" />\n\n <div class=\"menu-body\">\n <div class=\"menu-section\">\n <div class=\"menu-group\">\n <div class=\"menu-item-group\">\n\n <ng-container *ngFor=\"let item of items\">\n <section class=\"first-level\">\n <p class=\"hr-label sm-regular\">\n <gravity-icon [iconName]=\"item.icon\" [iconSize]=\"'md-16'\"/>\n {{item.text}}\n </p>\n <gravity-icon [iconName]=\"item.closed ? 'arrow-down' : 'arrow-up'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n </section>\n\n <section class=\"second-level\">\n <div class=\"options-list\">\n <ng-container *ngFor=\"let option of item.itemChildren\">\n <div class=\"option\">\n <div class=\"line\"></div>\n <span>{{option.text}}</span>\n </div>\n </ng-container>\n </div>\n </section>\n </ng-container>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n\n", styles: [".gravity-menu{height:100%;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.gravity-menu .menu-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 20px 24px;gap:var(--gravity-spacing-lg)}.gravity-menu .menu-body .menu-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm)}.gravity-menu .menu-body .menu-section .menu-group{width:214px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group{display:flex;width:220px;height:24px;align-items:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .first-level{display:flex;align-self:stretch;justify-content:center;align-items:flex-start;padding-left:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level{display:flex;align-self:stretch;align-items:flex-start;justify-content:center;padding-left:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level .options-list{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level .options-list .option{width:210px;height:34px;display:flex;align-items:center;gap:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
7442
|
+
}
|
|
7443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityMenuComponent, decorators: [{
|
|
7444
|
+
type: Component,
|
|
7445
|
+
args: [{ selector: 'lib-gravity-menu', template: "<div class=\"gravity-menu {{size}}\">\n <svg-icon *ngIf=\"logoUrl\" class=\"menu-logo\" [src]=\"logoUrl\" />\n\n <div class=\"menu-body\">\n <div class=\"menu-section\">\n <div class=\"menu-group\">\n <div class=\"menu-item-group\">\n\n <ng-container *ngFor=\"let item of items\">\n <section class=\"first-level\">\n <p class=\"hr-label sm-regular\">\n <gravity-icon [iconName]=\"item.icon\" [iconSize]=\"'md-16'\"/>\n {{item.text}}\n </p>\n <gravity-icon [iconName]=\"item.closed ? 'arrow-down' : 'arrow-up'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n </section>\n\n <section class=\"second-level\">\n <div class=\"options-list\">\n <ng-container *ngFor=\"let option of item.itemChildren\">\n <div class=\"option\">\n <div class=\"line\"></div>\n <span>{{option.text}}</span>\n </div>\n </ng-container>\n </div>\n </section>\n </ng-container>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n\n", styles: [".gravity-menu{height:100%;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.gravity-menu .menu-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 20px 24px;gap:var(--gravity-spacing-lg)}.gravity-menu .menu-body .menu-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm)}.gravity-menu .menu-body .menu-section .menu-group{width:214px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group{display:flex;width:220px;height:24px;align-items:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .first-level{display:flex;align-self:stretch;justify-content:center;align-items:flex-start;padding-left:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level{display:flex;align-self:stretch;align-items:flex-start;justify-content:center;padding-left:var(--gravity-spacing-xxs)}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level .options-list{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gravity-menu .menu-body .menu-section .menu-group .menu-item-group .second-level .options-list .option{width:210px;height:34px;display:flex;align-items:center;gap:var(--gravity-spacing-sm)}\n"] }]
|
|
7446
|
+
}], propDecorators: { logoUrl: [{
|
|
7447
|
+
type: Input
|
|
7448
|
+
}], size: [{
|
|
7449
|
+
type: Input
|
|
7450
|
+
}], items: [{
|
|
7451
|
+
type: Input
|
|
7452
|
+
}] } });
|
|
7453
|
+
|
|
7434
7454
|
class GravityDesignSystemModule {
|
|
7435
7455
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7436
7456
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, declarations: [GravityAttachFileComponent,
|
|
@@ -7504,7 +7524,8 @@ class GravityDesignSystemModule {
|
|
|
7504
7524
|
GravitySegmentedButtonComponent,
|
|
7505
7525
|
GravityCurrencyDisplayV2Component,
|
|
7506
7526
|
GravityHeaderComponent,
|
|
7507
|
-
GravityPushNotificationsComponent
|
|
7527
|
+
GravityPushNotificationsComponent,
|
|
7528
|
+
GravityMenuComponent], imports: [i1.AngularSvgIconModule, i2$3.AngularSvgIconPreloaderModule, BsDatepickerModule,
|
|
7508
7529
|
CommonModule,
|
|
7509
7530
|
FormsModule, GravityTooltipModule, NgbDatepickerModule,
|
|
7510
7531
|
NgbOffcanvasModule,
|
|
@@ -7558,7 +7579,8 @@ class GravityDesignSystemModule {
|
|
|
7558
7579
|
GravityCalendarNextComponent,
|
|
7559
7580
|
GravitySegmentedButtonComponent,
|
|
7560
7581
|
GravityHeaderComponent,
|
|
7561
|
-
GravityPushNotificationsComponent
|
|
7582
|
+
GravityPushNotificationsComponent,
|
|
7583
|
+
GravityMenuComponent] }); }
|
|
7562
7584
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, imports: [AngularSvgIconModule.forRoot(),
|
|
7563
7585
|
AngularSvgIconPreloaderModule.forRoot({
|
|
7564
7586
|
configUrl: './assets/gravity/json/icons.json',
|
|
@@ -7649,6 +7671,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
7649
7671
|
GravityCurrencyDisplayV2Component,
|
|
7650
7672
|
GravityHeaderComponent,
|
|
7651
7673
|
GravityPushNotificationsComponent,
|
|
7674
|
+
GravityMenuComponent,
|
|
7652
7675
|
],
|
|
7653
7676
|
imports: [
|
|
7654
7677
|
AngularSvgIconModule.forRoot(),
|
|
@@ -7715,6 +7738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
7715
7738
|
GravitySegmentedButtonComponent,
|
|
7716
7739
|
GravityHeaderComponent,
|
|
7717
7740
|
GravityPushNotificationsComponent,
|
|
7741
|
+
GravityMenuComponent,
|
|
7718
7742
|
]
|
|
7719
7743
|
}]
|
|
7720
7744
|
}] });
|
|
@@ -7769,5 +7793,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
7769
7793
|
* Generated bundle index. Do not edit.
|
|
7770
7794
|
*/
|
|
7771
7795
|
|
|
7772
|
-
export { BsNavigationDirection, GravityAttachFileComponent, GravityAvatarStackComponent, GravityBackdropComponent, GravityButtonComponent, GravityCalendarComponent, GravityCalendarNextComponent, GravityCalendarV2Component, GravityCardButtonComponent, GravityCardListComponent, GravityCheckboxComponent, GravityChipComponent, GravityChipGroupComponent, GravityCurrencyComponent, GravityCurrencyDisplayComponent, GravityCurrencyDisplayV2Component, GravityDataViewComponent, GravityDataViewsV2Component, GravityDesignSystemModule, GravityDetailContainerComponent, GravityDialogComponent, GravityDialogManagerService, GravityDropdownLabelComponent, GravityDropdownListComponent, GravityDropdownListDisplayComponent, GravityEditableInputComponent, GravityFlyoutComponent, GravityGenericAvatarComponent, GravityGenericAvatarSecondaryComponent, GravityHeaderComponent, GravityIconButtonComponent, GravityIconComponent, GravityLinkComponent, GravityModalComponent, GravityMultiLanguageComponent, GravityNavigationCardComponent, GravityNetworkPillComponent, GravityNotificationInstantContainerComponent, GravityPushNotificationsComponent, GravityRadioButtonComponent, GravitySegmentedButtonComponent, GravityStatusIndicatorComponent, GravityStepperComponent, GravitySwitchComponent, GravityTabPrimaryComponent, GravityTabSecondaryComponent, GravityTableComponent, GravityTablesV2Component, GravityTextFieldComponent, GravityTextFieldNumberOnlyComponent, GravityTooltipComponent, GravityTooltipDirective, GravityTooltipModule, GravityTreeViewComponent, ICONS, OLD_ICONS };
|
|
7796
|
+
export { BsNavigationDirection, GravityAttachFileComponent, GravityAvatarStackComponent, GravityBackdropComponent, GravityButtonComponent, GravityCalendarComponent, GravityCalendarNextComponent, GravityCalendarV2Component, GravityCardButtonComponent, GravityCardListComponent, GravityCheckboxComponent, GravityChipComponent, GravityChipGroupComponent, GravityCurrencyComponent, GravityCurrencyDisplayComponent, GravityCurrencyDisplayV2Component, GravityDataViewComponent, GravityDataViewsV2Component, GravityDesignSystemModule, GravityDetailContainerComponent, GravityDialogComponent, GravityDialogManagerService, GravityDropdownLabelComponent, GravityDropdownListComponent, GravityDropdownListDisplayComponent, GravityEditableInputComponent, GravityFlyoutComponent, GravityGenericAvatarComponent, GravityGenericAvatarSecondaryComponent, GravityHeaderComponent, GravityIconButtonComponent, GravityIconComponent, GravityLinkComponent, GravityMenuComponent, GravityModalComponent, GravityMultiLanguageComponent, GravityNavigationCardComponent, GravityNetworkPillComponent, GravityNotificationInstantContainerComponent, GravityPushNotificationsComponent, GravityRadioButtonComponent, GravitySegmentedButtonComponent, GravityStatusIndicatorComponent, GravityStepperComponent, GravitySwitchComponent, GravityTabPrimaryComponent, GravityTabSecondaryComponent, GravityTableComponent, GravityTablesV2Component, GravityTextFieldComponent, GravityTextFieldNumberOnlyComponent, GravityTooltipComponent, GravityTooltipDirective, GravityTooltipModule, GravityTreeViewComponent, ICONS, OLD_ICONS };
|
|
7773
7797
|
//# sourceMappingURL=progressio_resources-gravity-design-system.mjs.map
|