@progressio_resources/gravity-design-system 3.6.16 → 3.6.17
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-detail-container/gravity-detail-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-push-notifications/gravity-push-notifications.component.mjs +2 -2
- package/esm2022/lib/layout/gravity-header/gravity-header.component.mjs +3 -22
- package/esm2022/lib/layout/gravity-menu/gravity-menu.component.mjs +17 -6
- package/fesm2022/progressio_resources-gravity-design-system.mjs +22 -29
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/layout/gravity-menu/gravity-menu.component.d.ts +6 -3
- package/package.json +1 -1
package/esm2022/lib/components/gravity-detail-container/gravity-detail-container.component.mjs
CHANGED
|
@@ -60,11 +60,11 @@ export class GravityDetailContainerComponent {
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDetailContainerComponent, deps: [{ token: i1.GravityResponsiveService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDetailContainerComponent, selector: "gravity-detail-container", inputs: { cypressTag: "cypressTag", title: "title", description: "description", mode: "mode", type: "type", optionalHeight: "optionalHeight", language: "language" }, outputs: { closed: "closed", menuEvent: "menuEvent" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], ngImport: i0, template: "<div class=\"detail-container-backdrop\"\n *ngIf=\"type === 'flyout' && mode === 'modal' && !gravityResponsiveService.isMobile()\"\n [class.open]=\"isOpen\" (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{mode}} {{gravityResponsiveService.isMobile() ? 'mobile' : type}}\"\n [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\"\n [attr.data-cy]=\"'detailContainer_' + cypressTag\">\n <div class=\"detail-header\">\n <div class=\"back-button\" (click)=\"dismiss()\" *ngIf=\"gravityResponsiveService.isMobile()\"\n [attr.data-cy]=\"'detailContainer_backButton'\">\n <gravity-icon [iconName]=\"'arrow-left'\" [iconSize]=\"'sm-12'\"\n [style.--icon-color]=\"'var(--back-button-color)'\"></gravity-icon>\n <span class=\"hr-label md-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n <p [ngClass]=\"gravityResponsiveService.isMobile() ? 'hr-body md-bold': type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\"\n [attr.data-cy]=\"'detailContainer_title'\">{{ title }}</p>\n <gravity-icon-button *ngIf=\"!gravityResponsiveService.isMobile()\" [icon]=\"'unsuccess'\" [size]=\"'sm'\"\n (click)=\"dismiss()\"\n [supportText]=\"'Close'\" [attr.data-cy]=\"'detailContainer_closeButton'\"/>\n <gravity-icon class=\"menu-button\" *ngIf=\"gravityResponsiveService.isMobile()\"\n [style.--icon-color]=\"'var(--back-button-color)'\"\n [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"menu()\" [attr.data-cy]=\"'detailContainer_menuButton'\"/>\n </div>\n\n <div class=\"overflow-container\" #containerRef>\n <p *ngIf=\"description != '' && type === 'flyout'\"\n class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n <div class=\"detail-body\" [attr.data-cy]=\"'detailContainer_body'\">\n <ng-content select=\"[detail-body]\"></ng-content>\n </div>\n </div>\n\n <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n <ng-content select=\"[detail-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.mobile{position:absolute;width:100%;gap:8px;padding-bottom:var(--gravity-spacing-lg)}.detail-container-content.mobile .detail-header{padding:var(--gravity-spacing-sm)}.detail-container-content.mobile .overflow-container{display:flex;flex-direction:column;padding:0 var(--gravity-spacing-md);gap:8px}.detail-container-content.mobile .overflow-container.has-scroll{padding:0 var(--gravity-spacing-xs) 0 var(--gravity-spacing-md)!important}.detail-container-content.mobile .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:16px!important}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .detail-header .back-button{display:flex;align-items:center;gap:4px;padding:var(--gravity-spacing-xs) 6px;color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.detail-container-content .detail-header .back-button:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.detail-container-content .detail-header .back-button.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.detail-container-content .detail-header .menu-button{--back-button-color: var(--bg-button-active-primary)}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:8px!important}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: i4.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
63
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDetailContainerComponent, selector: "gravity-detail-container", inputs: { cypressTag: "cypressTag", title: "title", description: "description", mode: "mode", type: "type", optionalHeight: "optionalHeight", language: "language" }, outputs: { closed: "closed", menuEvent: "menuEvent" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], ngImport: i0, template: "<div class=\"detail-container-backdrop\"\n *ngIf=\"type === 'flyout' && mode === 'modal' && !gravityResponsiveService.isMobile()\"\n [class.open]=\"isOpen\" (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{mode}} {{gravityResponsiveService.isMobile() ? 'mobile' : type}}\"\n [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\"\n [attr.data-cy]=\"'detailContainer_' + cypressTag\">\n <div class=\"detail-header\">\n <div class=\"back-button\" (click)=\"dismiss()\" *ngIf=\"gravityResponsiveService.isMobile()\"\n [attr.data-cy]=\"'detailContainer_backButton'\">\n <gravity-icon [iconName]=\"'arrow-left'\" [iconSize]=\"'sm-12'\"\n [style.--icon-color]=\"'var(--back-button-color)'\"></gravity-icon>\n <span class=\"hr-label md-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n <p [ngClass]=\"gravityResponsiveService.isMobile() ? 'hr-body md-bold': type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\"\n [attr.data-cy]=\"'detailContainer_title'\">{{ title }}</p>\n <gravity-icon-button *ngIf=\"!gravityResponsiveService.isMobile()\" [icon]=\"'unsuccess'\" [size]=\"'sm'\"\n (click)=\"dismiss()\"\n [supportText]=\"'Close'\" [attr.data-cy]=\"'detailContainer_closeButton'\"/>\n <gravity-icon class=\"menu-button\" *ngIf=\"gravityResponsiveService.isMobile()\"\n [style.--icon-color]=\"'var(--back-button-color)'\"\n [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"menu()\" [attr.data-cy]=\"'detailContainer_menuButton'\"/>\n </div>\n\n <div class=\"overflow-container\" #containerRef>\n <p *ngIf=\"description != '' && type === 'flyout'\"\n class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n <div class=\"detail-body\" [attr.data-cy]=\"'detailContainer_body'\">\n <ng-content select=\"[detail-body]\"></ng-content>\n </div>\n </div>\n\n <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n <ng-content select=\"[detail-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.mobile{z-index:1;position:absolute;width:100%;gap:8px;padding-bottom:var(--gravity-spacing-lg)}.detail-container-content.mobile .detail-header{padding:var(--gravity-spacing-sm)}.detail-container-content.mobile .overflow-container{display:flex;flex-direction:column;padding:0 var(--gravity-spacing-md);gap:8px}.detail-container-content.mobile .overflow-container.has-scroll{padding:0 var(--gravity-spacing-xs) 0 var(--gravity-spacing-md)!important}.detail-container-content.mobile .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:16px!important}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .detail-header .back-button{display:flex;align-items:center;gap:4px;padding:var(--gravity-spacing-xs) 6px;color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.detail-container-content .detail-header .back-button:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.detail-container-content .detail-header .back-button.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.detail-container-content .detail-header .menu-button{--back-button-color: var(--bg-button-active-primary)}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:8px!important}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: i4.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
64
64
|
}
|
|
65
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDetailContainerComponent, decorators: [{
|
|
66
66
|
type: Component,
|
|
67
|
-
args: [{ selector: 'gravity-detail-container', template: "<div class=\"detail-container-backdrop\"\n *ngIf=\"type === 'flyout' && mode === 'modal' && !gravityResponsiveService.isMobile()\"\n [class.open]=\"isOpen\" (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{mode}} {{gravityResponsiveService.isMobile() ? 'mobile' : type}}\"\n [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\"\n [attr.data-cy]=\"'detailContainer_' + cypressTag\">\n <div class=\"detail-header\">\n <div class=\"back-button\" (click)=\"dismiss()\" *ngIf=\"gravityResponsiveService.isMobile()\"\n [attr.data-cy]=\"'detailContainer_backButton'\">\n <gravity-icon [iconName]=\"'arrow-left'\" [iconSize]=\"'sm-12'\"\n [style.--icon-color]=\"'var(--back-button-color)'\"></gravity-icon>\n <span class=\"hr-label md-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n <p [ngClass]=\"gravityResponsiveService.isMobile() ? 'hr-body md-bold': type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\"\n [attr.data-cy]=\"'detailContainer_title'\">{{ title }}</p>\n <gravity-icon-button *ngIf=\"!gravityResponsiveService.isMobile()\" [icon]=\"'unsuccess'\" [size]=\"'sm'\"\n (click)=\"dismiss()\"\n [supportText]=\"'Close'\" [attr.data-cy]=\"'detailContainer_closeButton'\"/>\n <gravity-icon class=\"menu-button\" *ngIf=\"gravityResponsiveService.isMobile()\"\n [style.--icon-color]=\"'var(--back-button-color)'\"\n [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"menu()\" [attr.data-cy]=\"'detailContainer_menuButton'\"/>\n </div>\n\n <div class=\"overflow-container\" #containerRef>\n <p *ngIf=\"description != '' && type === 'flyout'\"\n class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n <div class=\"detail-body\" [attr.data-cy]=\"'detailContainer_body'\">\n <ng-content select=\"[detail-body]\"></ng-content>\n </div>\n </div>\n\n <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n <ng-content select=\"[detail-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.mobile{position:absolute;width:100%;gap:8px;padding-bottom:var(--gravity-spacing-lg)}.detail-container-content.mobile .detail-header{padding:var(--gravity-spacing-sm)}.detail-container-content.mobile .overflow-container{display:flex;flex-direction:column;padding:0 var(--gravity-spacing-md);gap:8px}.detail-container-content.mobile .overflow-container.has-scroll{padding:0 var(--gravity-spacing-xs) 0 var(--gravity-spacing-md)!important}.detail-container-content.mobile .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:16px!important}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .detail-header .back-button{display:flex;align-items:center;gap:4px;padding:var(--gravity-spacing-xs) 6px;color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.detail-container-content .detail-header .back-button:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.detail-container-content .detail-header .back-button.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.detail-container-content .detail-header .menu-button{--back-button-color: var(--bg-button-active-primary)}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:8px!important}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"] }]
|
|
67
|
+
args: [{ selector: 'gravity-detail-container', template: "<div class=\"detail-container-backdrop\"\n *ngIf=\"type === 'flyout' && mode === 'modal' && !gravityResponsiveService.isMobile()\"\n [class.open]=\"isOpen\" (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{mode}} {{gravityResponsiveService.isMobile() ? 'mobile' : type}}\"\n [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\"\n [attr.data-cy]=\"'detailContainer_' + cypressTag\">\n <div class=\"detail-header\">\n <div class=\"back-button\" (click)=\"dismiss()\" *ngIf=\"gravityResponsiveService.isMobile()\"\n [attr.data-cy]=\"'detailContainer_backButton'\">\n <gravity-icon [iconName]=\"'arrow-left'\" [iconSize]=\"'sm-12'\"\n [style.--icon-color]=\"'var(--back-button-color)'\"></gravity-icon>\n <span class=\"hr-label md-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n <p [ngClass]=\"gravityResponsiveService.isMobile() ? 'hr-body md-bold': type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\"\n [attr.data-cy]=\"'detailContainer_title'\">{{ title }}</p>\n <gravity-icon-button *ngIf=\"!gravityResponsiveService.isMobile()\" [icon]=\"'unsuccess'\" [size]=\"'sm'\"\n (click)=\"dismiss()\"\n [supportText]=\"'Close'\" [attr.data-cy]=\"'detailContainer_closeButton'\"/>\n <gravity-icon class=\"menu-button\" *ngIf=\"gravityResponsiveService.isMobile()\"\n [style.--icon-color]=\"'var(--back-button-color)'\"\n [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"menu()\" [attr.data-cy]=\"'detailContainer_menuButton'\"/>\n </div>\n\n <div class=\"overflow-container\" #containerRef>\n <p *ngIf=\"description != '' && type === 'flyout'\"\n class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n <div class=\"detail-body\" [attr.data-cy]=\"'detailContainer_body'\">\n <ng-content select=\"[detail-body]\"></ng-content>\n </div>\n </div>\n\n <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n <ng-content select=\"[detail-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.mobile{z-index:1;position:absolute;width:100%;gap:8px;padding-bottom:var(--gravity-spacing-lg)}.detail-container-content.mobile .detail-header{padding:var(--gravity-spacing-sm)}.detail-container-content.mobile .overflow-container{display:flex;flex-direction:column;padding:0 var(--gravity-spacing-md);gap:8px}.detail-container-content.mobile .overflow-container.has-scroll{padding:0 var(--gravity-spacing-xs) 0 var(--gravity-spacing-md)!important}.detail-container-content.mobile .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:16px!important}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .detail-header .back-button{display:flex;align-items:center;gap:4px;padding:var(--gravity-spacing-xs) 6px;color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.detail-container-content .detail-header .back-button:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.detail-container-content .detail-header .back-button.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.detail-container-content .detail-header .menu-button{--back-button-color: var(--bg-button-active-primary)}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:8px!important}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"] }]
|
|
68
68
|
}], ctorParameters: function () { return [{ type: i1.GravityResponsiveService }]; }, propDecorators: { cypressTag: [{
|
|
69
69
|
type: Input
|
|
70
70
|
}], title: [{
|
package/esm2022/lib/components/gravity-push-notifications/gravity-push-notifications.component.mjs
CHANGED
|
@@ -39,11 +39,11 @@ export class GravityPushNotificationsComponent {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityPushNotificationsComponent, deps: [{ token: i1.PushNotificationsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityPushNotificationsComponent, selector: "gravity-push-notifications", inputs: { userNotifications: "userNotifications" }, outputs: { viewedNotificationsResponse: "viewedNotificationsResponse" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"btn-group notifications-wrapper\" data-cy=\"PUSH_NOTIFICATIONS_wrapper\">\n <div class=\"notifications-toggle pointer\" [class.active]=\"isPanelOpen\" data-cy=\"PUSH_NOTIFICATIONS_toggle\"\n (click)=\"handleToggleNotificationsPanel()\">\n <gravity-icon class=\"bell\" [iconName]=\"'bell'\" [iconSize]=\"'md-16'\"></gravity-icon>\n <span *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\" class=\"circle\"></span>\n </div>\n <div *ngIf=\"isPanelOpen\" class=\"notifications-box dropdown-menu-right elevation-sm\" data-cy=\"PUSH_NOTIFICATIONS_panel\">\n <div class=\"panel-header\" data-cy=\"PUSH_NOTIFICATIONS_panel_header\">\n <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_title\"> Notifications </p>\n <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_pending_counter\"\n *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\">\n {{pushNotificationsService.pendingNotifications.length}}\n </p>\n </div>\n <div class=\"notifications\" data-cy=\"PUSH_NOTIFICATIONS_item\"\n *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0\">\n <p> New </p>\n <ng-container *ngFor=\"let notification of pushNotificationsService.pendingNotifications, let index = index\">\n <div class=\"notification pending\" data-cy=\"PUSH_NOTIFICATIONS_new_notification\"\n (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('pending-' + index)\"\n id=\"pending-{{index}}\">\n <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n <div class=\"notification-content\">\n <p class=\"hr-title sm-bold title\">\n <span class=\"pending-notification-circle\"></span>\n {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n </p>\n <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n {{pushNotificationsService.getNotificationContent(notification.bodyText, notification.bodyAdditionalText)}}\n </p>\n </div>\n </div>\n <hr *ngIf=\"index + 1 != pushNotificationsService.pendingNotifications.length\">\n </ng-container>\n </div>\n <hr *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0 && pushNotificationsService.seenNotifications?.length > 0\">\n <div class=\"notifications\" *ngIf=\"pushNotificationsService.seenNotifications?.length > 0\">\n <p> Old </p>\n <ng-container *ngFor=\"let notification of pushNotificationsService.seenNotifications, let index = index\">\n <div class=\"notification\" data-cy=\"PUSH_NOTIFICATIONS_old_notification\"\n (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('seen-' + index)\"\n id=\"seen-{{index}}\">\n <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n <div class=\"notification-content\">\n <p class=\"hr-title sm-bold title\">\n {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n </p>\n <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n {{pushNotificationsService.getNotificationContent(notification.bodyAdditionalText, notification.bodyAdditionalText)}}\n </p>\n </div>\n </div>\n <hr *ngIf=\"index + 1 != pushNotificationsService.seenNotifications.length\">\n </ng-container>\n </div>\n <div class=\"notifications\"\n *ngIf=\"pushNotificationsService.pendingNotifications?.length == 0 && pushNotificationsService.seenNotifications?.length == 0\">\n <p class=\"no-notification\"> No new notifications </p>\n </div>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.notifications-wrapper{--circle-top: 3.25px;--circle-width: 8.67px;--circle-right: 6.13px;--circle-height: 8.67px;--notifications-wrapper-width: 29px;--notifications-wrapper-height: 29px;--notifications-toggle-padding: 6.5px;--circle-border-radius: 6.25rem;--notifications-wrapper-border-radius: 0;--notifications-toggle-border-radius: 6.25rem}.notifications-wrapper{width:var(--notifications-wrapper-width);height:var(--notifications-wrapper-height);border-radius:var(--notifications-wrapper-border-radius)}.notifications-toggle{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;padding:var(--notifications-toggle-padding);border-radius:var(--notifications-toggle-border-radius)}.notifications-toggle:hover,.notifications-toggle.active{cursor:pointer;background-color:var(--bg-notification-button-hover)}.notifications-toggle:hover .bell,.notifications-toggle.active .bell{--icon-color: var(--on-bg-notification-button-hover)}.notifications-toggle .bell{--icon-color: var(--on-bg-notification-button-active)}.notifications-toggle .circle{position:absolute;top:var(--circle-top);right:var(--circle-right);width:var(--circle-width);height:var(--circle-height);border-radius:var(--circle-border-radius);background-color:var(--bg-notification-badge-button)}.notifications-box{z-index:
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityPushNotificationsComponent, selector: "gravity-push-notifications", inputs: { userNotifications: "userNotifications" }, outputs: { viewedNotificationsResponse: "viewedNotificationsResponse" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"btn-group notifications-wrapper\" data-cy=\"PUSH_NOTIFICATIONS_wrapper\">\n <div class=\"notifications-toggle pointer\" [class.active]=\"isPanelOpen\" data-cy=\"PUSH_NOTIFICATIONS_toggle\"\n (click)=\"handleToggleNotificationsPanel()\">\n <gravity-icon class=\"bell\" [iconName]=\"'bell'\" [iconSize]=\"'md-16'\"></gravity-icon>\n <span *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\" class=\"circle\"></span>\n </div>\n <div *ngIf=\"isPanelOpen\" class=\"notifications-box dropdown-menu-right elevation-sm\" data-cy=\"PUSH_NOTIFICATIONS_panel\">\n <div class=\"panel-header\" data-cy=\"PUSH_NOTIFICATIONS_panel_header\">\n <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_title\"> Notifications </p>\n <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_pending_counter\"\n *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\">\n {{pushNotificationsService.pendingNotifications.length}}\n </p>\n </div>\n <div class=\"notifications\" data-cy=\"PUSH_NOTIFICATIONS_item\"\n *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0\">\n <p> New </p>\n <ng-container *ngFor=\"let notification of pushNotificationsService.pendingNotifications, let index = index\">\n <div class=\"notification pending\" data-cy=\"PUSH_NOTIFICATIONS_new_notification\"\n (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('pending-' + index)\"\n id=\"pending-{{index}}\">\n <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n <div class=\"notification-content\">\n <p class=\"hr-title sm-bold title\">\n <span class=\"pending-notification-circle\"></span>\n {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n </p>\n <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n {{pushNotificationsService.getNotificationContent(notification.bodyText, notification.bodyAdditionalText)}}\n </p>\n </div>\n </div>\n <hr *ngIf=\"index + 1 != pushNotificationsService.pendingNotifications.length\">\n </ng-container>\n </div>\n <hr *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0 && pushNotificationsService.seenNotifications?.length > 0\">\n <div class=\"notifications\" *ngIf=\"pushNotificationsService.seenNotifications?.length > 0\">\n <p> Old </p>\n <ng-container *ngFor=\"let notification of pushNotificationsService.seenNotifications, let index = index\">\n <div class=\"notification\" data-cy=\"PUSH_NOTIFICATIONS_old_notification\"\n (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('seen-' + index)\"\n id=\"seen-{{index}}\">\n <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n <div class=\"notification-content\">\n <p class=\"hr-title sm-bold title\">\n {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n </p>\n <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n {{pushNotificationsService.getNotificationContent(notification.bodyAdditionalText, notification.bodyAdditionalText)}}\n </p>\n </div>\n </div>\n <hr *ngIf=\"index + 1 != pushNotificationsService.seenNotifications.length\">\n </ng-container>\n </div>\n <div class=\"notifications\"\n *ngIf=\"pushNotificationsService.pendingNotifications?.length == 0 && pushNotificationsService.seenNotifications?.length == 0\">\n <p class=\"no-notification\"> No new notifications </p>\n </div>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.notifications-wrapper{--circle-top: 3.25px;--circle-width: 8.67px;--circle-right: 6.13px;--circle-height: 8.67px;--notifications-wrapper-width: 29px;--notifications-wrapper-height: 29px;--notifications-toggle-padding: 6.5px;--circle-border-radius: 6.25rem;--notifications-wrapper-border-radius: 0;--notifications-toggle-border-radius: 6.25rem}.notifications-wrapper{width:var(--notifications-wrapper-width);height:var(--notifications-wrapper-height);border-radius:var(--notifications-wrapper-border-radius)}.notifications-toggle{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;padding:var(--notifications-toggle-padding);border-radius:var(--notifications-toggle-border-radius)}.notifications-toggle:hover,.notifications-toggle.active{cursor:pointer;background-color:var(--bg-notification-button-hover)}.notifications-toggle:hover .bell,.notifications-toggle.active .bell{--icon-color: var(--on-bg-notification-button-hover)}.notifications-toggle .bell{--icon-color: var(--on-bg-notification-button-active)}.notifications-toggle .circle{position:absolute;top:var(--circle-top);right:var(--circle-right);width:var(--circle-width);height:var(--circle-height);border-radius:var(--circle-border-radius);background-color:var(--bg-notification-badge-button)}.notifications-box{z-index:102;display:block;position:absolute;top:42px!important;right:-16px!important;border-radius:.9375rem;border:1px solid rgba(0,0,0,.175);background-color:var(--bg-dialog-primary)}@media (min-width: 993px){.notifications-box{width:25rem}}@media (max-width: 992px){.notifications-box{width:19rem}}.notifications-box:before{top:-6px;z-index:1;content:\"\";right:23px;width:12px;height:12px;position:absolute;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.175);border-top:1px solid rgba(0,0,0,.175);background-color:var(--on-bg-highlight-neutro-primary)}.panel-header{display:flex;padding:1rem 2rem;justify-content:space-between;border-radius:.9375rem .9375rem 0 0;background-color:var(--on-bg-highlight-neutro-primary)}.panel-header p{font-weight:600;letter-spacing:1.023px;color:var(--on-bg-notification-list-primary)}.notifications{padding:.75rem 2rem;color:var(--text-primary)}.notifications .notification:last-of-type{padding-bottom:0}.notification{display:flex;padding-block:1rem;align-items:flex-start}.notification .notification-content{margin-left:1.5rem}.notification .notification-content .title{margin-bottom:.25rem}.notification .notification-content .title span.pending-notification-circle{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem;margin-right:.25rem;display:inline-block;border-radius:1.5625rem;background-color:var(--notification-success-highlight-primary)}.notification .notification-content .body{overflow:hidden;text-overflow:ellipsis}@media (min-width: 993px){.notification .notification-content .body{width:18rem}}@media (max-width: 992px){.notification .notification-content .body{width:10rem}}.notification .notification-content .body.white-space-nowrap{white-space:nowrap}hr{margin:0;border-top-color:var(--divider-primary)}\n"], dependencies: [{ 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"] }] }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityPushNotificationsComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
|
-
args: [{ selector: 'gravity-push-notifications', template: "<div class=\"btn-group notifications-wrapper\" data-cy=\"PUSH_NOTIFICATIONS_wrapper\">\n <div class=\"notifications-toggle pointer\" [class.active]=\"isPanelOpen\" data-cy=\"PUSH_NOTIFICATIONS_toggle\"\n (click)=\"handleToggleNotificationsPanel()\">\n <gravity-icon class=\"bell\" [iconName]=\"'bell'\" [iconSize]=\"'md-16'\"></gravity-icon>\n <span *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\" class=\"circle\"></span>\n </div>\n <div *ngIf=\"isPanelOpen\" class=\"notifications-box dropdown-menu-right elevation-sm\" data-cy=\"PUSH_NOTIFICATIONS_panel\">\n <div class=\"panel-header\" data-cy=\"PUSH_NOTIFICATIONS_panel_header\">\n <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_title\"> Notifications </p>\n <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_pending_counter\"\n *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\">\n {{pushNotificationsService.pendingNotifications.length}}\n </p>\n </div>\n <div class=\"notifications\" data-cy=\"PUSH_NOTIFICATIONS_item\"\n *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0\">\n <p> New </p>\n <ng-container *ngFor=\"let notification of pushNotificationsService.pendingNotifications, let index = index\">\n <div class=\"notification pending\" data-cy=\"PUSH_NOTIFICATIONS_new_notification\"\n (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('pending-' + index)\"\n id=\"pending-{{index}}\">\n <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n <div class=\"notification-content\">\n <p class=\"hr-title sm-bold title\">\n <span class=\"pending-notification-circle\"></span>\n {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n </p>\n <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n {{pushNotificationsService.getNotificationContent(notification.bodyText, notification.bodyAdditionalText)}}\n </p>\n </div>\n </div>\n <hr *ngIf=\"index + 1 != pushNotificationsService.pendingNotifications.length\">\n </ng-container>\n </div>\n <hr *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0 && pushNotificationsService.seenNotifications?.length > 0\">\n <div class=\"notifications\" *ngIf=\"pushNotificationsService.seenNotifications?.length > 0\">\n <p> Old </p>\n <ng-container *ngFor=\"let notification of pushNotificationsService.seenNotifications, let index = index\">\n <div class=\"notification\" data-cy=\"PUSH_NOTIFICATIONS_old_notification\"\n (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('seen-' + index)\"\n id=\"seen-{{index}}\">\n <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n <div class=\"notification-content\">\n <p class=\"hr-title sm-bold title\">\n {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n </p>\n <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n {{pushNotificationsService.getNotificationContent(notification.bodyAdditionalText, notification.bodyAdditionalText)}}\n </p>\n </div>\n </div>\n <hr *ngIf=\"index + 1 != pushNotificationsService.seenNotifications.length\">\n </ng-container>\n </div>\n <div class=\"notifications\"\n *ngIf=\"pushNotificationsService.pendingNotifications?.length == 0 && pushNotificationsService.seenNotifications?.length == 0\">\n <p class=\"no-notification\"> No new notifications </p>\n </div>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.notifications-wrapper{--circle-top: 3.25px;--circle-width: 8.67px;--circle-right: 6.13px;--circle-height: 8.67px;--notifications-wrapper-width: 29px;--notifications-wrapper-height: 29px;--notifications-toggle-padding: 6.5px;--circle-border-radius: 6.25rem;--notifications-wrapper-border-radius: 0;--notifications-toggle-border-radius: 6.25rem}.notifications-wrapper{width:var(--notifications-wrapper-width);height:var(--notifications-wrapper-height);border-radius:var(--notifications-wrapper-border-radius)}.notifications-toggle{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;padding:var(--notifications-toggle-padding);border-radius:var(--notifications-toggle-border-radius)}.notifications-toggle:hover,.notifications-toggle.active{cursor:pointer;background-color:var(--bg-notification-button-hover)}.notifications-toggle:hover .bell,.notifications-toggle.active .bell{--icon-color: var(--on-bg-notification-button-hover)}.notifications-toggle .bell{--icon-color: var(--on-bg-notification-button-active)}.notifications-toggle .circle{position:absolute;top:var(--circle-top);right:var(--circle-right);width:var(--circle-width);height:var(--circle-height);border-radius:var(--circle-border-radius);background-color:var(--bg-notification-badge-button)}.notifications-box{z-index:
|
|
46
|
+
args: [{ selector: 'gravity-push-notifications', template: "<div class=\"btn-group notifications-wrapper\" data-cy=\"PUSH_NOTIFICATIONS_wrapper\">\n <div class=\"notifications-toggle pointer\" [class.active]=\"isPanelOpen\" data-cy=\"PUSH_NOTIFICATIONS_toggle\"\n (click)=\"handleToggleNotificationsPanel()\">\n <gravity-icon class=\"bell\" [iconName]=\"'bell'\" [iconSize]=\"'md-16'\"></gravity-icon>\n <span *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\" class=\"circle\"></span>\n </div>\n <div *ngIf=\"isPanelOpen\" class=\"notifications-box dropdown-menu-right elevation-sm\" data-cy=\"PUSH_NOTIFICATIONS_panel\">\n <div class=\"panel-header\" data-cy=\"PUSH_NOTIFICATIONS_panel_header\">\n <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_title\"> Notifications </p>\n <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_pending_counter\"\n *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\">\n {{pushNotificationsService.pendingNotifications.length}}\n </p>\n </div>\n <div class=\"notifications\" data-cy=\"PUSH_NOTIFICATIONS_item\"\n *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0\">\n <p> New </p>\n <ng-container *ngFor=\"let notification of pushNotificationsService.pendingNotifications, let index = index\">\n <div class=\"notification pending\" data-cy=\"PUSH_NOTIFICATIONS_new_notification\"\n (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('pending-' + index)\"\n id=\"pending-{{index}}\">\n <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n <div class=\"notification-content\">\n <p class=\"hr-title sm-bold title\">\n <span class=\"pending-notification-circle\"></span>\n {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n </p>\n <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n {{pushNotificationsService.getNotificationContent(notification.bodyText, notification.bodyAdditionalText)}}\n </p>\n </div>\n </div>\n <hr *ngIf=\"index + 1 != pushNotificationsService.pendingNotifications.length\">\n </ng-container>\n </div>\n <hr *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0 && pushNotificationsService.seenNotifications?.length > 0\">\n <div class=\"notifications\" *ngIf=\"pushNotificationsService.seenNotifications?.length > 0\">\n <p> Old </p>\n <ng-container *ngFor=\"let notification of pushNotificationsService.seenNotifications, let index = index\">\n <div class=\"notification\" data-cy=\"PUSH_NOTIFICATIONS_old_notification\"\n (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('seen-' + index)\"\n id=\"seen-{{index}}\">\n <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n <div class=\"notification-content\">\n <p class=\"hr-title sm-bold title\">\n {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n </p>\n <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n {{pushNotificationsService.getNotificationContent(notification.bodyAdditionalText, notification.bodyAdditionalText)}}\n </p>\n </div>\n </div>\n <hr *ngIf=\"index + 1 != pushNotificationsService.seenNotifications.length\">\n </ng-container>\n </div>\n <div class=\"notifications\"\n *ngIf=\"pushNotificationsService.pendingNotifications?.length == 0 && pushNotificationsService.seenNotifications?.length == 0\">\n <p class=\"no-notification\"> No new notifications </p>\n </div>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.notifications-wrapper{--circle-top: 3.25px;--circle-width: 8.67px;--circle-right: 6.13px;--circle-height: 8.67px;--notifications-wrapper-width: 29px;--notifications-wrapper-height: 29px;--notifications-toggle-padding: 6.5px;--circle-border-radius: 6.25rem;--notifications-wrapper-border-radius: 0;--notifications-toggle-border-radius: 6.25rem}.notifications-wrapper{width:var(--notifications-wrapper-width);height:var(--notifications-wrapper-height);border-radius:var(--notifications-wrapper-border-radius)}.notifications-toggle{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;padding:var(--notifications-toggle-padding);border-radius:var(--notifications-toggle-border-radius)}.notifications-toggle:hover,.notifications-toggle.active{cursor:pointer;background-color:var(--bg-notification-button-hover)}.notifications-toggle:hover .bell,.notifications-toggle.active .bell{--icon-color: var(--on-bg-notification-button-hover)}.notifications-toggle .bell{--icon-color: var(--on-bg-notification-button-active)}.notifications-toggle .circle{position:absolute;top:var(--circle-top);right:var(--circle-right);width:var(--circle-width);height:var(--circle-height);border-radius:var(--circle-border-radius);background-color:var(--bg-notification-badge-button)}.notifications-box{z-index:102;display:block;position:absolute;top:42px!important;right:-16px!important;border-radius:.9375rem;border:1px solid rgba(0,0,0,.175);background-color:var(--bg-dialog-primary)}@media (min-width: 993px){.notifications-box{width:25rem}}@media (max-width: 992px){.notifications-box{width:19rem}}.notifications-box:before{top:-6px;z-index:1;content:\"\";right:23px;width:12px;height:12px;position:absolute;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.175);border-top:1px solid rgba(0,0,0,.175);background-color:var(--on-bg-highlight-neutro-primary)}.panel-header{display:flex;padding:1rem 2rem;justify-content:space-between;border-radius:.9375rem .9375rem 0 0;background-color:var(--on-bg-highlight-neutro-primary)}.panel-header p{font-weight:600;letter-spacing:1.023px;color:var(--on-bg-notification-list-primary)}.notifications{padding:.75rem 2rem;color:var(--text-primary)}.notifications .notification:last-of-type{padding-bottom:0}.notification{display:flex;padding-block:1rem;align-items:flex-start}.notification .notification-content{margin-left:1.5rem}.notification .notification-content .title{margin-bottom:.25rem}.notification .notification-content .title span.pending-notification-circle{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem;margin-right:.25rem;display:inline-block;border-radius:1.5625rem;background-color:var(--notification-success-highlight-primary)}.notification .notification-content .body{overflow:hidden;text-overflow:ellipsis}@media (min-width: 993px){.notification .notification-content .body{width:18rem}}@media (max-width: 992px){.notification .notification-content .body{width:10rem}}.notification .notification-content .body.white-space-nowrap{white-space:nowrap}hr{margin:0;border-top-color:var(--divider-primary)}\n"] }]
|
|
47
47
|
}], ctorParameters: function () { return [{ type: i1.PushNotificationsService }, { type: i0.ElementRef }]; }, propDecorators: { userNotifications: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}], viewedNotificationsResponse: [{
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
import * as i1 from "angular-svg-icon";
|
|
5
4
|
import * as i2 from "@angular/common";
|
|
@@ -38,29 +37,11 @@ export class GravityHeaderComponent {
|
|
|
38
37
|
return this.resolution === 'xs' || this.resolution === 'sm' || this.resolution === 'md';
|
|
39
38
|
}
|
|
40
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
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", language: "language", notifications: "notifications", resolution: "resolution", userNotifications: "userNotifications", isMenuOpen: "isMenuOpen" }, 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\"\n class=\"back-button\" [class.pressed]=\"isBackButtonPressed\"\n (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n\n <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n <span class=\"'hr-label md-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 [ngClass]=\"'hr-body ' + (resolution === 'xl' ? 'md-regular' : 'sm-regular')\"\n [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()\"
|
|
42
|
-
trigger('iconToggle', [
|
|
43
|
-
state('open', style({ opacity: 1, transform: 'rotate(90deg)' })),
|
|
44
|
-
state('closed', style({ opacity: 1, transform: 'rotate(0deg)' })),
|
|
45
|
-
transition('* <=> *', [
|
|
46
|
-
animate('65ms ease-out', style({ opacity: .25, transform: 'rotate(45deg)' })),
|
|
47
|
-
animate('65ms ease-in')
|
|
48
|
-
])
|
|
49
|
-
])
|
|
50
|
-
] }); }
|
|
40
|
+
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", language: "language", notifications: "notifications", resolution: "resolution", userNotifications: "userNotifications", isMenuOpen: "isMenuOpen" }, 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\"\n class=\"back-button\" [class.pressed]=\"isBackButtonPressed\"\n (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n\n <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n <span class=\"'hr-label md-regular')\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n\n <div *ngIf=\"breadCrumb?.list?.length > 0 && (resolution === 'lg' || resolution === 'xl' )\" 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 [ngClass]=\"'hr-body ' + (resolution === 'xl' ? 'md-regular' : 'sm-regular')\"\n [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)'\"\n [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"toggleMenu()\"/>\n </div>\n </section>\n\n <section *ngIf=\"!isMobile() && (backButton || breadCrumb?.list?.length > 0) && title\" class=\"second-level\">\n <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n </section>\n\n <section *ngIf=\"isMobile() && !backButton && title\" class=\"second-level\">\n <h1 [ngClass]=\"'hr-title ' + (resolution === 'md' ? 'lg-bold' : 'md-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;white-space:nowrap}.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:22px}.gravity-header .first-level .back-button{height:20px;display:flex;cursor:pointer;padding:4px 6px;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-button: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-button.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 .second-level.no-title{justify-content:flex-end}.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:36px}\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }, { kind: "component", type: i4.GravityPushNotificationsComponent, selector: "gravity-push-notifications", inputs: ["userNotifications"], outputs: ["viewedNotificationsResponse"] }] }); }
|
|
51
41
|
}
|
|
52
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityHeaderComponent, decorators: [{
|
|
53
43
|
type: Component,
|
|
54
|
-
args: [{ selector: 'gravity-header',
|
|
55
|
-
trigger('iconToggle', [
|
|
56
|
-
state('open', style({ opacity: 1, transform: 'rotate(90deg)' })),
|
|
57
|
-
state('closed', style({ opacity: 1, transform: 'rotate(0deg)' })),
|
|
58
|
-
transition('* <=> *', [
|
|
59
|
-
animate('65ms ease-out', style({ opacity: .25, transform: 'rotate(45deg)' })),
|
|
60
|
-
animate('65ms ease-in')
|
|
61
|
-
])
|
|
62
|
-
])
|
|
63
|
-
], 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\"\n class=\"back-button\" [class.pressed]=\"isBackButtonPressed\"\n (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n\n <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n <span class=\"'hr-label md-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 [ngClass]=\"'hr-body ' + (resolution === 'xl' ? 'md-regular' : 'sm-regular')\"\n [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) && title\" class=\"second-level\">\n <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n </section>\n\n <section *ngIf=\"isMobile() && !backButton && title\" class=\"second-level\">\n <h1 [ngClass]=\"'hr-title ' + (resolution === 'md' ? 'lg-bold' : 'md-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;white-space:nowrap}.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-button{height:20px;display:flex;cursor:pointer;padding:4px 6px;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-button: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-button.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 .second-level.no-title{justify-content:flex-end}.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:36px}\n"] }]
|
|
44
|
+
args: [{ selector: 'gravity-header', 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\"\n class=\"back-button\" [class.pressed]=\"isBackButtonPressed\"\n (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n\n <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n <span class=\"'hr-label md-regular')\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n\n <div *ngIf=\"breadCrumb?.list?.length > 0 && (resolution === 'lg' || resolution === 'xl' )\" 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 [ngClass]=\"'hr-body ' + (resolution === 'xl' ? 'md-regular' : 'sm-regular')\"\n [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)'\"\n [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"toggleMenu()\"/>\n </div>\n </section>\n\n <section *ngIf=\"!isMobile() && (backButton || breadCrumb?.list?.length > 0) && title\" class=\"second-level\">\n <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n </section>\n\n <section *ngIf=\"isMobile() && !backButton && title\" class=\"second-level\">\n <h1 [ngClass]=\"'hr-title ' + (resolution === 'md' ? 'lg-bold' : 'md-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;white-space:nowrap}.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:22px}.gravity-header .first-level .back-button{height:20px;display:flex;cursor:pointer;padding:4px 6px;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-button: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-button.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 .second-level.no-title{justify-content:flex-end}.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:36px}\n"] }]
|
|
64
45
|
}], propDecorators: { title: [{
|
|
65
46
|
type: Input
|
|
66
47
|
}], logoUrl: [{
|
|
@@ -88,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
88
69
|
}], viewedNotificationsResponse: [{
|
|
89
70
|
type: Output
|
|
90
71
|
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvbGF5b3V0L2dyYXZpdHktaGVhZGVyL2dyYXZpdHktaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2xheW91dC9ncmF2aXR5LWhlYWRlci9ncmF2aXR5LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7OztBQXdCL0UsTUFBTSxPQUFPLHNCQUFzQjtJQWhCbkM7UUFzQmlCLGFBQVEsR0FBZ0IsSUFBSSxDQUFDO1FBQzdCLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBYzlCLHVCQUFrQixHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzVELHVCQUFrQixHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9ELGdDQUEyQixHQUFrRCxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXpHLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBRTlCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsd0JBQW1CLEdBQVksS0FBSyxDQUFDO0tBb0I1QztJQXJDQSxJQUNJLFVBQVUsQ0FBQyxLQUFjO1FBQzVCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDYixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDekIsQ0FBQztJQVdNLFVBQVU7UUFDaEIsVUFBVSxDQUFDO1lBQ1YsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDaEQsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUNsQixDQUFDO0lBRU0sVUFBVTtRQUNoQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVNLGlDQUFpQyxDQUFDLE1BQXVDO1FBQy9FLElBQUksQ0FBQywyQkFBMkIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVNLFFBQVE7UUFDZCxPQUFPLElBQUksQ0FBQyxVQUFVLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssSUFBSSxDQUFDO0lBQ3pGLENBQUM7K0dBOUNXLHNCQUFzQjttR0FBdEIsc0JBQXNCLGllQ3pCbkMsMDdGQW1ETSx1d0hEdENPO1lBQ1gsT0FBTyxDQUFDLFlBQVksRUFBRTtnQkFDckIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUMsQ0FBQyxDQUFDO2dCQUM5RCxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBQyxDQUFDLENBQUM7Z0JBQy9ELFVBQVUsQ0FBQyxTQUFTLEVBQUU7b0JBQ3JCLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFDLENBQUMsQ0FBQztvQkFDM0UsT0FBTyxDQUFDLGNBQWMsQ0FBQztpQkFDdkIsQ0FBQzthQUNGLENBQUM7U0FDRjs7NEZBR1csc0JBQXNCO2tCQWhCbEMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZjt3QkFDWCxPQUFPLENBQUMsWUFBWSxFQUFFOzRCQUNyQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBQyxDQUFDLENBQUM7NEJBQzlELEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFDLENBQUMsQ0FBQzs0QkFDL0QsVUFBVSxDQUFDLFNBQVMsRUFBRTtnQ0FDckIsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUMsQ0FBQyxDQUFDO2dDQUMzRSxPQUFPLENBQUMsY0FBYyxDQUFDOzZCQUN2QixDQUFDO3lCQUNGLENBQUM7cUJBQ0Y7OEJBSWUsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLGlCQUFpQjtzQkFBaEMsS0FBSztnQkFHRixVQUFVO3NCQURiLEtBQUs7Z0JBVVcsa0JBQWtCO3NCQUFsQyxNQUFNO2dCQUNVLGtCQUFrQjtzQkFBbEMsTUFBTTtnQkFDVSwyQkFBMkI7c0JBQTNDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHJpZ2dlciwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCBhbmltYXRlfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7Tm90aWZpY2F0aW9uVmlld2VkU3RhdHVzUmVxdWVzdCwgVXNlck5vdGlmaWNhdGlvbnN9IGZyb20gXCIuLi8uLi9tb2RlbC9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy5tb2RlbFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJyZWFkQ3J1bWIge1xuXHRpY29uPzogc3RyaW5nO1xuXHRsaXN0PzogeyB0ZXh0OiBzdHJpbmc7IGNhbGxiYWNrPzogKCkgPT4gdm9pZDsgaXNQcmVzc2VkPzogYm9vbGVhbiB9IFtdO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG5cdGFuaW1hdGlvbnM6IFtcblx0XHR0cmlnZ2VyKCdpY29uVG9nZ2xlJywgW1xuXHRcdFx0c3RhdGUoJ29wZW4nLCBzdHlsZSh7b3BhY2l0eTogMSwgdHJhbnNmb3JtOiAncm90YXRlKDkwZGVnKSd9KSksXG5cdFx0XHRzdGF0ZSgnY2xvc2VkJywgc3R5bGUoe29wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKSd9KSksXG5cdFx0XHR0cmFuc2l0aW9uKCcqIDw9PiAqJywgW1xuXHRcdFx0XHRhbmltYXRlKCc2NW1zIGVhc2Utb3V0Jywgc3R5bGUoe29wYWNpdHk6IC4yNSwgdHJhbnNmb3JtOiAncm90YXRlKDQ1ZGVnKSd9KSksXG5cdFx0XHRcdGFuaW1hdGUoJzY1bXMgZWFzZS1pbicpXG5cdFx0XHRdKVxuXHRcdF0pXG5cdF1cbn0pXG5cbmV4cG9ydCBjbGFzcyBHcmF2aXR5SGVhZGVyQ29tcG9uZW50IHtcblx0QElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmc7XG5cdEBJbnB1dCgpIHB1YmxpYyBsb2dvVXJsOiBzdHJpbmc7XG5cdEBJbnB1dCgpIHB1YmxpYyBsb25nVGl0bGU6IHN0cmluZztcblx0QElucHV0KCkgcHVibGljIGJhY2tCdXR0b246IGJvb2xlYW47XG5cdEBJbnB1dCgpIHB1YmxpYyBicmVhZENydW1iOiBCcmVhZENydW1iO1xuXHRASW5wdXQoKSBwdWJsaWMgbGFuZ3VhZ2U6ICdlbicgfCAnZXMnID0gJ2VuJztcblx0QElucHV0KCkgcHVibGljIG5vdGlmaWNhdGlvbnM6IGJvb2xlYW4gPSBmYWxzZTtcblx0QElucHV0KCkgcHVibGljIHJlc29sdXRpb246ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnO1xuXHRASW5wdXQoKSBwdWJsaWMgdXNlck5vdGlmaWNhdGlvbnM6IFVzZXJOb3RpZmljYXRpb25zIHwgdW5kZWZpbmVkO1xuXG5cdEBJbnB1dCgpXG5cdHNldCBpc01lbnVPcGVuKHZhbHVlOiBib29sZWFuKSB7XG5cdFx0dGhpcy5pY29uVG9nZ2xlID0gdmFsdWU7XG5cdFx0dGhpcy5faXNNZW51T3BlbiA9IHZhbHVlO1xuXHR9XG5cblx0Z2V0IGlzTWVudU9wZW4oKSB7XG5cdFx0cmV0dXJuIHRoaXMuX2lzTWVudU9wZW47XG5cdH1cblxuXHRAT3V0cHV0KCkgcHVibGljIGJhY2tCdXR0b25SZXNwb25zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXHRAT3V0cHV0KCkgcHVibGljIHRvZ2dsZU1lbnVSZXNwb25zZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXHRAT3V0cHV0KCkgcHVibGljIHZpZXdlZE5vdGlmaWNhdGlvbnNSZXNwb25zZTogRXZlbnRFbWl0dGVyPE5vdGlmaWNhdGlvblZpZXdlZFN0YXR1c1JlcXVlc3Q+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG5cdHByaXZhdGUgX2lzTWVudU9wZW46IGJvb2xlYW4gPSBmYWxzZTtcblxuXHRwdWJsaWMgaWNvblRvZ2dsZTogYm9vbGVhbiA9IGZhbHNlO1xuXHRwdWJsaWMgaXNCYWNrQnV0dG9uUHJlc3NlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG5cdHB1YmxpYyB0b2dnbGVNZW51ICgpIHtcblx0XHRzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHtcblx0XHRcdHRoaXMudG9nZ2xlTWVudVJlc3BvbnNlLmVtaXQodGhpcy5faXNNZW51T3Blbik7XG5cdFx0fS5iaW5kKHRoaXMpLCA2NSlcblx0fVxuXG5cdHB1YmxpYyBiYWNrQWN0aW9uKCl7XG5cdFx0dGhpcy5iYWNrQnV0dG9uUmVzcG9uc2UuZW1pdCgpO1xuXHR9XG5cblx0cHVibGljIGhhbmRsZVZpZXdlZE5vdGlmaWNhdGlvbnNSZXNwb25zZSgkZXZlbnQ6IE5vdGlmaWNhdGlvblZpZXdlZFN0YXR1c1JlcXVlc3Qpe1xuXHRcdHRoaXMudmlld2VkTm90aWZpY2F0aW9uc1Jlc3BvbnNlLmVtaXQoJGV2ZW50KTtcblx0fVxuXG5cdHB1YmxpYyBpc01vYmlsZSgpe1xuXHRcdHJldHVybiB0aGlzLnJlc29sdXRpb24gPT09ICd4cycgfHwgdGhpcy5yZXNvbHV0aW9uID09PSAnc20nIHx8IHRoaXMucmVzb2x1dGlvbiA9PT0gJ21kJztcblx0fVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1oZWFkZXJcIiBbY2xhc3MubW9iaWxlXT1cImlzTW9iaWxlKClcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJmaXJzdC1sZXZlbFwiIFtjbGFzcy5sb25nLXRpdGxlXT1cImxvbmdUaXRsZVwiPlxuICAgIDxzdmctaWNvbiAqbmdJZj1cImlzTW9iaWxlKCkgJiYgbG9nb1VybCAmJiAhYmFja0J1dHRvblwiIGNsYXNzPVwibG9nby1oZWFkZXJcIiBbc3JjXT1cImxvZ29VcmxcIi8+XG5cbiAgICA8ZGl2ICpuZ0lmPVwiYmFja0J1dHRvbiAmJiBicmVhZENydW1iPy5saXN0Py5sZW5ndGggPCAxXCJcbiAgICAgICAgIGNsYXNzPVwiYmFjay1idXR0b25cIiBbY2xhc3MucHJlc3NlZF09XCJpc0JhY2tCdXR0b25QcmVzc2VkXCJcbiAgICAgICAgIChtb3VzZWRvd24pPVwiaXNCYWNrQnV0dG9uUHJlc3NlZCA9IHRydWVcIiAobW91c2V1cCk9XCJpc0JhY2tCdXR0b25QcmVzc2VkID0gZmFsc2VcIiAoY2xpY2spPVwiYmFja0FjdGlvbigpXCJcbiAgICAgICAgIChtb3VzZWxlYXZlKT1cImlzQmFja0J1dHRvblByZXNzZWQgPSBmYWxzZVwiICh0b3VjaHN0YXJ0KT1cImlzQmFja0J1dHRvblByZXNzZWQgPSB0cnVlXCI+XG5cbiAgICAgIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tYmFjay1idXR0b24tY29sb3IpJ1wiIFtpY29uU2l6ZV09XCInc20tMTInXCIgW2ljb25OYW1lXT1cIidhcnJvdy1sZWZ0J1wiLz5cbiAgICAgIDxzcGFuIGNsYXNzPVwiJ2hyLWxhYmVsIG1kLXJlZ3VsYXInKVwiPnt7IGxhbmd1YWdlID09PSAnZW4nID8gJ0JhY2snIDogJ0F0csOhcycgfX08L3NwYW4+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwiYnJlYWRDcnVtYj8ubGlzdD8ubGVuZ3RoID4gMFwiIGNsYXNzPVwiYnJlYWRjcnVtYlwiPlxuICAgICAgPGdyYXZpdHktaWNvbiAqbmdJZj1cImJyZWFkQ3J1bWIuaWNvblwiIGNsYXNzPVwiZ3Jhdml0eS1tYXJnaW4tcmlnaHQteHNcIiBbaWNvblNpemVdPVwiJ21kLTE2J1wiXG4gICAgICAgICAgICAgICAgICAgIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWJyZWFkY3J1bWItYnV0dG9uLWJhc2UtcHJpbWFyeSknXCIgW2ljb25OYW1lXT1cImJyZWFkQ3J1bWIuaWNvblwiLz5cblxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBicmVhZENydW1iLmxpc3Q7IGxldCBsYXN0ID0gbGFzdDsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnJlYWRjcnVtYi1pdGVtXCIgW2NsYXNzLmlzLWxhc3RdPVwibGFzdFwiIFtjbGFzcy5oYXMtcHJldl09XCJpICE9PSAwXCJcbiAgICAgICAgICAgICAobW91c2Vkb3duKT1cIml0ZW0uaXNQcmVzc2VkID0gdHJ1ZVwiIChtb3VzZXVwKT1cIml0ZW0uaXNQcmVzc2VkID0gZmFsc2VcIlxuICAgICAgICAgICAgIChtb3VzZWxlYXZlKT1cIml0ZW0uaXNQcmVzc2VkID0gZmFsc2VcIiAodG91Y2hzdGFydCk9XCJpdGVtLmlzUHJlc3NlZCA9IHRydWVcIj5cbiAgICAgICAgICA8c3BhbiBbbmdDbGFzc109XCInaHItYm9keSAnICsgKHJlc29sdXRpb24gPT09ICd4bCcgPyAnbWQtcmVndWxhcicgOiAnc20tcmVndWxhcicpXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MucHJlc3NlZF09XCJpdGVtLmlzUHJlc3NlZFwiIChjbGljayk9XCIhbGFzdCAmJiBpdGVtLmNhbGxiYWNrPy4oKVwiPnt7IGl0ZW0udGV4dCB9fSA8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG5cbiAgICA8aDEgKm5nSWY9XCIhYmFja0J1dHRvbiAmJiAhaXNNb2JpbGUoKSAmJiBicmVhZENydW1iPy5saXN0Py5sZW5ndGggPCAxXCIgY2xhc3M9XCJoci1oZWFkbGluZSBtZC1ib2xkIHhsLWxnXCI+e3sgdGl0bGUgfX08L2gxPlxuXG4gICAgPHNwYW4gKm5nSWY9XCJpc01vYmlsZSgpICYmIGJhY2tCdXR0b25cIiBjbGFzcz1cIidoci1ib2R5IG1kLWJvbGQnXCI+IHt7IGxvbmdUaXRsZSB9fSA8L3NwYW4+XG5cbiAgICA8ZGl2IGNsYXNzPVwibWFpbi1hY3Rpb25zXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbWFpbi1hY3Rpb25zXVwiLz5cblxuICAgICAgPGdyYXZpdHktcHVzaC1ub3RpZmljYXRpb25zICpuZ0lmPVwibm90aWZpY2F0aW9uc1wiIFt1c2VyTm90aWZpY2F0aW9uc109XCJ1c2VyTm90aWZpY2F0aW9uc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKHZpZXdlZE5vdGlmaWNhdGlvbnNSZXNwb25zZSk9XCJoYW5kbGVWaWV3ZWROb3RpZmljYXRpb25zUmVzcG9uc2UoJGV2ZW50KVwiLz5cblxuICAgICAgPGdyYXZpdHktaWNvbiAqbmdJZj1cImlzTW9iaWxlKClcIiAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tYmFjay1idXR0b24tY29sb3IpJ1wiIFtpY29uU2l6ZV09XCInbGctMjQnXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cImlzTWVudU9wZW4gPyAndW5zdWNjZXNzJyA6ICdtZW51J1wiIChjbGljayk9XCJ0b2dnbGVNZW51KClcIlxuICAgICAgICAgICAgICAgICAgICBbQGljb25Ub2dnbGVdPVwiaWNvblRvZ2dsZSA/ICdvcGVuJyA6ICdjbG9zZWQnXCIvPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG5cbiAgPHNlY3Rpb24gKm5nSWY9XCIhaXNNb2JpbGUoKSAmJiAoYmFja0J1dHRvbiB8fCBicmVhZENydW1iPy5saXN0Py5sZW5ndGggPiAwKSAmJiB0aXRsZVwiIGNsYXNzPVwic2Vjb25kLWxldmVsXCI+XG4gICAgPGgxIGNsYXNzPVwiaHItaGVhZGxpbmUgbWQtYm9sZFwiPnt7IHRpdGxlIH19PC9oMT5cbiAgPC9zZWN0aW9uPlxuXG4gIDxzZWN0aW9uICpuZ0lmPVwiaXNNb2JpbGUoKSAmJiAhYmFja0J1dHRvbiAmJiB0aXRsZVwiIGNsYXNzPVwic2Vjb25kLWxldmVsXCI+XG4gICAgPGgxIFtuZ0NsYXNzXT1cIidoci10aXRsZSAnICsgKHJlc29sdXRpb24gPT09ICdtZCcgPyAnbGctYm9sZCcgOiAnbWQtYm9sZCcpXCI+e3sgdGl0bGUgfX08L2gxPlxuICA8L3NlY3Rpb24+XG5cbjwvZGl2PiJdfQ==
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvbGF5b3V0L2dyYXZpdHktaGVhZGVyL2dyYXZpdHktaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2xheW91dC9ncmF2aXR5LWhlYWRlci9ncmF2aXR5LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFjckUsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQVlpQixhQUFRLEdBQWdCLElBQUksQ0FBQztRQUM3QixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQWM5Qix1QkFBa0IsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1RCx1QkFBa0IsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMvRCxnQ0FBMkIsR0FBa0QsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV6RyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUU5QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLHdCQUFtQixHQUFZLEtBQUssQ0FBQztLQW9CNUM7SUFyQ0EsSUFDSSxVQUFVLENBQUMsS0FBYztRQUM1QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ2IsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3pCLENBQUM7SUFXTSxVQUFVO1FBQ2hCLFVBQVUsQ0FBQztZQUNWLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2hELENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7SUFDbEIsQ0FBQztJQUVNLFVBQVU7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxpQ0FBaUMsQ0FBQyxNQUF1QztRQUMvRSxJQUFJLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTSxRQUFRO1FBQ2QsT0FBTyxJQUFJLENBQUMsVUFBVSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLElBQUksQ0FBQztJQUN6RixDQUFDOytHQTlDVyxzQkFBc0I7bUdBQXRCLHNCQUFzQixpZUNkbkMseTRGQWtETTs7NEZEcENPLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBTVgsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLGlCQUFpQjtzQkFBaEMsS0FBSztnQkFHRixVQUFVO3NCQURiLEtBQUs7Z0JBVVcsa0JBQWtCO3NCQUFsQyxNQUFNO2dCQUNVLGtCQUFrQjtzQkFBbEMsTUFBTTtnQkFDVSwyQkFBMkI7c0JBQTNDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Tm90aWZpY2F0aW9uVmlld2VkU3RhdHVzUmVxdWVzdCwgVXNlck5vdGlmaWNhdGlvbnN9IGZyb20gXCIuLi8uLi9tb2RlbC9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy5tb2RlbFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJyZWFkQ3J1bWIge1xuXHRpY29uPzogc3RyaW5nO1xuXHRsaXN0PzogeyB0ZXh0OiBzdHJpbmc7IGNhbGxiYWNrPzogKCkgPT4gdm9pZDsgaXNQcmVzc2VkPzogYm9vbGVhbiB9IFtdO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuXG5leHBvcnQgY2xhc3MgR3Jhdml0eUhlYWRlckNvbXBvbmVudCB7XG5cdEBJbnB1dCgpIHB1YmxpYyB0aXRsZTogc3RyaW5nO1xuXHRASW5wdXQoKSBwdWJsaWMgbG9nb1VybDogc3RyaW5nO1xuXHRASW5wdXQoKSBwdWJsaWMgbG9uZ1RpdGxlOiBzdHJpbmc7XG5cdEBJbnB1dCgpIHB1YmxpYyBiYWNrQnV0dG9uOiBib29sZWFuO1xuXHRASW5wdXQoKSBwdWJsaWMgYnJlYWRDcnVtYjogQnJlYWRDcnVtYjtcblx0QElucHV0KCkgcHVibGljIGxhbmd1YWdlOiAnZW4nIHwgJ2VzJyA9ICdlbic7XG5cdEBJbnB1dCgpIHB1YmxpYyBub3RpZmljYXRpb25zOiBib29sZWFuID0gZmFsc2U7XG5cdEBJbnB1dCgpIHB1YmxpYyByZXNvbHV0aW9uOiAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJztcblx0QElucHV0KCkgcHVibGljIHVzZXJOb3RpZmljYXRpb25zOiBVc2VyTm90aWZpY2F0aW9ucyB8IHVuZGVmaW5lZDtcblxuXHRASW5wdXQoKVxuXHRzZXQgaXNNZW51T3Blbih2YWx1ZTogYm9vbGVhbikge1xuXHRcdHRoaXMuaWNvblRvZ2dsZSA9IHZhbHVlO1xuXHRcdHRoaXMuX2lzTWVudU9wZW4gPSB2YWx1ZTtcblx0fVxuXG5cdGdldCBpc01lbnVPcGVuKCkge1xuXHRcdHJldHVybiB0aGlzLl9pc01lbnVPcGVuO1xuXHR9XG5cblx0QE91dHB1dCgpIHB1YmxpYyBiYWNrQnV0dG9uUmVzcG9uc2U6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblx0QE91dHB1dCgpIHB1YmxpYyB0b2dnbGVNZW51UmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblx0QE91dHB1dCgpIHB1YmxpYyB2aWV3ZWROb3RpZmljYXRpb25zUmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxOb3RpZmljYXRpb25WaWV3ZWRTdGF0dXNSZXF1ZXN0PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHRwcml2YXRlIF9pc01lbnVPcGVuOiBib29sZWFuID0gZmFsc2U7XG5cblx0cHVibGljIGljb25Ub2dnbGU6IGJvb2xlYW4gPSBmYWxzZTtcblx0cHVibGljIGlzQmFja0J1dHRvblByZXNzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuXHRwdWJsaWMgdG9nZ2xlTWVudSAoKSB7XG5cdFx0c2V0VGltZW91dChmdW5jdGlvbiAoKSB7XG5cdFx0XHR0aGlzLnRvZ2dsZU1lbnVSZXNwb25zZS5lbWl0KHRoaXMuX2lzTWVudU9wZW4pO1xuXHRcdH0uYmluZCh0aGlzKSwgNjUpXG5cdH1cblxuXHRwdWJsaWMgYmFja0FjdGlvbigpe1xuXHRcdHRoaXMuYmFja0J1dHRvblJlc3BvbnNlLmVtaXQoKTtcblx0fVxuXG5cdHB1YmxpYyBoYW5kbGVWaWV3ZWROb3RpZmljYXRpb25zUmVzcG9uc2UoJGV2ZW50OiBOb3RpZmljYXRpb25WaWV3ZWRTdGF0dXNSZXF1ZXN0KXtcblx0XHR0aGlzLnZpZXdlZE5vdGlmaWNhdGlvbnNSZXNwb25zZS5lbWl0KCRldmVudCk7XG5cdH1cblxuXHRwdWJsaWMgaXNNb2JpbGUoKXtcblx0XHRyZXR1cm4gdGhpcy5yZXNvbHV0aW9uID09PSAneHMnIHx8IHRoaXMucmVzb2x1dGlvbiA9PT0gJ3NtJyB8fCB0aGlzLnJlc29sdXRpb24gPT09ICdtZCc7XG5cdH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktaGVhZGVyXCIgW2NsYXNzLm1vYmlsZV09XCJpc01vYmlsZSgpXCI+XG4gIDxzZWN0aW9uIGNsYXNzPVwiZmlyc3QtbGV2ZWxcIiBbY2xhc3MubG9uZy10aXRsZV09XCJsb25nVGl0bGVcIj5cbiAgICA8c3ZnLWljb24gKm5nSWY9XCJpc01vYmlsZSgpICYmIGxvZ29VcmwgJiYgIWJhY2tCdXR0b25cIiBjbGFzcz1cImxvZ28taGVhZGVyXCIgW3NyY109XCJsb2dvVXJsXCIvPlxuXG4gICAgPGRpdiAqbmdJZj1cImJhY2tCdXR0b24gJiYgYnJlYWRDcnVtYj8ubGlzdD8ubGVuZ3RoIDwgMVwiXG4gICAgICAgICBjbGFzcz1cImJhY2stYnV0dG9uXCIgW2NsYXNzLnByZXNzZWRdPVwiaXNCYWNrQnV0dG9uUHJlc3NlZFwiXG4gICAgICAgICAobW91c2Vkb3duKT1cImlzQmFja0J1dHRvblByZXNzZWQgPSB0cnVlXCIgKG1vdXNldXApPVwiaXNCYWNrQnV0dG9uUHJlc3NlZCA9IGZhbHNlXCIgKGNsaWNrKT1cImJhY2tBY3Rpb24oKVwiXG4gICAgICAgICAobW91c2VsZWF2ZSk9XCJpc0JhY2tCdXR0b25QcmVzc2VkID0gZmFsc2VcIiAodG91Y2hzdGFydCk9XCJpc0JhY2tCdXR0b25QcmVzc2VkID0gdHJ1ZVwiPlxuXG4gICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWJhY2stYnV0dG9uLWNvbG9yKSdcIiBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiIFtpY29uTmFtZV09XCInYXJyb3ctbGVmdCdcIi8+XG4gICAgICA8c3BhbiBjbGFzcz1cIidoci1sYWJlbCBtZC1yZWd1bGFyJylcIj57eyBsYW5ndWFnZSA9PT0gJ2VuJyA/ICdCYWNrJyA6ICdBdHLDoXMnIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdJZj1cImJyZWFkQ3J1bWI/Lmxpc3Q/Lmxlbmd0aCA+IDAgJiYgKHJlc29sdXRpb24gPT09ICdsZycgfHwgcmVzb2x1dGlvbiA9PT0gJ3hsJyApXCIgY2xhc3M9XCJicmVhZGNydW1iXCI+XG4gICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiYnJlYWRDcnVtYi5pY29uXCIgY2xhc3M9XCJncmF2aXR5LW1hcmdpbi1yaWdodC14c1wiIFtpY29uU2l6ZV09XCInbWQtMTYnXCJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tYnJlYWRjcnVtYi1idXR0b24tYmFzZS1wcmltYXJ5KSdcIiBbaWNvbk5hbWVdPVwiYnJlYWRDcnVtYi5pY29uXCIvPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGJyZWFkQ3J1bWIubGlzdDsgbGV0IGxhc3QgPSBsYXN0OyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW1cIiBbY2xhc3MuaXMtbGFzdF09XCJsYXN0XCIgW2NsYXNzLmhhcy1wcmV2XT1cImkgIT09IDBcIlxuICAgICAgICAgICAgIChtb3VzZWRvd24pPVwiaXRlbS5pc1ByZXNzZWQgPSB0cnVlXCIgKG1vdXNldXApPVwiaXRlbS5pc1ByZXNzZWQgPSBmYWxzZVwiXG4gICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwiaXRlbS5pc1ByZXNzZWQgPSBmYWxzZVwiICh0b3VjaHN0YXJ0KT1cIml0ZW0uaXNQcmVzc2VkID0gdHJ1ZVwiPlxuICAgICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cIidoci1ib2R5ICcgKyAocmVzb2x1dGlvbiA9PT0gJ3hsJyA/ICdtZC1yZWd1bGFyJyA6ICdzbS1yZWd1bGFyJylcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5wcmVzc2VkXT1cIml0ZW0uaXNQcmVzc2VkXCIgKGNsaWNrKT1cIiFsYXN0ICYmIGl0ZW0uY2FsbGJhY2s/LigpXCI+e3sgaXRlbS50ZXh0IH19IDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cblxuICAgIDxoMSAqbmdJZj1cIiFiYWNrQnV0dG9uICYmICFpc01vYmlsZSgpICYmIGJyZWFkQ3J1bWI/Lmxpc3Q/Lmxlbmd0aCA8IDFcIiBjbGFzcz1cImhyLWhlYWRsaW5lIG1kLWJvbGQgeGwtbGdcIj57eyB0aXRsZSB9fTwvaDE+XG5cbiAgICA8c3BhbiAqbmdJZj1cImlzTW9iaWxlKCkgJiYgYmFja0J1dHRvblwiIGNsYXNzPVwiJ2hyLWJvZHkgbWQtYm9sZCdcIj4ge3sgbG9uZ1RpdGxlIH19IDwvc3Bhbj5cblxuICAgIDxkaXYgY2xhc3M9XCJtYWluLWFjdGlvbnNcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttYWluLWFjdGlvbnNdXCIvPlxuXG4gICAgICA8Z3Jhdml0eS1wdXNoLW5vdGlmaWNhdGlvbnMgKm5nSWY9XCJub3RpZmljYXRpb25zXCIgW3VzZXJOb3RpZmljYXRpb25zXT1cInVzZXJOb3RpZmljYXRpb25zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAodmlld2VkTm90aWZpY2F0aW9uc1Jlc3BvbnNlKT1cImhhbmRsZVZpZXdlZE5vdGlmaWNhdGlvbnNSZXNwb25zZSgkZXZlbnQpXCIvPlxuXG4gICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiaXNNb2JpbGUoKVwiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWJhY2stYnV0dG9uLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgICBbaWNvblNpemVdPVwiJ2xnLTI0J1wiIFtpY29uTmFtZV09XCInbWVudSdcIiAoY2xpY2spPVwidG9nZ2xlTWVudSgpXCIvPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG5cbiAgPHNlY3Rpb24gKm5nSWY9XCIhaXNNb2JpbGUoKSAmJiAoYmFja0J1dHRvbiB8fCBicmVhZENydW1iPy5saXN0Py5sZW5ndGggPiAwKSAmJiB0aXRsZVwiIGNsYXNzPVwic2Vjb25kLWxldmVsXCI+XG4gICAgPGgxIGNsYXNzPVwiaHItaGVhZGxpbmUgbWQtYm9sZFwiPnt7IHRpdGxlIH19PC9oMT5cbiAgPC9zZWN0aW9uPlxuXG4gIDxzZWN0aW9uICpuZ0lmPVwiaXNNb2JpbGUoKSAmJiAhYmFja0J1dHRvbiAmJiB0aXRsZVwiIGNsYXNzPVwic2Vjb25kLWxldmVsXCI+XG4gICAgPGgxIFtuZ0NsYXNzXT1cIidoci10aXRsZSAnICsgKHJlc29sdXRpb24gPT09ICdtZCcgPyAnbGctYm9sZCcgOiAnbWQtYm9sZCcpXCI+e3sgdGl0bGUgfX08L2gxPlxuICA8L3NlY3Rpb24+XG5cbjwvZGl2PiJdfQ==
|