@testgorilla/tgo-ui 1.13.35 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion.component.d.ts +3 -1
- package/components/alert-banner/alert-banner.component.d.ts +11 -3
- package/components/autocomplete/autocomplete.component.d.ts +3 -2
- package/components/avatar/avatar.component.d.ts +4 -2
- package/components/badge/badge.component.d.ts +3 -1
- package/components/banner-action/banner-action.component.d.ts +3 -1
- package/components/button/button.component.d.ts +3 -1
- package/components/card/card.component.d.ts +3 -1
- package/components/checkbox/checkbox.component.d.ts +3 -2
- package/components/confirm-dialog/confirm-dialog.component.d.ts +3 -2
- package/components/datepicker/datepicker.component.d.ts +3 -2
- package/components/dialog/dialog.component.d.ts +5 -4
- package/components/divider/divider.component.d.ts +3 -1
- package/components/dropdown/dropdown.component.d.ts +3 -2
- package/components/elevation-shadow/elevation-shadow.component.d.ts +3 -1
- package/components/empty-state/empty-state.component.d.ts +3 -1
- package/components/field/field.component.d.ts +3 -2
- package/components/file-upload/file-upload.component.d.ts +3 -1
- package/components/icon/icon.component.d.ts +3 -2
- package/components/icon/icon.config.d.ts +1 -1
- package/components/icon-label/icon-label.component.d.ts +3 -2
- package/components/logo/logo.component.d.ts +3 -1
- package/components/navbar/navbar.component.d.ts +3 -1
- package/components/navigation/navigation.component.d.ts +3 -2
- package/components/overflow-menu/overflow-menu.component.d.ts +3 -2
- package/components/page-header/page-header.component.d.ts +3 -2
- package/components/paginator/paginator.component.d.ts +3 -1
- package/components/progress-bar/progress-bar.component.d.ts +3 -2
- package/components/radial-progress/radial-progress.component.d.ts +3 -1
- package/components/radio-button/radio-button.component.d.ts +3 -1
- package/components/rating/rating.component.d.ts +3 -2
- package/components/scale/scale.component.d.ts +3 -2
- package/components/segmented-bar/segmented-bar.component.d.ts +3 -1
- package/components/side-sheet/side-sheet.component.d.ts +3 -2
- package/components/skeleton/skeleton.component.d.ts +3 -1
- package/components/slider/slider.component.d.ts +3 -1
- package/components/snackbar/snackbar.component.d.ts +3 -2
- package/components/spinner/spinner.component.d.ts +3 -1
- package/components/step/step.component.d.ts +3 -1
- package/components/stepper/stepper.component.d.ts +3 -2
- package/components/table/table.component.d.ts +3 -1
- package/components/tabs/tabs.component.d.ts +3 -1
- package/components/tag/tag.component.d.ts +3 -1
- package/components/toggle/toggle.component.d.ts +4 -2
- package/components/tooltip/tooltip.component.d.ts +3 -1
- package/esm2022/components/accordion/accordion.component.mjs +15 -6
- package/esm2022/components/alert-banner/alert-banner.component.mjs +19 -8
- package/esm2022/components/autocomplete/autocomplete.component.mjs +15 -6
- package/esm2022/components/avatar/avatar.component.mjs +15 -6
- package/esm2022/components/badge/badge.component.mjs +15 -6
- package/esm2022/components/banner-action/banner-action.component.mjs +15 -6
- package/esm2022/components/button/button.component.mjs +25 -16
- package/esm2022/components/card/card.component.mjs +15 -6
- package/esm2022/components/checkbox/checkbox.component.mjs +15 -6
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +15 -6
- package/esm2022/components/datepicker/datepicker.component.mjs +15 -6
- package/esm2022/components/dialog/dialog.component.mjs +15 -6
- package/esm2022/components/divider/divider.component.mjs +15 -6
- package/esm2022/components/dropdown/dropdown.component.mjs +15 -6
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +15 -6
- package/esm2022/components/empty-state/empty-state.component.mjs +15 -6
- package/esm2022/components/field/field.component.mjs +15 -6
- package/esm2022/components/file-upload/file-upload.component.mjs +15 -6
- package/esm2022/components/icon/icon.component.mjs +15 -6
- package/esm2022/components/icon/icon.config.mjs +3 -1
- package/esm2022/components/icon-label/icon-label.component.mjs +15 -6
- package/esm2022/components/logo/logo.component.mjs +25 -16
- package/esm2022/components/navbar/navbar.component.mjs +17 -8
- package/esm2022/components/navigation/navigation.component.mjs +15 -6
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +15 -6
- package/esm2022/components/page-header/page-header.component.mjs +15 -6
- package/esm2022/components/paginator/paginator.component.mjs +15 -6
- package/esm2022/components/progress-bar/progress-bar.component.mjs +15 -6
- package/esm2022/components/radial-progress/radial-progress.component.mjs +15 -6
- package/esm2022/components/radio-button/radio-button.component.mjs +21 -12
- package/esm2022/components/rating/rating.component.mjs +15 -6
- package/esm2022/components/scale/scale.component.mjs +15 -6
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +15 -6
- package/esm2022/components/side-sheet/side-sheet.component.mjs +15 -6
- package/esm2022/components/skeleton/skeleton.component.mjs +21 -12
- package/esm2022/components/slider/slider.component.mjs +15 -6
- package/esm2022/components/snackbar/snackbar.component.mjs +14 -5
- package/esm2022/components/spinner/spinner.component.mjs +15 -6
- package/esm2022/components/step/step.component.mjs +15 -6
- package/esm2022/components/stepper/stepper.component.mjs +15 -6
- package/esm2022/components/table/table.component.mjs +40 -31
- package/esm2022/components/tabs/tabs.component.mjs +15 -6
- package/esm2022/components/tag/tag.component.mjs +25 -16
- package/esm2022/components/toggle/toggle.component.mjs +15 -6
- package/esm2022/components/tooltip/tooltip.component.mjs +15 -6
- package/fesm2022/testgorilla-tgo-ui.mjs +647 -247
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/icons/rebrand/Add-filled.svg +3 -0
- package/src/assets/icons/rebrand/Add-in-line.svg +3 -0
- package/src/theme/_input.scss +2 -2
- package/src/theme/theme.scss +4 -0
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "../button/button.component";
|
|
5
5
|
import * as i3 from "@angular/material/menu";
|
|
6
6
|
export class OverflowMenuComponent {
|
|
7
|
-
constructor() {
|
|
7
|
+
constructor(defaultAppTheme) {
|
|
8
|
+
this.defaultAppTheme = defaultAppTheme;
|
|
8
9
|
/**
|
|
9
10
|
* Menu icon trigger
|
|
10
11
|
*
|
|
@@ -24,7 +25,7 @@ export class OverflowMenuComponent {
|
|
|
24
25
|
* @type {ApplicationTheme}
|
|
25
26
|
* @memberof OverflowMenuComponent
|
|
26
27
|
*/
|
|
27
|
-
this.applicationTheme = '
|
|
28
|
+
this.applicationTheme = 'light';
|
|
28
29
|
/**
|
|
29
30
|
* A string representing the ARIA requirement for accessibility.
|
|
30
31
|
* This attribute is used to indicate whether an input field is required for form submission.
|
|
@@ -33,6 +34,9 @@ export class OverflowMenuComponent {
|
|
|
33
34
|
*/
|
|
34
35
|
this.ariaRequired = false;
|
|
35
36
|
this.selectItem = new EventEmitter();
|
|
37
|
+
if (defaultAppTheme) {
|
|
38
|
+
this.applicationTheme = defaultAppTheme;
|
|
39
|
+
}
|
|
36
40
|
}
|
|
37
41
|
ngOnInit() { }
|
|
38
42
|
onSelectItem(event, value) {
|
|
@@ -40,13 +44,18 @@ export class OverflowMenuComponent {
|
|
|
40
44
|
this.selectItem.emit(value);
|
|
41
45
|
}
|
|
42
46
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverflowMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverflowMenuComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
48
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OverflowMenuComponent, selector: "ui-overflow-menu", inputs: { buttons: "buttons", iconTrigger: "iconTrigger", menuLabel: "menuLabel", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", ariaRequired: "ariaRequired" }, outputs: { selectItem: "selectItem" }, ngImport: i0, template: "<div class=\"overflow-menu-container\" [attr.theme]=\"applicationTheme\">\n <ui-button\n [matMenuTriggerFor]=\"menu\"\n [label]=\"menuLabel\"\n [variant]=\"'menuTrigger'\"\n [size]=\"applicationTheme === 'classic' ? 'small' : 'big'\"\n [justIcon]=\"true\"\n [iconName]=\"iconTrigger\"\n (keydown.tab)=\"$event.stopPropagation()\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n [applicationTheme]=\"applicationTheme\"\n [ariaLabel]=\"ariaLabel\"\n [ariaRequired]=\"ariaRequired\"\n class=\"overflow-menu-opener\"\n ></ui-button>\n <mat-menu #menu=\"matMenu\" class=\"overflow-menu\" [overlapTrigger]=\"false\" backdropClass=\"overflow-menu-backdrop\">\n <ui-button\n [applicationTheme]=\"applicationTheme\"\n *ngFor=\"let button of buttons\"\n [fullWidth]=\"true\"\n [disabledScaleOnClick]=\"true\"\n [variant]=\"'menuCell'\"\n iconPosition=\"left\"\n [iconName]=\"button.icon\"\n [label]=\"button.label\"\n [value]=\"button.value\"\n (buttonClickEvent)=\"onSelectItem($event, button.value)\"\n (keydown.Tab)=\"$event.stopPropagation()\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n [ariaLabel]=\"ariaLabel + '--' + button.label\"\n [ngClass]=\"{'destructive': !!button.isDestructive} \"\n ></ui-button>\n </mat-menu>\n</div>\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}:host ::ng-deep .overflow-menu .mat-mdc-menu-content:not(:empty){padding:0}.overflow-menu-backdrop+* .mat-mdc-menu-panel{min-height:0;border-radius:8px;box-shadow:2px 24px 48px 8px #00000014}.overflow-menu-backdrop+* .mat-mdc-menu-content:not(:empty){padding:0}.overflow-menu-backdrop+* ui-button:first-child button.mat-mdc-unelevated-button.menuCell{border-radius:8px 8px 0 0}.overflow-menu-backdrop+* ui-button:last-child button.mat-mdc-unelevated-button.menuCell{border-radius:0 0 8px 8px}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell{color:#cb7b7a}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg{color:#cb7b7a}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover{background-color:#f0dad9}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused{background-color:#f0dad9}[theme=dark] .overflow-menu-backdrop+* .mat-mdc-menu-panel,[theme=light] .overflow-menu-backdrop+* .mat-mdc-menu-panel{min-height:0;border-radius:10px;box-shadow:0 4px 16px #24242414}[theme=dark] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:hover,[theme=light] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:hover{background-color:#fff2fc}[theme=dark] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:active,[theme=light] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:active{background-color:#ffe6fa}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell{color:#e02800!important}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg{color:#e02800!important}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover{background-color:#fff2fc}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:active,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:active{background-color:#ffe6fa}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused{background-color:#ffe6fa}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.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"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
45
49
|
}
|
|
46
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OverflowMenuComponent, decorators: [{
|
|
47
51
|
type: Component,
|
|
48
52
|
args: [{ selector: 'ui-overflow-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"overflow-menu-container\" [attr.theme]=\"applicationTheme\">\n <ui-button\n [matMenuTriggerFor]=\"menu\"\n [label]=\"menuLabel\"\n [variant]=\"'menuTrigger'\"\n [size]=\"applicationTheme === 'classic' ? 'small' : 'big'\"\n [justIcon]=\"true\"\n [iconName]=\"iconTrigger\"\n (keydown.tab)=\"$event.stopPropagation()\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n [applicationTheme]=\"applicationTheme\"\n [ariaLabel]=\"ariaLabel\"\n [ariaRequired]=\"ariaRequired\"\n class=\"overflow-menu-opener\"\n ></ui-button>\n <mat-menu #menu=\"matMenu\" class=\"overflow-menu\" [overlapTrigger]=\"false\" backdropClass=\"overflow-menu-backdrop\">\n <ui-button\n [applicationTheme]=\"applicationTheme\"\n *ngFor=\"let button of buttons\"\n [fullWidth]=\"true\"\n [disabledScaleOnClick]=\"true\"\n [variant]=\"'menuCell'\"\n iconPosition=\"left\"\n [iconName]=\"button.icon\"\n [label]=\"button.label\"\n [value]=\"button.value\"\n (buttonClickEvent)=\"onSelectItem($event, button.value)\"\n (keydown.Tab)=\"$event.stopPropagation()\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n [ariaLabel]=\"ariaLabel + '--' + button.label\"\n [ngClass]=\"{'destructive': !!button.isDestructive} \"\n ></ui-button>\n </mat-menu>\n</div>\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}:host ::ng-deep .overflow-menu .mat-mdc-menu-content:not(:empty){padding:0}.overflow-menu-backdrop+* .mat-mdc-menu-panel{min-height:0;border-radius:8px;box-shadow:2px 24px 48px 8px #00000014}.overflow-menu-backdrop+* .mat-mdc-menu-content:not(:empty){padding:0}.overflow-menu-backdrop+* ui-button:first-child button.mat-mdc-unelevated-button.menuCell{border-radius:8px 8px 0 0}.overflow-menu-backdrop+* ui-button:last-child button.mat-mdc-unelevated-button.menuCell{border-radius:0 0 8px 8px}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell{color:#cb7b7a}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg{color:#cb7b7a}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover{background-color:#f0dad9}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused{background-color:#f0dad9}[theme=dark] .overflow-menu-backdrop+* .mat-mdc-menu-panel,[theme=light] .overflow-menu-backdrop+* .mat-mdc-menu-panel{min-height:0;border-radius:10px;box-shadow:0 4px 16px #24242414}[theme=dark] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:hover,[theme=light] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:hover{background-color:#fff2fc}[theme=dark] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:active,[theme=light] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:active{background-color:#ffe6fa}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell{color:#e02800!important}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg{color:#e02800!important}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover{background-color:#fff2fc}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:active,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:active{background-color:#ffe6fa}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused{background-color:#ffe6fa}\n"] }]
|
|
49
|
-
}], ctorParameters: function () { return [
|
|
53
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
54
|
+
type: Optional
|
|
55
|
+
}, {
|
|
56
|
+
type: Inject,
|
|
57
|
+
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
58
|
+
}] }]; }, propDecorators: { buttons: [{
|
|
50
59
|
type: Input
|
|
51
60
|
}], iconTrigger: [{
|
|
52
61
|
type: Input
|
|
@@ -61,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
61
70
|
}], selectItem: [{
|
|
62
71
|
type: Output
|
|
63
72
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3ctbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vdmVyZmxvdy1tZW51L292ZXJmbG93LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3ZlcmZsb3ctbWVudS9vdmVyZmxvdy1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFBRSxNQUFNLEVBQ3BCLEtBQUssRUFFTCxRQUFRLEVBQ1IsTUFBTSxFQUNOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFhdkIsTUFBTSxPQUFPLHFCQUFxQjtJQWtEaEMsWUFDNkUsZUFBaUM7UUFBakMsb0JBQWUsR0FBZixlQUFlLENBQWtCO1FBMUM5Rzs7OztXQUlHO1FBQ00sZ0JBQVcsR0FBYSxlQUFlLENBQUM7UUFFakQ7Ozs7V0FJRztRQUNNLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFeEI7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQVV0RDs7Ozs7V0FLRztRQUNNLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRXBCLGVBQVUsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUt0RSxJQUFJLGVBQWUsRUFBRTtZQUNuQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFFBQVEsS0FBVSxDQUFDO0lBRW5CLFlBQVksQ0FBQyxLQUFZLEVBQUUsS0FBYTtRQUN0QyxJQUFJLENBQUMsQ0FBQyxLQUFLLEVBQUU7WUFDWCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QjtJQUNILENBQUM7K0dBaEVVLHFCQUFxQixrQkFtRFYsb0NBQW9DO21HQW5EL0MscUJBQXFCLCtRQ3RCbEMsODBDQWtDQTs7NEZEWmEscUJBQXFCO2tCQVJqQyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzswQkFzRDVDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0NBQW9DOzRDQTVDakQsT0FBTztzQkFBZixLQUFLO2dCQU9HLFdBQVc7c0JBQW5CLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFTRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBUUcsU0FBUztzQkFBakIsS0FBSztnQkFRRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsIEluamVjdCxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uTmFtZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2RlbCc7XG5pbXBvcnQgeyBPdmVyZmxvd01lbnVCdXR0b25zVHlwZSB9IGZyb20gJy4vb3ZlcmZsb3ctbWVudS5tb2RlbCc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSBcIi4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1vdmVyZmxvdy1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL292ZXJmbG93LW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vdmVyZmxvdy1tZW51LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJmbG93TWVudUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBNZW51IGJ1dHRvbnNcbiAgICpcbiAgICogQHR5cGUge092ZXJmbG93TWVudUJ1dHRvbnNUeXBlW119XG4gICAqIEBtZW1iZXJvZiBPdmVyZmxvd01lbnVDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGJ1dHRvbnM6IE92ZXJmbG93TWVudUJ1dHRvbnNUeXBlW107XG5cbiAgLyoqXG4gICAqIE1lbnUgaWNvbiB0cmlnZ2VyXG4gICAqXG4gICAqIEBtZW1iZXJvZiBPdmVyZmxvd01lbnVDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGljb25UcmlnZ2VyOiBJY29uTmFtZSA9ICdNZW51LWVsbGlwc2lzJztcblxuICAvKipcbiAgICogTGFiZWwgbWVudVxuICAgKlxuICAgKiBAbWVtYmVyb2YgT3ZlcmZsb3dNZW51Q29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBtZW51TGFiZWwgPSAnJztcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBPdmVyZmxvd01lbnVDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIC8qKlxuICAgKiBBIHN0cmluZyByZXByZXNlbnRpbmcgdGhlIEFSSUEgbGFiZWwgZm9yIGFjY2Vzc2liaWxpdHkuXG4gICAqIFRoaXMgbGFiZWwgaXMgdXNlZCB0byBwcm92aWRlIGFuIGFjY2Vzc2libGUgbmFtZSBmb3IgdGhlIGlucHV0IGVsZW1lbnQuXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBPdmVyZmxvd01lbnVDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFyaWFMYWJlbDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBBIHN0cmluZyByZXByZXNlbnRpbmcgdGhlIEFSSUEgcmVxdWlyZW1lbnQgZm9yIGFjY2Vzc2liaWxpdHkuXG4gICAqIFRoaXMgYXR0cmlidXRlIGlzIHVzZWQgdG8gaW5kaWNhdGUgd2hldGhlciBhbiBpbnB1dCBmaWVsZCBpcyByZXF1aXJlZCBmb3IgZm9ybSBzdWJtaXNzaW9uLlxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICogQG1lbWJlcm9mIE92ZXJmbG93TWVudUNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYXJpYVJlcXVpcmVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHNlbGVjdEl0ZW06IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICApIHtcbiAgICBpZiAoZGVmYXVsdEFwcFRoZW1lKSB7XG4gICAgICB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPSBkZWZhdWx0QXBwVGhlbWU7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIG9uU2VsZWN0SXRlbShldmVudDogRXZlbnQsIHZhbHVlOiBzdHJpbmcpIHtcbiAgICBpZiAoISF2YWx1ZSkge1xuICAgICAgdGhpcy5zZWxlY3RJdGVtLmVtaXQodmFsdWUpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm92ZXJmbG93LW1lbnUtY29udGFpbmVyXCIgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiPlxuICA8dWktYnV0dG9uXG4gICAgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgIFtsYWJlbF09XCJtZW51TGFiZWxcIlxuICAgIFt2YXJpYW50XT1cIidtZW51VHJpZ2dlcidcIlxuICAgIFtzaXplXT1cImFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJyA/ICdzbWFsbCcgOiAnYmlnJ1wiXG4gICAgW2p1c3RJY29uXT1cInRydWVcIlxuICAgIFtpY29uTmFtZV09XCJpY29uVHJpZ2dlclwiXG4gICAgKGtleWRvd24udGFiKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgKGtleWRvd24uc2hpZnQudGFiKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgW2FwcGxpY2F0aW9uVGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gICAgW2FyaWFMYWJlbF09XCJhcmlhTGFiZWxcIlxuICAgIFthcmlhUmVxdWlyZWRdPVwiYXJpYVJlcXVpcmVkXCJcbiAgICBjbGFzcz1cIm92ZXJmbG93LW1lbnUtb3BlbmVyXCJcbiAgPjwvdWktYnV0dG9uPlxuICA8bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCIgY2xhc3M9XCJvdmVyZmxvdy1tZW51XCIgW292ZXJsYXBUcmlnZ2VyXT1cImZhbHNlXCIgYmFja2Ryb3BDbGFzcz1cIm92ZXJmbG93LW1lbnUtYmFja2Ryb3BcIj5cbiAgICA8dWktYnV0dG9uXG4gICAgICBbYXBwbGljYXRpb25UaGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCJcbiAgICAgICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uc1wiXG4gICAgICBbZnVsbFdpZHRoXT1cInRydWVcIlxuICAgICAgW2Rpc2FibGVkU2NhbGVPbkNsaWNrXT1cInRydWVcIlxuICAgICAgW3ZhcmlhbnRdPVwiJ21lbnVDZWxsJ1wiXG4gICAgICBpY29uUG9zaXRpb249XCJsZWZ0XCJcbiAgICAgIFtpY29uTmFtZV09XCJidXR0b24uaWNvblwiXG4gICAgICBbbGFiZWxdPVwiYnV0dG9uLmxhYmVsXCJcbiAgICAgIFt2YWx1ZV09XCJidXR0b24udmFsdWVcIlxuICAgICAgKGJ1dHRvbkNsaWNrRXZlbnQpPVwib25TZWxlY3RJdGVtKCRldmVudCwgYnV0dG9uLnZhbHVlKVwiXG4gICAgICAoa2V5ZG93bi5UYWIpPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICAgIChrZXlkb3duLnNoaWZ0LnRhYik9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgICAgW2FyaWFMYWJlbF09XCJhcmlhTGFiZWwgKyAnLS0nICsgYnV0dG9uLmxhYmVsXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsnZGVzdHJ1Y3RpdmUnOiAhIWJ1dHRvbi5pc0Rlc3RydWN0aXZlfSBcIlxuICAgID48L3VpLWJ1dHRvbj5cbiAgPC9tYXQtbWVudT5cbjwvZGl2PlxuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { booleanAttribute, Component, EventEmitter, HostBinding, Inject, Input, Output } from '@angular/core';
|
|
1
|
+
import { booleanAttribute, Component, EventEmitter, HostBinding, Inject, Input, Optional, Output } from '@angular/core';
|
|
2
2
|
import { IS_MOBILE_TOKEN } from '../stepper/providers/is-mobile';
|
|
3
3
|
import { LanguageService } from '../../utils/localization/language.service';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -7,7 +7,8 @@ import * as i2 from "../button/button.component";
|
|
|
7
7
|
import * as i3 from "../../pipes/ui-translate.pipe";
|
|
8
8
|
import * as i4 from "rxjs";
|
|
9
9
|
export class PageHeaderComponent {
|
|
10
|
-
constructor(isMobile$) {
|
|
10
|
+
constructor(defaultAppTheme, isMobile$) {
|
|
11
|
+
this.defaultAppTheme = defaultAppTheme;
|
|
11
12
|
this.isMobile$ = isMobile$;
|
|
12
13
|
/**
|
|
13
14
|
* Flag to determine whether the "Back" button should be displayed.
|
|
@@ -35,23 +36,31 @@ export class PageHeaderComponent {
|
|
|
35
36
|
* @type {ApplicationTheme}
|
|
36
37
|
* @memberof PageHeaderComponent
|
|
37
38
|
*/
|
|
38
|
-
this.applicationTheme = '
|
|
39
|
+
this.applicationTheme = 'light';
|
|
39
40
|
/**
|
|
40
41
|
* Event triggered when the "Back" button is clicked.
|
|
41
42
|
* @memberof PageHeaderComponent
|
|
42
43
|
*/
|
|
43
44
|
this.back = new EventEmitter();
|
|
45
|
+
if (defaultAppTheme) {
|
|
46
|
+
this.applicationTheme = defaultAppTheme;
|
|
47
|
+
}
|
|
44
48
|
}
|
|
45
49
|
onBack() {
|
|
46
50
|
this.back.emit();
|
|
47
51
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: IS_MOBILE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: IS_MOBILE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
53
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: PageHeaderComponent, selector: "ui-page-header", inputs: { showBackButton: ["showBackButton", "showBackButton", booleanAttribute], language: "language", tooltip: "tooltip", applicationTheme: "applicationTheme" }, outputs: { back: "back" }, host: { properties: { "attr.theme": "this.applicationTheme" } }, ngImport: i0, template: "<ng-container>\n <div class=\"page-header-container\">\n <div class=\"page-header-content\">\n <ng-container *ngIf=\"!(isMobile$ | async) else mobile\">\n <ui-button\n [applicationTheme]=\"applicationTheme\"\n *ngIf=\"showBackButton\"\n (click)=\"onBack()\"\n [variant]=\"'ghost'\"\n [justIcon]=\"true\"\n [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n ></ui-button>\n </ng-container>\n\n <ng-template #mobile>\n <ui-button\n [applicationTheme]=\"applicationTheme\" class=\"mobile-back-btn\" [tooltip]=\"('COMMON.BACK') | uiTranslate : language\"\n [variant]=\"'icon-button'\"\n (click)=\"onBack()\"\n [justIcon]=\"true\"\n [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n ></ui-button>\n </ng-template>\n\n <div class=\"main-content\" [ngClass]=\"{ 'remove-margin': !showBackButton }\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n\n <div class=\"right-side\">\n <ng-content select=\"[right-side]\"></ng-content>\n </div>\n </div>\n </div>\n\n</ng-container>\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}.page-header-container{border-bottom:1px solid #E0E0E0}.page-header-container .page-header-content{display:flex;flex-direction:row;padding:16px 64px;max-width:1312px;min-height:48px}.page-header-container .page-header-content .main-content{margin:0 16px 0 24px}.page-header-container .page-header-content .main-content.remove-margin{margin-left:0}.page-header-container .page-header-content .desktop-back-btn{margin-right:24px}@media (max-width: 600px){.page-header-container .page-header-content{padding:8px 16px;max-width:unset}.page-header-container .page-header-content .main-content{width:100%;margin:0 0 0 16px}.page-header-container .page-header-content .main-content .content{width:100%}.page-header-container .page-header-content .right-side{display:none}}.page-header-container .page-header-content .mobile-back-btn{top:-10px;position:relative}.page-header-container .page-header-content .right-side{margin-left:auto}:host[theme=dark] .page-header-container,:host[theme=light] .page-header-container{border-color:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.UiTranslatePipe, name: "uiTranslate" }] }); }
|
|
50
54
|
}
|
|
51
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
52
56
|
type: Component,
|
|
53
57
|
args: [{ selector: 'ui-page-header', template: "<ng-container>\n <div class=\"page-header-container\">\n <div class=\"page-header-content\">\n <ng-container *ngIf=\"!(isMobile$ | async) else mobile\">\n <ui-button\n [applicationTheme]=\"applicationTheme\"\n *ngIf=\"showBackButton\"\n (click)=\"onBack()\"\n [variant]=\"'ghost'\"\n [justIcon]=\"true\"\n [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n ></ui-button>\n </ng-container>\n\n <ng-template #mobile>\n <ui-button\n [applicationTheme]=\"applicationTheme\" class=\"mobile-back-btn\" [tooltip]=\"('COMMON.BACK') | uiTranslate : language\"\n [variant]=\"'icon-button'\"\n (click)=\"onBack()\"\n [justIcon]=\"true\"\n [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n ></ui-button>\n </ng-template>\n\n <div class=\"main-content\" [ngClass]=\"{ 'remove-margin': !showBackButton }\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n\n <div class=\"right-side\">\n <ng-content select=\"[right-side]\"></ng-content>\n </div>\n </div>\n </div>\n\n</ng-container>\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}.page-header-container{border-bottom:1px solid #E0E0E0}.page-header-container .page-header-content{display:flex;flex-direction:row;padding:16px 64px;max-width:1312px;min-height:48px}.page-header-container .page-header-content .main-content{margin:0 16px 0 24px}.page-header-container .page-header-content .main-content.remove-margin{margin-left:0}.page-header-container .page-header-content .desktop-back-btn{margin-right:24px}@media (max-width: 600px){.page-header-container .page-header-content{padding:8px 16px;max-width:unset}.page-header-container .page-header-content .main-content{width:100%;margin:0 0 0 16px}.page-header-container .page-header-content .main-content .content{width:100%}.page-header-container .page-header-content .right-side{display:none}}.page-header-container .page-header-content .mobile-back-btn{top:-10px;position:relative}.page-header-container .page-header-content .right-side{margin-left:auto}:host[theme=dark] .page-header-container,:host[theme=light] .page-header-container{border-color:#d3d3d3}\n"] }]
|
|
54
|
-
}], ctorParameters: function () { return [{ type:
|
|
58
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
59
|
+
type: Optional
|
|
60
|
+
}, {
|
|
61
|
+
type: Inject,
|
|
62
|
+
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
63
|
+
}] }, { type: i4.Observable, decorators: [{
|
|
55
64
|
type: Inject,
|
|
56
65
|
args: [IS_MOBILE_TOKEN]
|
|
57
66
|
}] }]; }, propDecorators: { showBackButton: [{
|
|
@@ -69,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
69
78
|
}], back: [{
|
|
70
79
|
type: Output
|
|
71
80
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFakUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7QUFRNUUsTUFBTSxPQUFPLG1CQUFtQjtJQXdDOUIsWUFDNkUsZUFBaUMsRUFDaEUsU0FBOEI7UUFEQyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUFDaEUsY0FBUyxHQUFULFNBQVMsQ0FBcUI7UUF6QzVFOzs7O1dBSUc7UUFDcUMsbUJBQWMsR0FBRyxJQUFJLENBQUM7UUFFOUQ7Ozs7O1dBS0c7UUFDTSxhQUFRLEdBQUcsZUFBZSxDQUFDLGVBQWUsQ0FBQztRQUVwRDs7OztXQUlHO1FBQ00sWUFBTyxHQUFHLGFBQWEsQ0FBQztRQUVqQzs7Ozs7O1dBTUc7UUFHSCxxQkFBZ0IsR0FBcUIsT0FBTyxDQUFDO1FBRTdDOzs7V0FHRztRQUNPLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBTXhDLElBQUksZUFBZSxFQUFFO1lBQ25CLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxlQUFlLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRVMsTUFBTTtRQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkIsQ0FBQzsrR0FuRFUsbUJBQW1CLGtCQXlDUixvQ0FBb0MsNkJBQ2hELGVBQWU7bUdBMUNkLG1CQUFtQiw2RkFNVixnQkFBZ0IseU1DakJ0QywydUNBbUNBOzs0RkR4QmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGdCQUFnQjs7MEJBNkN2QixRQUFROzswQkFBSSxNQUFNOzJCQUFDLG9DQUFvQzs7MEJBQ3ZELE1BQU07MkJBQUMsZUFBZTs0Q0FwQ2UsY0FBYztzQkFBckQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFRN0IsUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxPQUFPO3NCQUFmLEtBQUs7Z0JBV04sZ0JBQWdCO3NCQUZmLFdBQVc7dUJBQUMsWUFBWTs7c0JBQ3hCLEtBQUs7Z0JBT0ksSUFBSTtzQkFBYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbmplY3QsIElucHV0LCBPcHRpb25hbCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJU19NT0JJTEVfVE9LRU4gfSBmcm9tICcuLi9zdGVwcGVyL3Byb3ZpZGVycy9pcy1tb2JpbGUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvbG9jYWxpemF0aW9uL2xhbmd1YWdlLnNlcnZpY2UnO1xuaW1wb3J0IHsgQXBwbGljYXRpb25UaGVtZSB9IGZyb20gXCIuLi8uLi9tb2RlbHMvYXBwbGljYXRpb24tdGhlbWUubW9kZWxcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktcGFnZS1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlSGVhZGVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEZsYWcgdG8gZGV0ZXJtaW5lIHdoZXRoZXIgdGhlIFwiQmFja1wiIGJ1dHRvbiBzaG91bGQgYmUgZGlzcGxheWVkLlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqIEBtZW1iZXJvZiBQYWdlSGVhZGVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgc2hvd0JhY2tCdXR0b24gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFuZ3VhZ2UgdG8gYmUgdXNlZFxuICAgKiBAcHJvcGVydHkgbGFuZ3VhZ2VcbiAgICogQHR5cGUge0xhbmd1YWdlfVxuICAgKiBAbWVtYmVyb2YgUGFnZUhlYWRlckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbGFuZ3VhZ2UgPSBMYW5ndWFnZVNlcnZpY2UuZGVmYXVsdExhbmd1YWdlO1xuXG4gIC8qKlxuICAgKiBCYWNrIGJ1dHRvbiB0b29sdGlwIGZvciBtb2JpbGUgdmFyaWF0aW9uXG4gICAqIEBwcm9wZXJ0eSB0b29sdGlwXG4gICAqIEBtZW1iZXJvZiBQYWdlSGVhZGVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB0b29sdGlwID0gJ0NPTU1PTi5CQUNLJztcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBQYWdlSGVhZGVyQ29tcG9uZW50XG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2F0dHIudGhlbWUnKVxuICBASW5wdXQoKVxuICBhcHBsaWNhdGlvblRoZW1lOiBBcHBsaWNhdGlvblRoZW1lID0gJ2xpZ2h0JztcblxuICAvKipcbiAgICogRXZlbnQgdHJpZ2dlcmVkIHdoZW4gdGhlIFwiQmFja1wiIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKiBAbWVtYmVyb2YgUGFnZUhlYWRlckNvbXBvbmVudFxuICAgKi9cbiAgQE91dHB1dCgpIGJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICAgIEBJbmplY3QoSVNfTU9CSUxFX1RPS0VOKSBwcm90ZWN0ZWQgcmVhZG9ubHkgaXNNb2JpbGUkOiBPYnNlcnZhYmxlPGJvb2xlYW4+XG4gICkge1xuICAgIGlmIChkZWZhdWx0QXBwVGhlbWUpIHtcbiAgICAgIHRoaXMuYXBwbGljYXRpb25UaGVtZSA9IGRlZmF1bHRBcHBUaGVtZTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb25CYWNrKCk6IHZvaWQge1xuICAgIHRoaXMuYmFjay5lbWl0KCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXI+XG4gIDxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlci1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwicGFnZS1oZWFkZXItY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiEoaXNNb2JpbGUkIHwgYXN5bmMpIGVsc2UgbW9iaWxlXCI+XG4gICAgICAgIDx1aS1idXR0b25cbiAgICAgICAgICBbYXBwbGljYXRpb25UaGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCJcbiAgICAgICAgICAqbmdJZj1cInNob3dCYWNrQnV0dG9uXCJcbiAgICAgICAgICAoY2xpY2spPVwib25CYWNrKClcIlxuICAgICAgICAgIFt2YXJpYW50XT1cIidnaG9zdCdcIlxuICAgICAgICAgIFtqdXN0SWNvbl09XCJ0cnVlXCJcbiAgICAgICAgICBbaWNvbk5hbWVdPVwiYXBwbGljYXRpb25UaGVtZSA9PT0gJ2NsYXNzaWMnID8gJ0Fycm93X2xlZnQnIDogJ0Fycm93LWNoZXZyb24tbGVmdC1pbi1saW5lJ1wiXG4gICAgICAgID48L3VpLWJ1dHRvbj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8bmctdGVtcGxhdGUgI21vYmlsZT5cbiAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgIFthcHBsaWNhdGlvblRoZW1lXT1cImFwcGxpY2F0aW9uVGhlbWVcIiBjbGFzcz1cIm1vYmlsZS1iYWNrLWJ0blwiIFt0b29sdGlwXT1cIignQ09NTU9OLkJBQ0snKSB8IHVpVHJhbnNsYXRlIDogbGFuZ3VhZ2VcIlxuICAgICAgICAgIFt2YXJpYW50XT1cIidpY29uLWJ1dHRvbidcIlxuICAgICAgICAgIChjbGljayk9XCJvbkJhY2soKVwiXG4gICAgICAgICAgW2p1c3RJY29uXT1cInRydWVcIlxuICAgICAgICAgIFtpY29uTmFtZV09XCJhcHBsaWNhdGlvblRoZW1lID09PSAnY2xhc3NpYycgPyAnQXJyb3dfbGVmdCcgOiAnQXJyb3ctY2hldnJvbi1sZWZ0LWluLWxpbmUnXCJcbiAgICAgICAgPjwvdWktYnV0dG9uPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgPGRpdiBjbGFzcz1cIm1haW4tY29udGVudFwiIFtuZ0NsYXNzXT1cInsgJ3JlbW92ZS1tYXJnaW4nOiAhc2hvd0JhY2tCdXR0b24gfVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JpZ2h0LXNpZGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/material/paginator";
|
|
4
4
|
export class PaginatorComponent {
|
|
5
|
-
constructor() {
|
|
5
|
+
constructor(defaultAppTheme) {
|
|
6
|
+
this.defaultAppTheme = defaultAppTheme;
|
|
6
7
|
/**
|
|
7
8
|
* Paginator size options
|
|
8
9
|
*
|
|
@@ -38,20 +39,28 @@ export class PaginatorComponent {
|
|
|
38
39
|
* @type {ApplicationTheme}
|
|
39
40
|
* @memberof PaginatorComponent
|
|
40
41
|
*/
|
|
41
|
-
this.applicationTheme = '
|
|
42
|
+
this.applicationTheme = 'light';
|
|
42
43
|
this.paginatorChange = new EventEmitter();
|
|
43
44
|
this.selectConfig = { panelClass: 'ui-dropdown-list' };
|
|
45
|
+
if (defaultAppTheme) {
|
|
46
|
+
this.applicationTheme = defaultAppTheme;
|
|
47
|
+
}
|
|
44
48
|
}
|
|
45
49
|
onPaginatorChange(paginator) {
|
|
46
50
|
this.paginatorChange.emit(paginator);
|
|
47
51
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
53
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginatorComponent, selector: "ui-paginator", inputs: { pageSizeOptions: "pageSizeOptions", length: "length", pageSize: "pageSize", disabled: "disabled", applicationTheme: "applicationTheme" }, outputs: { paginatorChange: "paginatorChange" }, ngImport: i0, template: "<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [attr.theme]=\"applicationTheme\"\n [selectConfig]=\"selectConfig\"\n [color]=\"'accent'\"\n (page)=\"onPaginatorChange($event)\"\n></mat-paginator>\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}.flex-center,::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{display:flex;justify-content:center;align-items:center}::ng-deep .mat-mdc-paginator{border-radius:0 0 8px 8px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions{height:40px!important;margin-left:16px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label{margin:0 16px 0 0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{width:40px!important;padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button[disabled=true] svg{fill:#ededed!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button svg{height:24px!important;width:24px!important;fill:#888!important}::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper{width:24px}::ng-deep .mat-mdc-paginator .mat-mdc-form-field-infix{padding:4px 0!important;min-height:28px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select{width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-text-field-wrapper{height:32px!important;padding:0 8px;width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container{border-radius:0 0 8px 8px;font-weight:400;font-size:14px;padding:8px 24px;line-height:20px;color:#000}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container{padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-select-value-text{font-size:14px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions{height:100%}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions button{height:100%;width:70px;border-radius:0}::ng-deep .mat-mdc-paginator[theme=dark] .mdc-icon-button__ripple,::ng-deep .mat-mdc-paginator[theme=light] .mdc-icon-button__ripple{display:none}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button{border-radius:50%!important}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:disabled svg,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:disabled svg{fill:#919191!important}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:focus.cdk-focused,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:focus.cdk-focused{padding:1px;border:1px dashed #888888;outline:0}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:active,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:active{transform:scale(.98)}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button .mat-mdc-button-touch-target,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button .mat-mdc-button-touch-target{width:40px;height:40px}::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button{color:#242424!important}::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button svg{fill:#242424!important}::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:hover{background-color:#e9e9e9}::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:focus.cdk-focused{border-color:#666}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button{color:#fff!important}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button svg{fill:#fff!important}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:hover{background-color:#666}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:focus.cdk-focused{border-color:#e9e9e9}\n"], dependencies: [{ kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }] }); }
|
|
50
54
|
}
|
|
51
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorComponent, decorators: [{
|
|
52
56
|
type: Component,
|
|
53
57
|
args: [{ selector: 'ui-paginator', template: "<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [attr.theme]=\"applicationTheme\"\n [selectConfig]=\"selectConfig\"\n [color]=\"'accent'\"\n (page)=\"onPaginatorChange($event)\"\n></mat-paginator>\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}.flex-center,::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{display:flex;justify-content:center;align-items:center}::ng-deep .mat-mdc-paginator{border-radius:0 0 8px 8px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions{height:40px!important;margin-left:16px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label{margin:0 16px 0 0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{width:40px!important;padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button[disabled=true] svg{fill:#ededed!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button svg{height:24px!important;width:24px!important;fill:#888!important}::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper{width:24px}::ng-deep .mat-mdc-paginator .mat-mdc-form-field-infix{padding:4px 0!important;min-height:28px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select{width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-text-field-wrapper{height:32px!important;padding:0 8px;width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container{border-radius:0 0 8px 8px;font-weight:400;font-size:14px;padding:8px 24px;line-height:20px;color:#000}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container{padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-select-value-text{font-size:14px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions{height:100%}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions button{height:100%;width:70px;border-radius:0}::ng-deep .mat-mdc-paginator[theme=dark] .mdc-icon-button__ripple,::ng-deep .mat-mdc-paginator[theme=light] .mdc-icon-button__ripple{display:none}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button{border-radius:50%!important}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:disabled svg,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:disabled svg{fill:#919191!important}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:focus.cdk-focused,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:focus.cdk-focused{padding:1px;border:1px dashed #888888;outline:0}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:active,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:active{transform:scale(.98)}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button .mat-mdc-button-touch-target,::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button .mat-mdc-button-touch-target{width:40px;height:40px}::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button{color:#242424!important}::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button svg{fill:#242424!important}::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:hover{background-color:#e9e9e9}::ng-deep .mat-mdc-paginator[theme=light] .mat-mdc-paginator-range-actions .mdc-icon-button:focus.cdk-focused{border-color:#666}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button{color:#fff!important}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button svg{fill:#fff!important}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:hover{background-color:#666}::ng-deep .mat-mdc-paginator[theme=dark] .mat-mdc-paginator-range-actions .mdc-icon-button:focus.cdk-focused{border-color:#e9e9e9}\n"] }]
|
|
54
|
-
}],
|
|
58
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
59
|
+
type: Optional
|
|
60
|
+
}, {
|
|
61
|
+
type: Inject,
|
|
62
|
+
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
63
|
+
}] }]; }, propDecorators: { pageSizeOptions: [{
|
|
55
64
|
type: Input
|
|
56
65
|
}], length: [{
|
|
57
66
|
type: Input
|
|
@@ -64,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
64
73
|
}], paginatorChange: [{
|
|
65
74
|
type: Output
|
|
66
75
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRvci9wYWdpbmF0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdG9yL3BhZ2luYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVN6RixNQUFNLE9BQU8sa0JBQWtCO0lBOEM3QixZQUM2RSxlQUFpQztRQUFqQyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUE5QzlHOzs7OztXQUtHO1FBQ00sb0JBQWUsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFeEM7Ozs7O1dBS0c7UUFDTSxXQUFNLEdBQUcsQ0FBQyxDQUFDO1FBRXBCOzs7OztXQUtHO1FBQ00sYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUV2Qjs7Ozs7V0FLRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFMUI7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQUU1QyxvQkFBZSxHQUE0QixJQUFJLFlBQVksRUFBYSxDQUFDO1FBRW5GLGlCQUFZLEdBQTZCLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLENBQUM7UUFLMUUsSUFBSSxlQUFlLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGVBQWUsQ0FBQztTQUN6QztJQUNILENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxTQUFvQjtRQUNwQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN2QyxDQUFDOytHQXhEVSxrQkFBa0Isa0JBK0NQLG9DQUFvQzttR0EvQy9DLGtCQUFrQix5UENUL0IsbVNBVUE7OzRGRERhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxjQUFjOzswQkFtRHJCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0NBQW9DOzRDQXhDakQsZUFBZTtzQkFBdkIsS0FBSztnQkFRRyxNQUFNO3NCQUFkLEtBQUs7Z0JBUUcsUUFBUTtzQkFBaEIsS0FBSztnQkFRRyxRQUFRO3NCQUFoQixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFSSxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFBhZ2luYXRvclNlbGVjdENvbmZpZywgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcbmltcG9ydCB7IEFwcGxpY2F0aW9uVGhlbWUgfSBmcm9tICcuLi8uLi9tb2RlbHMvYXBwbGljYXRpb24tdGhlbWUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1wYWdpbmF0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdG9yLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdG9yQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFBhZ2luYXRvciBzaXplIG9wdGlvbnNcbiAgICpcbiAgICogQHR5cGUge251bWJlcltdfVxuICAgKiBAbWVtYmVyb2YgUGFnaW5hdG9yQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBwYWdlU2l6ZU9wdGlvbnMgPSBbMTAsIDI1LCA1MF07XG5cbiAgLyoqXG4gICAqIERhdGEgbGVuZ3RoXG4gICAqXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBQYWdpbmF0b3JDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGxlbmd0aCA9IDA7XG5cbiAgLyoqXG4gICAqIFBhZ2Ugc2l6ZVxuICAgKlxuICAgKiBAdHlwZSB7bnVtYmVyfVxuICAgKiBAbWVtYmVyb2YgUGFnaW5hdG9yQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBwYWdlU2l6ZSA9IDI1O1xuXG4gIC8qKlxuICAgKiBEaXNhYmxlZFxuICAgKlxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICogQG1lbWJlck9mIFBhZ2luYXRvckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBQYWdpbmF0b3JDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIEBPdXRwdXQoKSBwYWdpbmF0b3JDaGFuZ2U6IEV2ZW50RW1pdHRlcjxQYWdlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxQYWdlRXZlbnQ+KCk7XG5cbiAgc2VsZWN0Q29uZmlnOiBNYXRQYWdpbmF0b3JTZWxlY3RDb25maWcgPSB7IHBhbmVsQ2xhc3M6ICd1aS1kcm9wZG93bi1saXN0JyB9O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoJ0NBTk9QWVVJX0RFRkFVTFRfQVBQTElDQVRJT05fVEhFTUUnKSBwcml2YXRlIHJlYWRvbmx5IGRlZmF1bHRBcHBUaGVtZTogQXBwbGljYXRpb25UaGVtZSxcbiAgKSB7XG4gICAgaWYgKGRlZmF1bHRBcHBUaGVtZSkge1xuICAgICAgdGhpcy5hcHBsaWNhdGlvblRoZW1lID0gZGVmYXVsdEFwcFRoZW1lO1xuICAgIH1cbiAgfVxuXG4gIG9uUGFnaW5hdG9yQ2hhbmdlKHBhZ2luYXRvcjogUGFnZUV2ZW50KSB7XG4gICAgdGhpcy5wYWdpbmF0b3JDaGFuZ2UuZW1pdChwYWdpbmF0b3IpO1xuICB9XG59XG4iLCI8bWF0LXBhZ2luYXRvclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbbGVuZ3RoXT1cImxlbmd0aFwiXG4gIFtwYWdlU2l6ZV09XCJwYWdlU2l6ZVwiXG4gIFtwYWdlU2l6ZU9wdGlvbnNdPVwicGFnZVNpemVPcHRpb25zXCJcbiAgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gIFtzZWxlY3RDb25maWddPVwic2VsZWN0Q29uZmlnXCJcbiAgW2NvbG9yXT1cIidhY2NlbnQnXCJcbiAgKHBhZ2UpPVwib25QYWdpbmF0b3JDaGFuZ2UoJGV2ZW50KVwiXG4+PC9tYXQtcGFnaW5hdG9yPlxuIl19
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, Optional, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/material/progress-bar";
|
|
4
4
|
export class ProgressBarComponent {
|
|
5
|
-
constructor() {
|
|
5
|
+
constructor(defaultAppTheme) {
|
|
6
|
+
this.defaultAppTheme = defaultAppTheme;
|
|
6
7
|
/**
|
|
7
8
|
* Progress value of the progress bar.
|
|
8
9
|
* Defaults to zero.
|
|
@@ -35,20 +36,28 @@ export class ProgressBarComponent {
|
|
|
35
36
|
* @type {ApplicationTheme}
|
|
36
37
|
* @memberof ProgressBarComponent
|
|
37
38
|
*/
|
|
38
|
-
this.applicationTheme = '
|
|
39
|
+
this.applicationTheme = 'light';
|
|
40
|
+
if (defaultAppTheme) {
|
|
41
|
+
this.applicationTheme = defaultAppTheme;
|
|
42
|
+
}
|
|
39
43
|
}
|
|
40
44
|
ngOnChanges(changes) {
|
|
41
45
|
if (!changes['companyColor']) {
|
|
42
46
|
this.companyColor = this.applicationTheme === 'classic' ? '#46A997' : '#D410AA';
|
|
43
47
|
}
|
|
44
48
|
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
50
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarComponent, selector: "ui-progress-bar", inputs: { companyColor: "companyColor", progress: "progress", mode: "mode", buffer: "buffer", applicationTheme: "applicationTheme" }, host: { properties: { "style.--color": "this.companyColor" } }, usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n aria-label=\"Progress bar\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n [attr.theme]=\"applicationTheme\"\n></mat-progress-bar>\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}.mat-mdc-progress-bar.progress-bar{--mdc-linear-progress-active-indicator-color: var(--color);--mdc-linear-progress-track-color: var(--color);--mdc-linear-progress-active-indicator-height: 8px;--mdc-linear-progress-track-height: 8px;height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"1\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:60% 8px!important;border-bottom-right-radius:60% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"2\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:35% 8px!important;border-bottom-right-radius:35% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"3\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:30% 8px!important;border-bottom-right-radius:30% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"4\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:20% 8px!important;border-bottom-right-radius:20% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"5\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:15% 8px!important;border-bottom-right-radius:15% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"6\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"7\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"8\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"9\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"10\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"11\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:10% 8px!important;border-bottom-right-radius:10% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"12\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"13\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:7% 8px!important;border-bottom-right-radius:7% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"14\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"15\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:6% 8px!important;border-bottom-right-radius:6% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"16\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:5% 8px!important;border-bottom-right-radius:5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"17\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"18\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"19\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"20\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"21\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"22\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"23\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:4% 8px!important;border-bottom-right-radius:4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"24\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"25\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"26\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"27\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:3% 8px!important;border-bottom-right-radius:3% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"28\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"29\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"30\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"31\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"32\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"33\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.5% 8px!important;border-bottom-right-radius:2.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"34\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"35\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"36\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"37\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"38\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"39\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"40\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"41\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.2% 8px!important;border-bottom-right-radius:2.2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"42\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"43\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"44\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"45\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"46\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"47\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"48\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"49\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"50\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"51\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"52\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"53\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2% 8px!important;border-bottom-right-radius:2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"54\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"55\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"56\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"57\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"58\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"59\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"60\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"61\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"62\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"63\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"64\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.5% 8px!important;border-bottom-right-radius:1.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"65\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"66\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"67\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"68\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"69\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.4% 8px!important;border-bottom-right-radius:1.4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"70\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"71\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"72\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"73\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"74\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.2% 8px!important;border-bottom-right-radius:1.2% 8px!important}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0;height:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px;border-top-right-radius:1% 8px!important;border-bottom-right-radius:1% 8px!important}.mat-mdc-progress-bar.progress-bar[theme=dark] ::ng-deep .mdc-linear-progress__buffer-bar,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e9e9e9}\n"], dependencies: [{ kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
51
|
}
|
|
48
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
49
53
|
type: Component,
|
|
50
54
|
args: [{ selector: 'ui-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n aria-label=\"Progress bar\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n [attr.theme]=\"applicationTheme\"\n></mat-progress-bar>\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}.mat-mdc-progress-bar.progress-bar{--mdc-linear-progress-active-indicator-color: var(--color);--mdc-linear-progress-track-color: var(--color);--mdc-linear-progress-active-indicator-height: 8px;--mdc-linear-progress-track-height: 8px;height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"1\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:60% 8px!important;border-bottom-right-radius:60% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"2\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:35% 8px!important;border-bottom-right-radius:35% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"3\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:30% 8px!important;border-bottom-right-radius:30% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"4\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:20% 8px!important;border-bottom-right-radius:20% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"5\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:15% 8px!important;border-bottom-right-radius:15% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"6\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"7\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"8\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"9\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"10\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"11\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:10% 8px!important;border-bottom-right-radius:10% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"12\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"13\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:7% 8px!important;border-bottom-right-radius:7% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"14\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"15\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:6% 8px!important;border-bottom-right-radius:6% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"16\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:5% 8px!important;border-bottom-right-radius:5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"17\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"18\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"19\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"20\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"21\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"22\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"23\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:4% 8px!important;border-bottom-right-radius:4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"24\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"25\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"26\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"27\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:3% 8px!important;border-bottom-right-radius:3% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"28\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"29\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"30\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"31\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"32\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"33\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.5% 8px!important;border-bottom-right-radius:2.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"34\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"35\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"36\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"37\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"38\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"39\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"40\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"41\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.2% 8px!important;border-bottom-right-radius:2.2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"42\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"43\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"44\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"45\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"46\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"47\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"48\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"49\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"50\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"51\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"52\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"53\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2% 8px!important;border-bottom-right-radius:2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"54\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"55\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"56\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"57\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"58\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"59\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"60\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"61\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"62\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"63\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"64\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.5% 8px!important;border-bottom-right-radius:1.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"65\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"66\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"67\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"68\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"69\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.4% 8px!important;border-bottom-right-radius:1.4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"70\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"71\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"72\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"73\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"74\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.2% 8px!important;border-bottom-right-radius:1.2% 8px!important}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0;height:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px;border-top-right-radius:1% 8px!important;border-bottom-right-radius:1% 8px!important}.mat-mdc-progress-bar.progress-bar[theme=dark] ::ng-deep .mdc-linear-progress__buffer-bar,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e9e9e9}\n"] }]
|
|
51
|
-
}], ctorParameters: function () { return [
|
|
55
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
56
|
+
type: Optional
|
|
57
|
+
}, {
|
|
58
|
+
type: Inject,
|
|
59
|
+
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
60
|
+
}] }]; }, propDecorators: { companyColor: [{
|
|
52
61
|
type: HostBinding,
|
|
53
62
|
args: ['style.--color']
|
|
54
63
|
}, {
|
|
@@ -62,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
62
71
|
}], applicationTheme: [{
|
|
63
72
|
type: Input
|
|
64
73
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFFTCxRQUFRLEdBRVQsTUFBTSxlQUFlLENBQUM7OztBQVV2QixNQUFNLE9BQU8sb0JBQW9CO0lBaUQvQixZQUM2RSxlQUFpQztRQUFqQyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUF0QzlHOzs7Ozs7V0FNRztRQUNNLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFFdEI7Ozs7Ozs7V0FPRztRQUNNLFNBQUksR0FBb0IsYUFBYSxDQUFDO1FBRS9DOzs7Ozs7V0FNRztRQUNNLFdBQU0sR0FBRyxDQUFDLENBQUM7UUFFcEI7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQUtwRCxJQUFJLGVBQWUsRUFBRTtZQUNuQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7U0FDakY7SUFDSCxDQUFDOytHQTdEVSxvQkFBb0Isa0JBa0RULG9DQUFvQzttR0FsRC9DLG9CQUFvQixrUkNuQmpDLDBPQVNBOzs0RkRVYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU07OzBCQW9ENUMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxvQ0FBb0M7NENBeEMxRCxZQUFZO3NCQUZYLFdBQVc7dUJBQUMsZUFBZTs7c0JBQzNCLEtBQUs7Z0JBVUcsUUFBUTtzQkFBaEIsS0FBSztnQkFVRyxJQUFJO3NCQUFaLEtBQUs7Z0JBU0csTUFBTTtzQkFBZCxLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9wdGlvbmFsLFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb2dyZXNzQmFyTW9kZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLWJhcic7XG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2FwcGxpY2F0aW9uLXRoZW1lLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktcHJvZ3Jlc3MtYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHJvZ3Jlc3NCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAvKipcbiAgICogQ29sb3Igb2YgdGhlIHByb2dyZXNzIGJhci5cbiAgICogRGVmYXVsdHMgdG8gVGVzdCBHb3JpbGxhIHByaW1hcnkgY29sb3IuXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBQcm9ncmVzc0JhckNvbXBvbmVudFxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLWNvbG9yJylcbiAgQElucHV0KClcbiAgY29tcGFueUNvbG9yOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFByb2dyZXNzIHZhbHVlIG9mIHRoZSBwcm9ncmVzcyBiYXIuXG4gICAqIERlZmF1bHRzIHRvIHplcm8uXG4gICAqXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBQcm9ncmVzc0JhckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgcHJvZ3Jlc3MgPSAwO1xuXG4gIC8qKlxuICAgKiBNb2RlIG9mIHRoZSBwcm9ncmVzcyBiYXIuXG4gICAqIE1vZGUgbXVzdCBiZSBvbmUgb2YgdGhlc2UgdmFsdWVzOiBkZXRlcm1pbmF0ZSwgaW5kZXRlcm1pbmF0ZSwgYnVmZmVyLCBxdWVyeS5cbiAgICogRGVmYXVsdHMgdG8gJ2RldGVybWluYXRlJy5cbiAgICpcbiAgICogQHR5cGUge1Byb2dyZXNzQmFyTW9kZX1cbiAgICogQG1lbWJlcm9mIFByb2dyZXNzQmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBtb2RlOiBQcm9ncmVzc0Jhck1vZGUgPSAnZGV0ZXJtaW5hdGUnO1xuXG4gIC8qKlxuICAgKiBCdWZmZXIgdmFsdWUgb2YgdGhlIHByb2dyZXNzIGJhci5cbiAgICogRGVmYXVsdHMgdG8gemVyby5cbiAgICpcbiAgICogQHR5cGUge251bWJlcn1cbiAgICogQG1lbWJlcm9mIFByb2dyZXNzQmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBidWZmZXIgPSAwO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBhcHBsaWNhdGlvbiB0aGVtZVxuICAgKlxuICAgKiBAdHlwZSB7QXBwbGljYXRpb25UaGVtZX1cbiAgICogQG1lbWJlcm9mIFByb2dyZXNzQmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhcHBsaWNhdGlvblRoZW1lOiBBcHBsaWNhdGlvblRoZW1lID0gJ2xpZ2h0JztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KCdDQU5PUFlVSV9ERUZBVUxUX0FQUExJQ0FUSU9OX1RIRU1FJykgcHJpdmF0ZSByZWFkb25seSBkZWZhdWx0QXBwVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUsXG4gICkge1xuICAgIGlmIChkZWZhdWx0QXBwVGhlbWUpIHtcbiAgICAgIHRoaXMuYXBwbGljYXRpb25UaGVtZSA9IGRlZmF1bHRBcHBUaGVtZTtcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKCFjaGFuZ2VzWydjb21wYW55Q29sb3InXSkge1xuICAgICAgdGhpcy5jb21wYW55Q29sb3IgPSB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJyA/ICcjNDZBOTk3JyA6ICcjRDQxMEFBJztcbiAgICB9XG4gIH1cbn1cbiIsIjxtYXQtcHJvZ3Jlc3MtYmFyXG4gIFttb2RlXT1cIm1vZGVcIlxuICBbdmFsdWVdPVwicHJvZ3Jlc3NcIlxuICBbYnVmZmVyVmFsdWVdPVwiYnVmZmVyXCJcbiAgYXJpYS1sYWJlbD1cIlByb2dyZXNzIGJhclwiXG4gIHRpdGxlPVwicHJvZ3Jlc3MtYmFyXCJcbiAgY2xhc3M9XCJwcm9ncmVzcy1iYXJcIlxuICBbYXR0ci50aGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCJcbj48L21hdC1wcm9ncmVzcy1iYXI+XG4iXX0=
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Inject, Input, Optional } from '@angular/core';
|
|
2
2
|
import { RadialProgressSizeEnum, RadialProgressSizeValue } from './radial-progress.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "@angular/material/progress-spinner";
|
|
6
6
|
export class RadialProgressComponent {
|
|
7
|
-
constructor() {
|
|
7
|
+
constructor(defaultAppTheme) {
|
|
8
|
+
this.defaultAppTheme = defaultAppTheme;
|
|
8
9
|
/**
|
|
9
10
|
* The size of the component. Defaults to 'small'.
|
|
10
11
|
* @type {RadialProgressSize}
|
|
@@ -30,8 +31,11 @@ export class RadialProgressComponent {
|
|
|
30
31
|
* @type {ApplicationTheme}
|
|
31
32
|
* @memberof ButtonComponent
|
|
32
33
|
*/
|
|
33
|
-
this.applicationTheme = '
|
|
34
|
+
this.applicationTheme = 'light';
|
|
34
35
|
this.radialProgressSize = RadialProgressSizeEnum;
|
|
36
|
+
if (defaultAppTheme) {
|
|
37
|
+
this.applicationTheme = defaultAppTheme;
|
|
38
|
+
}
|
|
35
39
|
}
|
|
36
40
|
get progressSize() {
|
|
37
41
|
return this.size === RadialProgressSizeEnum.SMALL ? RadialProgressSizeValue.SMALL : RadialProgressSizeValue.LARGE;
|
|
@@ -39,13 +43,18 @@ export class RadialProgressComponent {
|
|
|
39
43
|
get percentage() {
|
|
40
44
|
return Math.round(this.total ? (this.value * 100) / this.total : 0);
|
|
41
45
|
}
|
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadialProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadialProgressComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
47
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadialProgressComponent, selector: "ui-radial-progress", inputs: { size: "size", value: "value", total: "total", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<div class=\"radial-progress-container\" [attr.theme]=\"applicationTheme\" [style.width]=\"progressSize + 'px'\"\n [style.height]=\"progressSize + 'px'\">\n <div class=\"background\"></div>\n <mat-progress-spinner [strokeWidth]=\"8\" [diameter]=\"progressSize\" [value]=\"percentage\"></mat-progress-spinner>\n <div class=\"percentage\" *ngIf=\"size === radialProgressSize.LARGE\">{{ percentage }}%</div>\n</div>\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}:host .radial-progress-container{position:relative}:host .radial-progress-container .percentage,:host .radial-progress-container .background{position:absolute;top:0;left:0;width:100%;height:100%}:host .radial-progress-container .background{border:8px solid #E0E0E0;border-radius:50%}:host .radial-progress-container .percentage{display:flex;align-items:center;justify-content:center;color:#276678;font-size:14px;font-weight:700}:host .radial-progress-container ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#276678;stroke-linecap:round}:host .radial-progress-container[theme=dark] .percentage,:host .radial-progress-container[theme=light] .percentage{color:#242424}:host .radial-progress-container[theme=dark] ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container[theme=dark] .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,:host .radial-progress-container[theme=light] ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container[theme=light] .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#d410aa}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
44
48
|
}
|
|
45
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadialProgressComponent, decorators: [{
|
|
46
50
|
type: Component,
|
|
47
51
|
args: [{ selector: 'ui-radial-progress', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"radial-progress-container\" [attr.theme]=\"applicationTheme\" [style.width]=\"progressSize + 'px'\"\n [style.height]=\"progressSize + 'px'\">\n <div class=\"background\"></div>\n <mat-progress-spinner [strokeWidth]=\"8\" [diameter]=\"progressSize\" [value]=\"percentage\"></mat-progress-spinner>\n <div class=\"percentage\" *ngIf=\"size === radialProgressSize.LARGE\">{{ percentage }}%</div>\n</div>\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}:host .radial-progress-container{position:relative}:host .radial-progress-container .percentage,:host .radial-progress-container .background{position:absolute;top:0;left:0;width:100%;height:100%}:host .radial-progress-container .background{border:8px solid #E0E0E0;border-radius:50%}:host .radial-progress-container .percentage{display:flex;align-items:center;justify-content:center;color:#276678;font-size:14px;font-weight:700}:host .radial-progress-container ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#276678;stroke-linecap:round}:host .radial-progress-container[theme=dark] .percentage,:host .radial-progress-container[theme=light] .percentage{color:#242424}:host .radial-progress-container[theme=dark] ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container[theme=dark] .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,:host .radial-progress-container[theme=light] ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container[theme=light] .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#d410aa}\n"] }]
|
|
48
|
-
}],
|
|
52
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
53
|
+
type: Optional
|
|
54
|
+
}, {
|
|
55
|
+
type: Inject,
|
|
56
|
+
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
57
|
+
}] }]; }, propDecorators: { size: [{
|
|
49
58
|
type: Input
|
|
50
59
|
}], value: [{
|
|
51
60
|
type: Input
|
|
@@ -54,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
54
63
|
}], applicationTheme: [{
|
|
55
64
|
type: Input
|
|
56
65
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaWFsLXByb2dyZXNzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JhZGlhbC1wcm9ncmVzcy9yYWRpYWwtcHJvZ3Jlc3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmFkaWFsLXByb2dyZXNzL3JhZGlhbC1wcm9ncmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBc0Isc0JBQXNCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQVM5RyxNQUFNLE9BQU8sdUJBQXVCO0lBK0JsQyxZQUM2RSxlQUFpQztRQUFqQyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUEvQjlHOzs7O1dBSUc7UUFDTSxTQUFJLEdBQXVCLHNCQUFzQixDQUFDLEtBQUssQ0FBQztRQUNqRTs7OztXQUlHO1FBQ00sVUFBSyxHQUFHLENBQUMsQ0FBQztRQUNuQjs7OztXQUlHO1FBQ00sVUFBSyxHQUFHLENBQUMsQ0FBQztRQUVuQjs7Ozs7O1dBTUc7UUFDTSxxQkFBZ0IsR0FBcUIsT0FBTyxDQUFDO1FBRTVDLHVCQUFrQixHQUFHLHNCQUFzQixDQUFDO1FBS3BELElBQUksZUFBZSxFQUFFO1lBQ25CLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxlQUFlLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsSUFBYyxZQUFZO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsS0FBSyxDQUFDO0lBQ3BILENBQUM7SUFFRCxJQUFjLFVBQVU7UUFDdEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0RSxDQUFDOytHQTdDVSx1QkFBdUIsa0JBZ0NaLG9DQUFvQzttR0FoQy9DLHVCQUF1QiwwSkNWcEMsdWFBTUE7OzRGRElhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTTs7MEJBa0M1QyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLG9DQUFvQzs0Q0ExQmpELElBQUk7c0JBQVosS0FBSztnQkFNRyxLQUFLO3NCQUFiLEtBQUs7Z0JBTUcsS0FBSztzQkFBYixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSYWRpYWxQcm9ncmVzc1NpemUsIFJhZGlhbFByb2dyZXNzU2l6ZUVudW0sIFJhZGlhbFByb2dyZXNzU2l6ZVZhbHVlIH0gZnJvbSAnLi9yYWRpYWwtcHJvZ3Jlc3MubW9kZWwnO1xuaW1wb3J0IHsgQXBwbGljYXRpb25UaGVtZSB9IGZyb20gXCIuLi8uLi9tb2RlbHMvYXBwbGljYXRpb24tdGhlbWUubW9kZWxcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktcmFkaWFsLXByb2dyZXNzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlhbC1wcm9ncmVzcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlhbC1wcm9ncmVzcy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUmFkaWFsUHJvZ3Jlc3NDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gJ3NtYWxsJy5cbiAgICogQHR5cGUge1JhZGlhbFByb2dyZXNzU2l6ZX1cbiAgICogQG1lbWJlcm9mIFJhZGlhbFByb2dyZXNzQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBSYWRpYWxQcm9ncmVzc1NpemUgPSBSYWRpYWxQcm9ncmVzc1NpemVFbnVtLlNNQUxMO1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgdmFsdWUgb2YgdGhlIHByb2dyZXNzLiBEZWZhdWx0cyB0byAwLlxuICAgKiBAdHlwZSB7bnVtYmVyfVxuICAgKiBAbWVtYmVyb2YgUmFkaWFsUHJvZ3Jlc3NDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHZhbHVlID0gMDtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgdG90YWwgcHJvZ3Jlc3MuIFVzZWQgdG8gc2V0IHRoZSBjYXAgYW5kIHVzZWQgZm9yIHBlcmNlbnRhZ2UgY2FsY3VsYXRpb25zLiBEZWZhdWx0cyB0byAwLlxuICAgKiBAdHlwZSB7bnVtYmVyfVxuICAgKiBAbWVtYmVyb2YgUmFkaWFsUHJvZ3Jlc3NDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHRvdGFsID0gMDtcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBCdXR0b25Db21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIHByb3RlY3RlZCByYWRpYWxQcm9ncmVzc1NpemUgPSBSYWRpYWxQcm9ncmVzc1NpemVFbnVtO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoJ0NBTk9QWVVJX0RFRkFVTFRfQVBQTElDQVRJT05fVEhFTUUnKSBwcml2YXRlIHJlYWRvbmx5IGRlZmF1bHRBcHBUaGVtZTogQXBwbGljYXRpb25UaGVtZSxcbiAgKSB7XG4gICAgaWYgKGRlZmF1bHRBcHBUaGVtZSkge1xuICAgICAgdGhpcy5hcHBsaWNhdGlvblRoZW1lID0gZGVmYXVsdEFwcFRoZW1lO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBnZXQgcHJvZ3Jlc3NTaXplKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuc2l6ZSA9PT0gUmFkaWFsUHJvZ3Jlc3NTaXplRW51bS5TTUFMTCA/IFJhZGlhbFByb2dyZXNzU2l6ZVZhbHVlLlNNQUxMIDogUmFkaWFsUHJvZ3Jlc3NTaXplVmFsdWUuTEFSR0U7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IHBlcmNlbnRhZ2UoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gTWF0aC5yb3VuZCh0aGlzLnRvdGFsID8gKHRoaXMudmFsdWUgKiAxMDApIC8gdGhpcy50b3RhbCA6IDApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicmFkaWFsLXByb2dyZXNzLWNvbnRhaW5lclwiIFthdHRyLnRoZW1lXT1cImFwcGxpY2F0aW9uVGhlbWVcIiBbc3R5bGUud2lkdGhdPVwicHJvZ3Jlc3NTaXplICsgJ3B4J1wiXG4gICAgIFtzdHlsZS5oZWlnaHRdPVwicHJvZ3Jlc3NTaXplICsgJ3B4J1wiPlxuICA8ZGl2IGNsYXNzPVwiYmFja2dyb3VuZFwiPjwvZGl2PlxuICA8bWF0LXByb2dyZXNzLXNwaW5uZXIgW3N0cm9rZVdpZHRoXT1cIjhcIiBbZGlhbWV0ZXJdPVwicHJvZ3Jlc3NTaXplXCIgW3ZhbHVlXT1cInBlcmNlbnRhZ2VcIj48L21hdC1wcm9ncmVzcy1zcGlubmVyPlxuICA8ZGl2IGNsYXNzPVwicGVyY2VudGFnZVwiICpuZ0lmPVwic2l6ZSA9PT0gcmFkaWFsUHJvZ3Jlc3NTaXplLkxBUkdFXCI+e3sgcGVyY2VudGFnZSB9fSU8L2Rpdj5cbjwvZGl2PlxuIl19
|