@testgorilla/tgo-ui 3.2.1 → 3.2.2
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/components/side-panel/side-panel.model.d.ts +1 -0
- package/esm2022/components/side-panel/side-panel.component.mjs +4 -4
- package/esm2022/components/side-panel/side-panel.model.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -13,6 +13,7 @@ export declare class SidePanelConfig {
|
|
|
13
13
|
data?: unknown;
|
|
14
14
|
showCloseButton?: boolean;
|
|
15
15
|
showHeader?: boolean;
|
|
16
|
+
panelClass?: string;
|
|
16
17
|
}
|
|
17
18
|
export declare const defaultSidePanelConfig: SidePanelConfig;
|
|
18
19
|
export declare const SIDE_PANEL_CONFIG: InjectionToken<SidePanelConfig>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AsyncPipe } from '@angular/common';
|
|
1
|
+
import { AsyncPipe, NgClass } from '@angular/common';
|
|
2
2
|
import { ChangeDetectionStrategy, Component, computed, inject, signal, viewChild, ViewContainerRef } from '@angular/core';
|
|
3
3
|
import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
|
|
4
4
|
import { LanguageService } from '../../utils/localization/language.service';
|
|
@@ -42,10 +42,10 @@ export class SidePanelComponent {
|
|
|
42
42
|
}, sidePanelAnimationDuration);
|
|
43
43
|
}
|
|
44
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidePanelComponent, isStandalone: true, selector: "ui-side-panel", viewQueries: [{ propertyName: "sidePanelContainer", first: true, predicate: ["sidePanelContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "sidePanel", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "backdrop", first: true, predicate: ["sidePanelBackdrop"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\r\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\r\n @if (sidePanelConfig.showHeader) {\r\n <div class=\"side-panel-header\">\r\n <div class=\"side-panel-title-container\">\r\n @if (sidePanelConfig.showBackButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Arrow-chevron-left-filled'\"\r\n (click)=\"close()\"\r\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n <span class=\"side-panel-title\">{{ sidePanelConfig.title }}</span>\r\n </div>\r\n @if (sidePanelConfig.showCloseButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Close'\"\r\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\r\n (click)=\"close()\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"side-panel-content\">\r\n <ng-container #sidePanelContainer></ng-container>\r\n </div>\r\n</div>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:40px}\n"], dependencies: [{ kind: "ngmodule", type: TooltipComponentModule }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i1.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidePanelComponent, isStandalone: true, selector: "ui-side-panel", viewQueries: [{ propertyName: "sidePanelContainer", first: true, predicate: ["sidePanelContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "sidePanel", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "backdrop", first: true, predicate: ["sidePanelBackdrop"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\r\n<div class=\"side-panel\" [ngClass]=\"sidePanelConfig.panelClass\" #sidePanel [@slideInOut]=\"animation()\">\r\n @if (sidePanelConfig.showHeader) {\r\n <div class=\"side-panel-header\">\r\n <div class=\"side-panel-title-container\">\r\n @if (sidePanelConfig.showBackButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Arrow-chevron-left-filled'\"\r\n (click)=\"close()\"\r\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n <span class=\"side-panel-title\">{{ sidePanelConfig.title }}</span>\r\n </div>\r\n @if (sidePanelConfig.showCloseButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Close'\"\r\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\r\n (click)=\"close()\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"side-panel-content\">\r\n <ng-container #sidePanelContainer></ng-container>\r\n </div>\r\n</div>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto;flex:1}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:40px}\n"], dependencies: [{ kind: "ngmodule", type: TooltipComponentModule }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i1.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
46
46
|
}
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
|
-
args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe], template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\r\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\r\n @if (sidePanelConfig.showHeader) {\r\n <div class=\"side-panel-header\">\r\n <div class=\"side-panel-title-container\">\r\n @if (sidePanelConfig.showBackButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Arrow-chevron-left-filled'\"\r\n (click)=\"close()\"\r\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n <span class=\"side-panel-title\">{{ sidePanelConfig.title }}</span>\r\n </div>\r\n @if (sidePanelConfig.showCloseButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Close'\"\r\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\r\n (click)=\"close()\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"side-panel-content\">\r\n <ng-container #sidePanelContainer></ng-container>\r\n </div>\r\n</div>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:40px}\n"] }]
|
|
49
|
+
args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe, NgClass], template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\r\n<div class=\"side-panel\" [ngClass]=\"sidePanelConfig.panelClass\" #sidePanel [@slideInOut]=\"animation()\">\r\n @if (sidePanelConfig.showHeader) {\r\n <div class=\"side-panel-header\">\r\n <div class=\"side-panel-title-container\">\r\n @if (sidePanelConfig.showBackButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Arrow-chevron-left-filled'\"\r\n (click)=\"close()\"\r\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n <span class=\"side-panel-title\">{{ sidePanelConfig.title }}</span>\r\n </div>\r\n @if (sidePanelConfig.showCloseButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Close'\"\r\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\r\n (click)=\"close()\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"side-panel-content\">\r\n <ng-container #sidePanelContainer></ng-container>\r\n </div>\r\n</div>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto;flex:1}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:40px}\n"] }]
|
|
50
50
|
}], ctorParameters: () => [] });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBRVIsTUFBTSxFQUNOLE1BQU0sRUFDTixTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDNUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLDBCQUEwQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDNUcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGVBQWUsRUFBcUIsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7O0FBV3hELE1BQU0sT0FBTyxrQkFBa0I7SUFzQjdCO1FBckJBLHNCQUFpQixHQUFHLE1BQU0sQ0FBb0IsT0FBTyxDQUFDLENBQUM7UUFFdkQsdUJBQWtCLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDMUYsY0FBUyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQTZCLFdBQVcsQ0FBQyxDQUFDO1FBQ3hFLGFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUE2QixtQkFBbUIsQ0FBQyxDQUFDO1FBQy9FLGFBQVEsR0FBRyxlQUFlLENBQUMsZUFBZSxDQUFDO1FBQzNDLFdBQU0sR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFaEMsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDeEIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztnQkFDbEIsT0FBTyx1QkFBdUIsQ0FBQyxJQUFJLENBQUM7WUFDdEMsQ0FBQztZQUVELE9BQU8sSUFBSSxDQUFDLGlCQUFpQixFQUFFLEtBQUssTUFBTTtnQkFDeEMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLFVBQVU7Z0JBQ3BDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxXQUFXLENBQUM7UUFDMUMsQ0FBQyxDQUFDLENBQUM7UUFFSyxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUcvQyxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUMxQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxJQUFJO1FBQ0YsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDM0MsQ0FBQyxFQUFFLDBCQUEwQixDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0F0Q1Usa0JBQWtCO21HQUFsQixrQkFBa0IsOEtBR3lDLGdCQUFnQixzUUMvQnhGLGsxQ0FrQ0EsMmpHRFJZLHNCQUFzQiw4QkFBRSxxQkFBcUIscWhCQUFFLGVBQWUsK0NBQUUsU0FBUyw4Q0FBRSxPQUFPLHNFQUhoRixDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDOzs0RkFLeEMsa0JBQWtCO2tCQVQ5QixTQUFTOytCQUNFLGVBQWUsY0FHYixDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDLG1CQUNsQyx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLHNCQUFzQixFQUFFLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgY29tcHV0ZWQsXHJcbiAgRWxlbWVudFJlZixcclxuICBpbmplY3QsXHJcbiAgc2lnbmFsLFxyXG4gIHZpZXdDaGlsZCxcclxuICBWaWV3Q29udGFpbmVyUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFVpVHJhbnNsYXRlUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3VpLXRyYW5zbGF0ZS5waXBlJztcclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvbG9jYWxpemF0aW9uL2xhbmd1YWdlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBUb29sdGlwQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBiYWNrZHJvcEFuaW1hdGlvbiwgc2lkZVBhbmVsQW5pbWF0aW9uLCBzaWRlUGFuZWxBbmltYXRpb25EdXJhdGlvbiB9IGZyb20gJy4vc2lkZS1wYW5lbC5hbmltYXRpb25zJztcclxuaW1wb3J0IHsgU2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUsIFNpZGVQYW5lbENvbmZpZywgU2lkZVBhbmVsUG9zaXRpb24gfSBmcm9tICcuL3NpZGUtcGFuZWwubW9kZWwnO1xyXG5pbXBvcnQgeyBTaWRlUGFuZWxTZXJ2aWNlIH0gZnJvbSAnLi9zaWRlLXBhbmVsLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1aS1zaWRlLXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1wYW5lbC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtzaWRlUGFuZWxBbmltYXRpb24sIGJhY2tkcm9wQW5pbWF0aW9uXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtUb29sdGlwQ29tcG9uZW50TW9kdWxlLCBCdXR0b25Db21wb25lbnRNb2R1bGUsIFVpVHJhbnNsYXRlUGlwZSwgQXN5bmNQaXBlLCBOZ0NsYXNzXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGVQYW5lbENvbXBvbmVudCB7XHJcbiAgc2lkZVBhbmVsUG9zaXRpb24gPSBzaWduYWw8U2lkZVBhbmVsUG9zaXRpb24+KCdyaWdodCcpO1xyXG5cclxuICBzaWRlUGFuZWxDb250YWluZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoJ3NpZGVQYW5lbENvbnRhaW5lcicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KTtcclxuICBzaWRlUGFuZWwgPSB2aWV3Q2hpbGQucmVxdWlyZWQ8RWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4+KCdzaWRlUGFuZWwnKTtcclxuICBiYWNrZHJvcCA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50Pj4oJ3NpZGVQYW5lbEJhY2tkcm9wJyk7XHJcbiAgbGFuZ3VhZ2UgPSBMYW5ndWFnZVNlcnZpY2UuZGVmYXVsdExhbmd1YWdlO1xyXG4gIGlzT3BlbiA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XHJcblxyXG4gIGFuaW1hdGlvbiA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIGlmICh0aGlzLmlzT3BlbigpKSB7XHJcbiAgICAgIHJldHVybiBTaWRlUGFuZWxBbmltYXRpb25TdGF0ZS5PcGVuO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiB0aGlzLnNpZGVQYW5lbFBvc2l0aW9uKCkgPT09ICdsZWZ0J1xyXG4gICAgICA/IFNpZGVQYW5lbEFuaW1hdGlvblN0YXRlLkNsb3NlZExlZnRcclxuICAgICAgOiBTaWRlUGFuZWxBbmltYXRpb25TdGF0ZS5DbG9zZWRSaWdodDtcclxuICB9KTtcclxuXHJcbiAgcHJpdmF0ZSBzaWRlUGFuZWxTZXJ2aWNlID0gaW5qZWN0KFNpZGVQYW5lbFNlcnZpY2UpO1xyXG4gIHB1YmxpYyBzaWRlUGFuZWxDb25maWcgPSBpbmplY3QoU2lkZVBhbmVsQ29uZmlnKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICBjb25zdCB7IHBvc2l0aW9uIH0gPSB0aGlzLnNpZGVQYW5lbENvbmZpZztcclxuICAgIHRoaXMuc2lkZVBhbmVsUG9zaXRpb24uc2V0KHBvc2l0aW9uKTtcclxuICB9XHJcblxyXG4gIG9wZW4oKTogdm9pZCB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5pc09wZW4uc2V0KHRydWUpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBjbG9zZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNPcGVuLnNldChmYWxzZSk7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5zaWRlUGFuZWxTZXJ2aWNlLmRlc3Ryb3lDb21wb25lbnQoKTtcclxuICAgIH0sIHNpZGVQYW5lbEFuaW1hdGlvbkR1cmF0aW9uKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNpZGUtcGFuZWwtYmFja2Ryb3BcIiAjc2lkZVBhbmVsQmFja2Ryb3AgKGNsaWNrKT1cImNsb3NlKClcIiBbQGZhZGVJbk91dF09XCJpc09wZW4oKSA/ICdvcGVuJyA6ICdjbG9zZWQnXCI+PC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsXCIgW25nQ2xhc3NdPVwic2lkZVBhbmVsQ29uZmlnLnBhbmVsQ2xhc3NcIiAjc2lkZVBhbmVsIFtAc2xpZGVJbk91dF09XCJhbmltYXRpb24oKVwiPlxyXG4gIEBpZiAoc2lkZVBhbmVsQ29uZmlnLnNob3dIZWFkZXIpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLWhlYWRlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic2lkZS1wYW5lbC10aXRsZS1jb250YWluZXJcIj5cclxuICAgICAgICBAaWYgKHNpZGVQYW5lbENvbmZpZy5zaG93QmFja0J1dHRvbikge1xyXG4gICAgICAgICAgPHVpLWJ1dHRvblxyXG4gICAgICAgICAgICBjbGFzcz1cInNpZGUtcGFuZWwtYWN0aW9uXCJcclxuICAgICAgICAgICAgW3ZhcmlhbnRdPVwiJ2ljb24tYnV0dG9uJ1wiXHJcbiAgICAgICAgICAgIFtpY29uTmFtZV09XCInQXJyb3ctY2hldnJvbi1sZWZ0LWZpbGxlZCdcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwiY2xvc2UoKVwiXHJcbiAgICAgICAgICAgIFt0b29sdGlwXT1cIignQ09NTU9OLkJBQ0snIHwgdWlUcmFuc2xhdGUgfCBhc3luYykhXCJcclxuICAgICAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXHJcbiAgICAgICAgICA+PC91aS1idXR0b24+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2lkZS1wYW5lbC10aXRsZVwiPnt7IHNpZGVQYW5lbENvbmZpZy50aXRsZSB9fTwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIEBpZiAoc2lkZVBhbmVsQ29uZmlnLnNob3dDbG9zZUJ1dHRvbikge1xyXG4gICAgICAgIDx1aS1idXR0b25cclxuICAgICAgICAgIGNsYXNzPVwic2lkZS1wYW5lbC1hY3Rpb25cIlxyXG4gICAgICAgICAgW3ZhcmlhbnRdPVwiJ2ljb24tYnV0dG9uJ1wiXHJcbiAgICAgICAgICBbaWNvbk5hbWVdPVwiJ0Nsb3NlJ1wiXHJcbiAgICAgICAgICBbdG9vbHRpcF09XCIoJ0NPTU1PTi5DTE9TRScgfCB1aVRyYW5zbGF0ZSB8IGFzeW5jKSFcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxyXG4gICAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXHJcbiAgICAgICAgPjwvdWktYnV0dG9uPlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLWNvbnRlbnRcIj5cclxuICAgIDxuZy1jb250YWluZXIgI3NpZGVQYW5lbENvbnRhaW5lcj48L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -20,4 +20,4 @@ export const SIDE_PANEL_CONFIG = new InjectionToken('SIDE_PANEL_CONFIG', {
|
|
|
20
20
|
providedIn: 'root',
|
|
21
21
|
factory: () => defaultSidePanelConfig,
|
|
22
22
|
});
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXBhbmVsL3NpZGUtcGFuZWwubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUkvQyxNQUFNLENBQU4sSUFBWSx1QkFLWDtBQUxELFdBQVksdUJBQXVCO0lBQ2pDLHdDQUFhLENBQUE7SUFDYiw0Q0FBaUIsQ0FBQTtJQUNqQixzREFBMkIsQ0FBQTtJQUMzQixvREFBeUIsQ0FBQTtBQUMzQixDQUFDLEVBTFcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUtsQztBQUVELE1BQU0sT0FBTyxlQUFlO0NBUTNCO0FBRUQsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQW9CO0lBQ3JELFFBQVEsRUFBRSxPQUFPO0lBQ2pCLGNBQWMsRUFBRSxLQUFLO0lBQ3JCLEtBQUssRUFBRSxFQUFFO0lBQ1QsSUFBSSxFQUFFLFNBQVM7SUFDZixVQUFVLEVBQUUsSUFBSTtJQUNoQixlQUFlLEVBQUUsSUFBSTtDQUN0QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxjQUFjLENBQWtCLG1CQUFtQixFQUFFO0lBQ3hGLFVBQVUsRUFBRSxNQUFNO0lBQ2xCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxzQkFBc0I7Q0FDdEMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmV4cG9ydCB0eXBlIFNpZGVQYW5lbFBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0JztcclxuXHJcbmV4cG9ydCBlbnVtIFNpZGVQYW5lbEFuaW1hdGlvblN0YXRlIHtcclxuICBPcGVuID0gJ29wZW4nLFxyXG4gIENsb3NlZCA9ICdjbG9zZWQnLFxyXG4gIENsb3NlZFJpZ2h0ID0gJ2Nsb3NlZFJpZ2h0JyxcclxuICBDbG9zZWRMZWZ0ID0gJ2Nsb3NlZExlZnQnLFxyXG59XHJcblxyXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVsQ29uZmlnIHtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIHBvc2l0aW9uOiBTaWRlUGFuZWxQb3NpdGlvbjtcclxuICBzaG93QmFja0J1dHRvbjogYm9vbGVhbjtcclxuICBkYXRhPzogdW5rbm93bjtcclxuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xyXG4gIHNob3dIZWFkZXI/OiBib29sZWFuO1xyXG4gIHBhbmVsQ2xhc3M/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBkZWZhdWx0U2lkZVBhbmVsQ29uZmlnOiBTaWRlUGFuZWxDb25maWcgPSB7XHJcbiAgcG9zaXRpb246ICdyaWdodCcsXHJcbiAgc2hvd0JhY2tCdXR0b246IGZhbHNlLFxyXG4gIHRpdGxlOiAnJyxcclxuICBkYXRhOiB1bmRlZmluZWQsXHJcbiAgc2hvd0hlYWRlcjogdHJ1ZSxcclxuICBzaG93Q2xvc2VCdXR0b246IHRydWUsXHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgU0lERV9QQU5FTF9DT05GSUcgPSBuZXcgSW5qZWN0aW9uVG9rZW48U2lkZVBhbmVsQ29uZmlnPignU0lERV9QQU5FTF9DT05GSUcnLCB7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxyXG4gIGZhY3Rvcnk6ICgpID0+IGRlZmF1bHRTaWRlUGFuZWxDb25maWcsXHJcbn0pO1xyXG4iXX0=
|
|
@@ -16244,11 +16244,11 @@ class SidePanelComponent {
|
|
|
16244
16244
|
}, sidePanelAnimationDuration);
|
|
16245
16245
|
}
|
|
16246
16246
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16247
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidePanelComponent, isStandalone: true, selector: "ui-side-panel", viewQueries: [{ propertyName: "sidePanelContainer", first: true, predicate: ["sidePanelContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "sidePanel", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "backdrop", first: true, predicate: ["sidePanelBackdrop"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\r\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\r\n @if (sidePanelConfig.showHeader) {\r\n <div class=\"side-panel-header\">\r\n <div class=\"side-panel-title-container\">\r\n @if (sidePanelConfig.showBackButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Arrow-chevron-left-filled'\"\r\n (click)=\"close()\"\r\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n <span class=\"side-panel-title\">{{ sidePanelConfig.title }}</span>\r\n </div>\r\n @if (sidePanelConfig.showCloseButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Close'\"\r\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\r\n (click)=\"close()\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"side-panel-content\">\r\n <ng-container #sidePanelContainer></ng-container>\r\n </div>\r\n</div>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:40px}\n"], dependencies: [{ kind: "ngmodule", type: TooltipComponentModule }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16247
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidePanelComponent, isStandalone: true, selector: "ui-side-panel", viewQueries: [{ propertyName: "sidePanelContainer", first: true, predicate: ["sidePanelContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "sidePanel", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "backdrop", first: true, predicate: ["sidePanelBackdrop"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\r\n<div class=\"side-panel\" [ngClass]=\"sidePanelConfig.panelClass\" #sidePanel [@slideInOut]=\"animation()\">\r\n @if (sidePanelConfig.showHeader) {\r\n <div class=\"side-panel-header\">\r\n <div class=\"side-panel-title-container\">\r\n @if (sidePanelConfig.showBackButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Arrow-chevron-left-filled'\"\r\n (click)=\"close()\"\r\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n <span class=\"side-panel-title\">{{ sidePanelConfig.title }}</span>\r\n </div>\r\n @if (sidePanelConfig.showCloseButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Close'\"\r\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\r\n (click)=\"close()\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"side-panel-content\">\r\n <ng-container #sidePanelContainer></ng-container>\r\n </div>\r\n</div>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto;flex:1}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:40px}\n"], dependencies: [{ kind: "ngmodule", type: TooltipComponentModule }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16248
16248
|
}
|
|
16249
16249
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelComponent, decorators: [{
|
|
16250
16250
|
type: Component,
|
|
16251
|
-
args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe], template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\r\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\r\n @if (sidePanelConfig.showHeader) {\r\n <div class=\"side-panel-header\">\r\n <div class=\"side-panel-title-container\">\r\n @if (sidePanelConfig.showBackButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Arrow-chevron-left-filled'\"\r\n (click)=\"close()\"\r\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n <span class=\"side-panel-title\">{{ sidePanelConfig.title }}</span>\r\n </div>\r\n @if (sidePanelConfig.showCloseButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Close'\"\r\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\r\n (click)=\"close()\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"side-panel-content\">\r\n <ng-container #sidePanelContainer></ng-container>\r\n </div>\r\n</div>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:40px}\n"] }]
|
|
16251
|
+
args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe, NgClass], template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\r\n<div class=\"side-panel\" [ngClass]=\"sidePanelConfig.panelClass\" #sidePanel [@slideInOut]=\"animation()\">\r\n @if (sidePanelConfig.showHeader) {\r\n <div class=\"side-panel-header\">\r\n <div class=\"side-panel-title-container\">\r\n @if (sidePanelConfig.showBackButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Arrow-chevron-left-filled'\"\r\n (click)=\"close()\"\r\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n <span class=\"side-panel-title\">{{ sidePanelConfig.title }}</span>\r\n </div>\r\n @if (sidePanelConfig.showCloseButton) {\r\n <ui-button\r\n class=\"side-panel-action\"\r\n [variant]=\"'icon-button'\"\r\n [iconName]=\"'Close'\"\r\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\r\n (click)=\"close()\"\r\n size=\"medium\"\r\n ></ui-button>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"side-panel-content\">\r\n <ng-container #sidePanelContainer></ng-container>\r\n </div>\r\n</div>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto;flex:1}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:40px}\n"] }]
|
|
16252
16252
|
}], ctorParameters: () => [] });
|
|
16253
16253
|
|
|
16254
16254
|
// These are the sizes of the canvas, not the chart itself. It includes 40px of padding on all sides.
|