@testgorilla/tgo-ui 2.99.1 → 3.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/alert-banner/alert-banner.component.d.ts +9 -1
- package/components/autocomplete/autocomplete.component.d.ts +21 -4
- package/components/autocomplete/autocomplete.component.module.d.ts +2 -1
- package/components/avatar/avatar.component.module.d.ts +2 -1
- package/components/button/button.component.d.ts +14 -3
- package/components/button/button.model.d.ts +2 -2
- package/components/card/card.component.d.ts +16 -4
- package/components/checkbox/checkbox.component.d.ts +15 -4
- package/components/checklist/checklist.model.d.ts +1 -0
- package/components/confirm-dialog/confirm-dialog.component.d.ts +11 -2
- package/components/confirm-dialog/confirm-dialog.model.d.ts +8 -0
- package/components/datepicker/{DateAdapter.d.ts → date-adapter.d.ts} +6 -2
- package/components/datepicker/datepicker.component.d.ts +4 -4
- package/components/dialog/dialog.component.d.ts +10 -1
- package/components/dialog/dialog.model.d.ts +12 -0
- package/components/dialog/dialog.service.d.ts +3 -2
- package/components/dropdown/dropdown.component.d.ts +12 -2
- package/components/empty-state/empty-state.component.d.ts +38 -1
- package/components/field/field.component.d.ts +39 -9
- package/components/file-upload/file-upload.component.d.ts +19 -2
- package/components/filter-button/filter-button.component.d.ts +140 -0
- package/components/filter-button/filter-button.component.module.d.ts +18 -0
- package/components/filter-button/filter-button.model.d.ts +13 -0
- package/components/gaussian-chart/gaussian-chart.component.d.ts +75 -0
- package/components/gaussian-chart/gaussian-chart.module.d.ts +13 -0
- package/components/icon/icon.config.d.ts +1 -1
- package/components/logo/logo.component.d.ts +1 -1
- package/components/multi-input/multi-input.component.d.ts +14 -7
- package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts +5 -3
- package/components/navbar/navbar.component.d.ts +11 -4
- package/components/page-header/page-header.component.d.ts +1 -1
- package/components/password-criteria/password.component.d.ts +3 -1
- package/components/radio-button/radio-button.component.d.ts +11 -1
- package/components/scale/scale.component.d.ts +1 -0
- package/components/side-panel/side-panel.service.d.ts +2 -2
- package/components/slider/slider.component.d.ts +19 -8
- package/components/slider/slider.component.module.d.ts +1 -8
- package/components/spider-chart/spider-chart.component.d.ts +2 -0
- package/components/spider-chart/spider-chart.module.d.ts +3 -2
- package/components/spinner/spinner.component.d.ts +7 -1
- package/components/step/step.component.d.ts +12 -4
- package/components/stepper/stepper.component.d.ts +11 -3
- package/components/table/table.component.d.ts +30 -7
- package/components/table/table.component.module.d.ts +1 -1
- package/components/table/table.model.d.ts +13 -4
- package/components/tabs/tab.directive.d.ts +2 -1
- package/components/tabs/tabs.component.d.ts +3 -0
- package/components/tabs/tabs.component.module.d.ts +2 -1
- package/components/tabs/tabs.model.d.ts +2 -0
- package/components/universal-skills-report/universal-skills-report.component.d.ts +7 -7
- package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.d.ts +47 -0
- package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.module.d.ts +16 -0
- package/{components/deprecated-table/directives → directives}/dynamic-component.directive.d.ts +9 -2
- package/esm2022/assets/i18n/da-dk.json +62 -1
- package/esm2022/assets/i18n/de.json +62 -1
- package/esm2022/assets/i18n/en.json +664 -10
- package/esm2022/assets/i18n/es.json +62 -1
- package/esm2022/assets/i18n/fr.json +62 -1
- package/esm2022/assets/i18n/it-it.json +62 -1
- package/esm2022/assets/i18n/ja-jp.json +62 -1
- package/esm2022/assets/i18n/nb-no.json +62 -1
- package/esm2022/assets/i18n/nl.json +62 -1
- package/esm2022/assets/i18n/pl-pl.json +62 -1
- package/esm2022/assets/i18n/pt-br.json +62 -1
- package/esm2022/assets/i18n/sv-se.json +62 -1
- package/esm2022/components/accordion/accordion.component.mjs +5 -5
- package/esm2022/components/accordion/accordion.component.module.mjs +4 -4
- package/esm2022/components/alert-banner/alert-banner.component.mjs +15 -5
- package/esm2022/components/alert-banner/alert-banner.component.module.mjs +4 -4
- package/esm2022/components/autocomplete/autocomplete.component.mjs +113 -21
- package/esm2022/components/autocomplete/autocomplete.component.module.mjs +11 -7
- package/esm2022/components/autocomplete/includes.pipe.mjs +3 -3
- package/esm2022/components/autocomplete/prevent-input.directive.mjs +3 -3
- package/esm2022/components/autocomplete/transform-Item.pipe.mjs +3 -3
- package/esm2022/components/avatar/avatar.component.mjs +7 -6
- package/esm2022/components/avatar/avatar.component.module.mjs +7 -6
- package/esm2022/components/badge/badge.component.mjs +4 -4
- package/esm2022/components/badge/badge.component.module.mjs +4 -4
- package/esm2022/components/button/button.component.mjs +44 -20
- package/esm2022/components/button/button.component.module.mjs +4 -4
- package/esm2022/components/button/button.model.mjs +1 -1
- package/esm2022/components/card/card.component.mjs +38 -7
- package/esm2022/components/card/card.component.module.mjs +4 -4
- package/esm2022/components/checkbox/checkbox.component.mjs +35 -11
- package/esm2022/components/checkbox/checkbox.component.module.mjs +4 -4
- package/esm2022/components/checkbox/focus-visible.directive.mjs +3 -3
- package/esm2022/components/checklist/checklist.component.mjs +6 -6
- package/esm2022/components/checklist/checklist.model.mjs +1 -1
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +18 -6
- package/esm2022/components/confirm-dialog/confirm-dialog.component.module.mjs +4 -4
- package/esm2022/components/confirm-dialog/confirm-dialog.model.mjs +1 -1
- package/esm2022/components/datepicker/date-adapter.mjs +39 -0
- package/esm2022/components/datepicker/datepicker.component.mjs +15 -17
- package/esm2022/components/datepicker/datepicker.component.module.mjs +4 -4
- package/esm2022/components/datepicker/datepicker.service.mjs +3 -3
- package/esm2022/components/datepicker/no-date-format.directive.mjs +6 -6
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.mjs +3 -3
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.module.mjs +4 -4
- package/esm2022/components/dialog/dialog.component.mjs +21 -8
- package/esm2022/components/dialog/dialog.component.module.mjs +4 -4
- package/esm2022/components/dialog/dialog.model.mjs +2 -0
- package/esm2022/components/dialog/dialog.service.mjs +6 -5
- package/esm2022/components/divider/divider.component.mjs +3 -3
- package/esm2022/components/divider/divider.component.module.mjs +4 -4
- package/esm2022/components/dropdown/dropdown.component.mjs +28 -9
- package/esm2022/components/dropdown/dropdown.component.module.mjs +4 -4
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +3 -3
- package/esm2022/components/elevation-shadow/elevation-shadow.component.module.mjs +4 -4
- package/esm2022/components/empty-state/empty-state.component.mjs +53 -5
- package/esm2022/components/empty-state/empty-state.component.module.mjs +4 -4
- package/esm2022/components/field/field.component.mjs +53 -29
- package/esm2022/components/field/field.component.module.mjs +4 -4
- package/esm2022/components/file-upload/file-upload.component.mjs +46 -32
- package/esm2022/components/file-upload/file-upload.component.module.mjs +4 -4
- package/esm2022/components/filter-button/filter-button.component.mjs +255 -0
- package/esm2022/components/filter-button/filter-button.component.module.mjs +58 -0
- package/esm2022/components/filter-button/filter-button.model.mjs +2 -0
- package/esm2022/components/gaussian-chart/gaussian-chart.component.mjs +246 -0
- package/esm2022/components/gaussian-chart/gaussian-chart.module.mjs +42 -0
- package/esm2022/components/icon/icon.component.mjs +5 -5
- package/esm2022/components/icon/icon.component.module.mjs +4 -4
- package/esm2022/components/icon/icon.config.mjs +27 -1
- package/esm2022/components/icon-label/icon-label.component.mjs +3 -3
- package/esm2022/components/icon-label/icon-label.component.module.mjs +4 -4
- package/esm2022/components/logo/logo.component.mjs +4 -4
- package/esm2022/components/logo/logo.component.module.mjs +4 -4
- package/esm2022/components/media-card/media-card.component.mjs +5 -5
- package/esm2022/components/multi-input/multi-input.component.mjs +37 -24
- package/esm2022/components/multi-input/multi-input.component.module.mjs +4 -4
- package/esm2022/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.mjs +13 -9
- package/esm2022/components/navbar/navbar.component.mjs +17 -14
- package/esm2022/components/navbar/navbar.component.module.mjs +4 -4
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +4 -4
- package/esm2022/components/overflow-menu/overflow-menu.component.module.mjs +4 -4
- package/esm2022/components/page-header/page-header.component.mjs +5 -5
- package/esm2022/components/page-header/page-header.component.module.mjs +4 -4
- package/esm2022/components/paginator/paginator.component.mjs +3 -3
- package/esm2022/components/paginator/paginator.component.module.mjs +4 -4
- package/esm2022/components/password-criteria/password.component.mjs +13 -7
- package/esm2022/components/password-criteria/password.component.module.mjs +4 -4
- package/esm2022/components/password-strength/password-strength.component.mjs +3 -3
- package/esm2022/components/password-strength/password-strength.component.module.mjs +4 -4
- package/esm2022/components/phone-input/join-strings.pipe.mjs +3 -3
- package/esm2022/components/phone-input/phone-input.component.mjs +4 -4
- package/esm2022/components/phone-input/phone-input.component.module.mjs +4 -4
- package/esm2022/components/progress-bar/progress-bar.component.mjs +4 -4
- package/esm2022/components/progress-bar/progress-bar.component.module.mjs +4 -4
- package/esm2022/components/radial-progress/radial-progress.component.mjs +3 -3
- package/esm2022/components/radial-progress/radial-progress.component.module.mjs +4 -4
- package/esm2022/components/radio-button/radio-button.component.mjs +19 -5
- package/esm2022/components/radio-button/radio-button.component.module.mjs +4 -4
- package/esm2022/components/rating/half-star.pipe.mjs +3 -3
- package/esm2022/components/rating/rating.component.mjs +3 -3
- package/esm2022/components/rating/rating.component.module.mjs +4 -4
- package/esm2022/components/scale/scale.component.mjs +18 -6
- package/esm2022/components/scale/scale.component.module.mjs +4 -4
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +3 -3
- package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +4 -4
- package/esm2022/components/segmented-button/segmented-button.component.mjs +6 -6
- package/esm2022/components/segmented-button/segmented-button.component.module.mjs +4 -4
- package/esm2022/components/side-panel/side-panel.component.mjs +6 -6
- package/esm2022/components/side-panel/side-panel.service.mjs +9 -8
- package/esm2022/components/side-sheet/side-sheet.component.mjs +3 -3
- package/esm2022/components/side-sheet/side-sheet.component.module.mjs +4 -4
- package/esm2022/components/side-sheet/side-sheet.service.mjs +3 -3
- package/esm2022/components/skeleton/skeleton.component.mjs +3 -3
- package/esm2022/components/slider/slider.component.mjs +70 -12
- package/esm2022/components/slider/slider.component.module.mjs +6 -33
- package/esm2022/components/slider/slider.model.mjs +1 -1
- package/esm2022/components/snackbar/snackbar.component.mjs +4 -4
- package/esm2022/components/snackbar/snackbar.component.module.mjs +4 -4
- package/esm2022/components/snackbar/snackbar.service.mjs +3 -3
- package/esm2022/components/spider-chart/spider-chart.component.mjs +25 -7
- package/esm2022/components/spider-chart/spider-chart.module.mjs +8 -5
- package/esm2022/components/spinner/spinner.component.mjs +15 -6
- package/esm2022/components/spinner/spinner.module.mjs +4 -4
- package/esm2022/components/step/step.component.mjs +52 -12
- package/esm2022/components/step/step.component.module.mjs +4 -4
- package/esm2022/components/stepper/stepper.component.mjs +52 -18
- package/esm2022/components/stepper/stepper.component.module.mjs +4 -4
- package/esm2022/components/table/sentence-case.pipe.mjs +3 -3
- package/esm2022/components/table/table.component.mjs +104 -57
- package/esm2022/components/table/table.component.module.mjs +6 -6
- package/esm2022/components/table/table.model.mjs +13 -1
- package/esm2022/components/tabs/tab.directive.mjs +7 -4
- package/esm2022/components/tabs/tabs.component.mjs +38 -9
- package/esm2022/components/tabs/tabs.component.module.mjs +7 -6
- package/esm2022/components/tabs/tabs.model.mjs +1 -1
- package/esm2022/components/tag/tag.component.mjs +3 -3
- package/esm2022/components/tag/tag.component.module.mjs +4 -4
- package/esm2022/components/toggle/toggle.component.mjs +4 -4
- package/esm2022/components/toggle/toggle.component.module.mjs +4 -4
- package/esm2022/components/tooltip/tooltip-template.directive.mjs +14 -12
- package/esm2022/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/components/tooltip/tooltip.component.module.mjs +4 -4
- package/esm2022/components/universal-skills-report/universal-skills-report.component.mjs +29 -64
- package/esm2022/components/universal-skills-report/universal-skills-report.component.module.mjs +4 -4
- package/esm2022/components/universal-skills-spider-charts/universal-skills-spider-charts.component.mjs +109 -0
- package/esm2022/components/universal-skills-spider-charts/universal-skills-spider-charts.component.module.mjs +52 -0
- package/esm2022/components/validation-error/validation-error.component.mjs +3 -3
- package/esm2022/components/validation-error/validation-error.module.mjs +4 -4
- package/esm2022/directives/digits-only.directive.mjs +3 -3
- package/esm2022/directives/drag-drop.directive.mjs +3 -3
- package/esm2022/directives/dynamic-component.directive.mjs +40 -0
- package/esm2022/directives/ellipse-text.directive.mjs +3 -3
- package/esm2022/directives/select-text.directive.mjs +3 -3
- package/esm2022/directives/step-line-element.directive.mjs +3 -3
- package/esm2022/models/universal-skills-report.model.mjs +33 -0
- package/esm2022/pipes/data-property-getter.mjs +3 -3
- package/esm2022/pipes/has-validation-error.pipe.mjs +3 -3
- package/esm2022/pipes/memoize-func.pipe.mjs +3 -3
- package/esm2022/pipes/name-initials.pipe.mjs +3 -3
- package/esm2022/pipes/ui-ordinal-suffix.pipe.mjs +3 -3
- package/esm2022/pipes/ui-translate.pipe.mjs +3 -3
- package/esm2022/public-api.mjs +17 -6
- package/esm2022/services/icons.service.mjs +3 -3
- package/esm2022/services/universal-skills.service.mjs +85 -0
- package/esm2022/utils/autocomplete-utils.mjs +15 -3
- package/esm2022/utils/localization/language.service.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui.mjs +3878 -1246
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/models/universal-skills-report.model.d.ts +44 -0
- package/package.json +17 -15
- package/projects/tgo-canopy-ui/assets/i18n/da-dk.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/de.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/en.json +665 -10
- package/projects/tgo-canopy-ui/assets/i18n/es.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/fr.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/it-it.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/ja-jp.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/nb-no.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/nl.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/pl-pl.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/pt-br.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/sv-se.json +62 -1
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Analytics-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Analytics-in-line.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Failed-to-load-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Failed-to-load-in-line.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/History-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/History-in-line.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Star-filled.svg +5 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Star-in-line.svg +5 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Tag-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Tag-in-line.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/TestGorilla-Pink-filled.svg +11 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/TestGorilla-Pink-in-line.svg +11 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Verified-badge-filled.svg +23 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Verified-badge-in-line.svg +23 -0
- package/projects/tgo-canopy-ui/theme/_input.scss +1 -0
- package/projects/tgo-canopy-ui/theme/_palette.scss +9 -9
- package/projects/tgo-canopy-ui/theme/_tooltip.scss +12 -8
- package/projects/tgo-canopy-ui/theme/_typography.scss +4 -0
- package/projects/tgo-canopy-ui/theme/_variables.scss +3 -3
- package/public-api.d.ts +11 -4
- package/services/universal-skills.service.d.ts +13 -0
- package/utils/autocomplete-utils.d.ts +2 -2
- package/components/deprecated-table/deprecated-table.component.d.ts +0 -91
- package/components/deprecated-table/deprecated-table.component.module.d.ts +0 -14
- package/components/deprecated-table/deprecated-table.model.d.ts +0 -45
- package/components/universal-skills-report/universal-skills-report.model.d.ts +0 -33
- package/esm2022/components/datepicker/DateAdapter.mjs +0 -30
- package/esm2022/components/deprecated-table/deprecated-table.component.mjs +0 -158
- package/esm2022/components/deprecated-table/deprecated-table.component.module.mjs +0 -43
- package/esm2022/components/deprecated-table/deprecated-table.model.mjs +0 -13
- package/esm2022/components/deprecated-table/directives/dynamic-component.directive.mjs +0 -40
- package/esm2022/components/universal-skills-report/universal-skills-report.model.mjs +0 -19
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AsyncPipe } from '@angular/common';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, computed, inject, signal, viewChild, ViewContainerRef } from '@angular/core';
|
|
2
3
|
import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
|
|
3
4
|
import { LanguageService } from '../../utils/localization/language.service';
|
|
4
5
|
import { ButtonComponentModule } from '../button/button.component.module';
|
|
@@ -6,7 +7,6 @@ import { TooltipComponentModule } from '../tooltip/tooltip.component.module';
|
|
|
6
7
|
import { backdropAnimation, sidePanelAnimation, sidePanelAnimationDuration } from './side-panel.animations';
|
|
7
8
|
import { SidePanelAnimationState, SidePanelConfig } from './side-panel.model';
|
|
8
9
|
import { SidePanelService } from './side-panel.service';
|
|
9
|
-
import { AsyncPipe } from '@angular/common';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
import * as i1 from "../button/button.component";
|
|
12
12
|
export class SidePanelComponent {
|
|
@@ -45,11 +45,11 @@ export class SidePanelComponent {
|
|
|
45
45
|
this.sidePanelService.destroyComponent();
|
|
46
46
|
}, sidePanelAnimationDuration);
|
|
47
47
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidePanelComponent, isStandalone: true, selector: "ui-side-panel", viewQueries: [{ propertyName: "sidePanelContainer", first: true, predicate: ["sidePanelContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "sidePanel", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "backdrop", first: true, predicate: ["sidePanelBackdrop"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\n <div class=\"side-panel-header\">\n <div class=\"side-panel-title-container\">\n @if (showBackButton) {\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Arrow-chevron-left-filled'\"\n (click)=\"close()\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n size=\"medium\"\n ></ui-button>\n }\n <span class=\"side-panel-title\">{{ title }}</span>\n </div>\n\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"close()\"\n size=\"medium\"\n ></ui-button>\n </div>\n\n <div class=\"side-panel-content\">\n <ng-container #sidePanelContainer></ng-container>\n </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}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{margin-top:40px;overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: TooltipComponentModule }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i1.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe], template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\n <div class=\"side-panel-header\">\n <div class=\"side-panel-title-container\">\n @if (showBackButton) {\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Arrow-chevron-left-filled'\"\n (click)=\"close()\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n size=\"medium\"\n ></ui-button>\n }\n <span class=\"side-panel-title\">{{ title }}</span>\n </div>\n\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"close()\"\n size=\"medium\"\n ></ui-button>\n </div>\n\n <div class=\"side-panel-content\">\n <ng-container #sidePanelContainer></ng-container>\n </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}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{margin-top:40px;overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between}\n"] }]
|
|
54
54
|
}], ctorParameters: () => [] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFFUixNQUFNLEVBQ04sTUFBTSxFQUNOLFNBQVMsRUFDVCxnQkFBZ0IsRUFDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM1RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsZUFBZSxFQUFxQixNQUFNLG9CQUFvQixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7QUFXeEQsTUFBTSxPQUFPLGtCQUFrQjtJQXdCN0I7UUF2QkEsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLHNCQUFpQixHQUFHLE1BQU0sQ0FBb0IsT0FBTyxDQUFDLENBQUM7UUFFdkQsdUJBQWtCLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDMUYsY0FBUyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQTZCLFdBQVcsQ0FBQyxDQUFDO1FBQ3hFLGFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUE2QixtQkFBbUIsQ0FBQyxDQUFDO1FBQy9FLGFBQVEsR0FBRyxlQUFlLENBQUMsZUFBZSxDQUFDO1FBQzNDLFdBQU0sR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFaEMsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDeEIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztnQkFDbEIsT0FBTyx1QkFBdUIsQ0FBQyxJQUFJLENBQUM7WUFDdEMsQ0FBQztZQUVELE9BQU8sSUFBSSxDQUFDLGlCQUFpQixFQUFFLEtBQUssTUFBTTtnQkFDeEMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLFVBQVU7Z0JBQ3BDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxXQUFXLENBQUM7UUFDMUMsQ0FBQyxDQUFDLENBQUM7UUFFSyxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1QyxvQkFBZSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUdoRCxNQUFNLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFDckMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELElBQUk7UUFDRixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUMzQyxDQUFDLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQTFDVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw4S0FLeUMsZ0JBQWdCLHNRQ2pDeEYsMGlDQStCQSxpakdETFksc0JBQXNCLDhCQUFFLHFCQUFxQixxaEJBQUUsZUFBZSwrQ0FBRSxTQUFTLGdDQUh2RSxDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDOzs0RkFLeEMsa0JBQWtCO2tCQVQ5QixTQUFTOytCQUNFLGVBQWUsY0FHYixDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDLG1CQUNsQyx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLHNCQUFzQixFQUFFLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIEVsZW1lbnRSZWYsXG4gIGluamVjdCxcbiAgc2lnbmFsLFxuICB2aWV3Q2hpbGQsXG4gIFZpZXdDb250YWluZXJSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVaVRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy91aS10cmFuc2xhdGUucGlwZSc7XG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi91dGlscy9sb2NhbGl6YXRpb24vbGFuZ3VhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5tb2R1bGUnO1xuaW1wb3J0IHsgVG9vbHRpcENvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IGJhY2tkcm9wQW5pbWF0aW9uLCBzaWRlUGFuZWxBbmltYXRpb24sIHNpZGVQYW5lbEFuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi9zaWRlLXBhbmVsLmFuaW1hdGlvbnMnO1xuaW1wb3J0IHsgU2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUsIFNpZGVQYW5lbENvbmZpZywgU2lkZVBhbmVsUG9zaXRpb24gfSBmcm9tICcuL3NpZGUtcGFuZWwubW9kZWwnO1xuaW1wb3J0IHsgU2lkZVBhbmVsU2VydmljZSB9IGZyb20gJy4vc2lkZS1wYW5lbC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktc2lkZS1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbc2lkZVBhbmVsQW5pbWF0aW9uLCBiYWNrZHJvcEFuaW1hdGlvbl0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbVG9vbHRpcENvbXBvbmVudE1vZHVsZSwgQnV0dG9uQ29tcG9uZW50TW9kdWxlLCBVaVRyYW5zbGF0ZVBpcGUsIEFzeW5jUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVQYW5lbENvbXBvbmVudCB7XG4gIHRpdGxlID0gJyc7XG4gIHNob3dCYWNrQnV0dG9uID0gZmFsc2U7XG4gIHNpZGVQYW5lbFBvc2l0aW9uID0gc2lnbmFsPFNpZGVQYW5lbFBvc2l0aW9uPigncmlnaHQnKTtcblxuICBzaWRlUGFuZWxDb250YWluZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoJ3NpZGVQYW5lbENvbnRhaW5lcicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KTtcbiAgc2lkZVBhbmVsID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+Pignc2lkZVBhbmVsJyk7XG4gIGJhY2tkcm9wID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+Pignc2lkZVBhbmVsQmFja2Ryb3AnKTtcbiAgbGFuZ3VhZ2UgPSBMYW5ndWFnZVNlcnZpY2UuZGVmYXVsdExhbmd1YWdlO1xuICBpc09wZW4gPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGFuaW1hdGlvbiA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBpZiAodGhpcy5pc09wZW4oKSkge1xuICAgICAgcmV0dXJuIFNpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW47XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuc2lkZVBhbmVsUG9zaXRpb24oKSA9PT0gJ2xlZnQnXG4gICAgICA/IFNpZGVQYW5lbEFuaW1hdGlvblN0YXRlLkNsb3NlZExlZnRcbiAgICAgIDogU2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUuQ2xvc2VkUmlnaHQ7XG4gIH0pO1xuXG4gIHByaXZhdGUgc2lkZVBhbmVsU2VydmljZSA9IGluamVjdChTaWRlUGFuZWxTZXJ2aWNlKTtcbiAgcHJpdmF0ZSBzaWRlUGFuZWxDb25maWcgPSBpbmplY3QoU2lkZVBhbmVsQ29uZmlnKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBjb25zdCB7IHBvc2l0aW9uLCBzaG93QmFja0J1dHRvbiwgdGl0bGUgfSA9IHRoaXMuc2lkZVBhbmVsQ29uZmlnO1xuICAgIHRoaXMuc2lkZVBhbmVsUG9zaXRpb24uc2V0KHBvc2l0aW9uKTtcbiAgICB0aGlzLnNob3dCYWNrQnV0dG9uID0gc2hvd0JhY2tCdXR0b247XG4gICAgdGhpcy50aXRsZSA9IHRpdGxlO1xuICB9XG5cbiAgb3BlbigpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXNPcGVuLnNldCh0cnVlKTtcbiAgICB9KTtcbiAgfVxuXG4gIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuaXNPcGVuLnNldChmYWxzZSk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnNpZGVQYW5lbFNlcnZpY2UuZGVzdHJveUNvbXBvbmVudCgpO1xuICAgIH0sIHNpZGVQYW5lbEFuaW1hdGlvbkR1cmF0aW9uKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNpZGUtcGFuZWwtYmFja2Ryb3BcIiAjc2lkZVBhbmVsQmFja2Ryb3AgKGNsaWNrKT1cImNsb3NlKClcIiBbQGZhZGVJbk91dF09XCJpc09wZW4oKSA/ICdvcGVuJyA6ICdjbG9zZWQnXCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwic2lkZS1wYW5lbFwiICNzaWRlUGFuZWwgW0BzbGlkZUluT3V0XT1cImFuaW1hdGlvbigpXCI+XG4gIDxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLWhlYWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLXRpdGxlLWNvbnRhaW5lclwiPlxuICAgICAgQGlmIChzaG93QmFja0J1dHRvbikge1xuICAgICAgICA8dWktYnV0dG9uXG4gICAgICAgICAgY2xhc3M9XCJzaWRlLXBhbmVsLWFjdGlvblwiXG4gICAgICAgICAgW3ZhcmlhbnRdPVwiJ2ljb24tYnV0dG9uJ1wiXG4gICAgICAgICAgW2ljb25OYW1lXT1cIidBcnJvdy1jaGV2cm9uLWxlZnQtZmlsbGVkJ1wiXG4gICAgICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxuICAgICAgICAgIFt0b29sdGlwXT1cIigoJ0NPTU1PTi5CQUNLJykgfCB1aVRyYW5zbGF0ZSB8IGFzeW5jKSFcIlxuICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICA+PC91aS1idXR0b24+XG4gICAgICB9XG4gICAgICA8c3BhbiBjbGFzcz1cInNpZGUtcGFuZWwtdGl0bGVcIj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cblxuICAgIDx1aS1idXR0b25cbiAgICAgIGNsYXNzPVwic2lkZS1wYW5lbC1hY3Rpb25cIlxuICAgICAgW3ZhcmlhbnRdPVwiJ2ljb24tYnV0dG9uJ1wiXG4gICAgICBbaWNvbk5hbWVdPVwiJ0Nsb3NlJ1wiXG4gICAgICBbdG9vbHRpcF09XCIoKCdDT01NT04uQ0xPU0UnKSB8IHVpVHJhbnNsYXRlIHwgYXN5bmMpIVwiXG4gICAgICAoY2xpY2spPVwiY2xvc2UoKVwiXG4gICAgICBzaXplPVwibWVkaXVtXCJcbiAgICA+PC91aS1idXR0b24+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGFpbmVyICNzaWRlUGFuZWxDb250YWluZXI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -8,10 +8,10 @@ export class SidePanelService {
|
|
|
8
8
|
this.injector = inject(EnvironmentInjector);
|
|
9
9
|
this.appRef = inject(ApplicationRef);
|
|
10
10
|
}
|
|
11
|
-
open(content, config) {
|
|
11
|
+
open(content, config, parentInjector) {
|
|
12
12
|
const panelConfig = { ...this.defaultSidePanelConfig, ...config };
|
|
13
13
|
if (!this.SidePanelComponentRef) {
|
|
14
|
-
const injector = this.createSidePanelInjector(panelConfig);
|
|
14
|
+
const injector = this.createSidePanelInjector(panelConfig, parentInjector);
|
|
15
15
|
const SidePanelComponentRef = this.createSidePanelComponent(panelConfig.position, injector);
|
|
16
16
|
this.SidePanelComponentRef = SidePanelComponentRef;
|
|
17
17
|
}
|
|
@@ -34,9 +34,10 @@ export class SidePanelService {
|
|
|
34
34
|
this.contentComponentRef = undefined;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
createSidePanelInjector(config) {
|
|
37
|
+
createSidePanelInjector(config, parentInjector) {
|
|
38
38
|
return Injector.create({
|
|
39
|
-
|
|
39
|
+
parent: parentInjector,
|
|
40
|
+
providers: [{ provide: SidePanelConfig, useValue: config }],
|
|
40
41
|
});
|
|
41
42
|
}
|
|
42
43
|
createSidePanelComponent(position, injector) {
|
|
@@ -64,13 +65,13 @@ export class SidePanelService {
|
|
|
64
65
|
this.embeddedViewRef = viewContainerRef().createEmbeddedView(template);
|
|
65
66
|
}
|
|
66
67
|
}
|
|
67
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
68
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
68
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
69
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelService, providedIn: 'root' }); }
|
|
69
70
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidePanelService, decorators: [{
|
|
71
72
|
type: Injectable,
|
|
72
73
|
args: [{
|
|
73
74
|
providedIn: 'root',
|
|
74
75
|
}]
|
|
75
76
|
}], ctorParameters: () => [] });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NpZGUtcGFuZWwvc2lkZS1wYW5lbC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxjQUFjLEVBRWQsZUFBZSxFQUVmLG1CQUFtQixFQUNuQixNQUFNLEVBQ04sVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEdBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBcUIsTUFBTSxvQkFBb0IsQ0FBQzs7QUFLM0YsTUFBTSxPQUFPLGdCQUFnQjtJQVEzQjtRQUpRLDJCQUFzQixHQUFvQixNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNwRSxhQUFRLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDdkMsV0FBTSxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUV6QixDQUFDO0lBRWhCLElBQUksQ0FBQyxPQUFxQyxFQUFFLE1BQWdDLEVBQUUsY0FBeUI7UUFDckcsTUFBTSxXQUFXLEdBQW9CLEVBQUUsR0FBRyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsR0FBRyxNQUFNLEVBQUUsQ0FBQztRQUVuRixJQUFJLENBQUMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFDaEMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsQ0FBQztZQUMzRSxNQUFNLHFCQUFxQixHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQzVGLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztRQUNyRCxDQUFDO1FBRUQsSUFBSSxPQUFPLFlBQVksV0FBVyxFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDOUIsQ0FBQztRQUVELElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVELElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMscUJBQXFCLEdBQUcsU0FBUyxDQUFDO1FBQ3pDLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzdCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsU0FBUyxDQUFDO1FBQ3ZDLENBQUM7SUFDSCxDQUFDO0lBRU8sdUJBQXVCLENBQUMsTUFBdUIsRUFBRSxjQUF5QjtRQUNoRixPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDckIsTUFBTSxFQUFFLGNBQWM7WUFDdEIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsQ0FBQztTQUM1RCxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sd0JBQXdCLENBQUMsUUFBMkIsRUFBRSxRQUFrQjtRQUM5RSxNQUFNLHFCQUFxQixHQUFHLGVBQWUsQ0FBQyxrQkFBa0IsRUFBRTtZQUNoRSxtQkFBbUIsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUNsQyxlQUFlLEVBQUUsUUFBUTtTQUMxQixDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUV2RCxNQUFNLFdBQVcsR0FBSSxxQkFBcUIsQ0FBQyxRQUFpQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQWdCLENBQUM7UUFDekcsV0FBVyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsRUFBRSxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRWxFLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRXZDLE9BQU8scUJBQXFCLENBQUM7SUFDL0IsQ0FBQztJQUVPLGFBQWEsQ0FBQyxTQUFvQjtRQUN4QyxNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxRQUFRLENBQUMsa0JBQWtCLENBQUM7UUFDakYsSUFBSSxnQkFBZ0IsRUFBRSxDQUFDO1lBQ3JCLGdCQUFnQixFQUFFLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLG1CQUFtQixHQUFHLGdCQUFnQixFQUFFLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzNFLENBQUM7SUFDSCxDQUFDO0lBRU8sWUFBWSxDQUFDLFFBQTBCO1FBQzdDLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQztRQUNqRixJQUFJLGdCQUFnQixFQUFFLENBQUM7WUFDckIsZ0JBQWdCLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsZUFBZSxHQUFHLGdCQUFnQixFQUFFLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDekUsQ0FBQztJQUNILENBQUM7K0dBOUVVLGdCQUFnQjttSEFBaEIsZ0JBQWdCLGNBRmYsTUFBTTs7NEZBRVAsZ0JBQWdCO2tCQUg1QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFwcGxpY2F0aW9uUmVmLFxuICBDb21wb25lbnRSZWYsXG4gIGNyZWF0ZUNvbXBvbmVudCxcbiAgRW1iZWRkZWRWaWV3UmVmLFxuICBFbnZpcm9ubWVudEluamVjdG9yLFxuICBpbmplY3QsXG4gIEluamVjdGFibGUsXG4gIEluamVjdG9yLFxuICBUZW1wbGF0ZVJlZixcbiAgVHlwZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaWRlUGFuZWxDb21wb25lbnQgfSBmcm9tICcuL3NpZGUtcGFuZWwuY29tcG9uZW50JztcbmltcG9ydCB7IFNJREVfUEFORUxfQ09ORklHLCBTaWRlUGFuZWxDb25maWcsIFNpZGVQYW5lbFBvc2l0aW9uIH0gZnJvbSAnLi9zaWRlLXBhbmVsLm1vZGVsJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVQYW5lbFNlcnZpY2Uge1xuICBwcml2YXRlIFNpZGVQYW5lbENvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxTaWRlUGFuZWxDb21wb25lbnQ+O1xuICBwcml2YXRlIGNvbnRlbnRDb21wb25lbnRSZWY/OiBDb21wb25lbnRSZWY8YW55PjtcbiAgcHJpdmF0ZSBlbWJlZGRlZFZpZXdSZWY/OiBFbWJlZGRlZFZpZXdSZWY8YW55PjtcbiAgcHJpdmF0ZSBkZWZhdWx0U2lkZVBhbmVsQ29uZmlnOiBTaWRlUGFuZWxDb25maWcgPSBpbmplY3QoU0lERV9QQU5FTF9DT05GSUcpO1xuICBwcml2YXRlIGluamVjdG9yID0gaW5qZWN0KEVudmlyb25tZW50SW5qZWN0b3IpO1xuICBwcml2YXRlIGFwcFJlZiA9IGluamVjdChBcHBsaWNhdGlvblJlZik7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9wZW4oY29udGVudDogVHlwZTxhbnk+IHwgVGVtcGxhdGVSZWY8YW55PiwgY29uZmlnOiBQYXJ0aWFsPFNpZGVQYW5lbENvbmZpZz4sIHBhcmVudEluamVjdG9yPzogSW5qZWN0b3IpOiB2b2lkIHtcbiAgICBjb25zdCBwYW5lbENvbmZpZzogU2lkZVBhbmVsQ29uZmlnID0geyAuLi50aGlzLmRlZmF1bHRTaWRlUGFuZWxDb25maWcsIC4uLmNvbmZpZyB9O1xuXG4gICAgaWYgKCF0aGlzLlNpZGVQYW5lbENvbXBvbmVudFJlZikge1xuICAgICAgY29uc3QgaW5qZWN0b3IgPSB0aGlzLmNyZWF0ZVNpZGVQYW5lbEluamVjdG9yKHBhbmVsQ29uZmlnLCBwYXJlbnRJbmplY3Rvcik7XG4gICAgICBjb25zdCBTaWRlUGFuZWxDb21wb25lbnRSZWYgPSB0aGlzLmNyZWF0ZVNpZGVQYW5lbENvbXBvbmVudChwYW5lbENvbmZpZy5wb3NpdGlvbiwgaW5qZWN0b3IpO1xuICAgICAgdGhpcy5TaWRlUGFuZWxDb21wb25lbnRSZWYgPSBTaWRlUGFuZWxDb21wb25lbnRSZWY7XG4gICAgfVxuXG4gICAgaWYgKGNvbnRlbnQgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xuICAgICAgdGhpcy5sb2FkVGVtcGxhdGUoY29udGVudCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMubG9hZENvbXBvbmVudChjb250ZW50KTtcbiAgICB9XG5cbiAgICB0aGlzLlNpZGVQYW5lbENvbXBvbmVudFJlZi5pbnN0YW5jZS5vcGVuKCk7XG4gIH1cblxuICBkZXN0cm95Q29tcG9uZW50KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLlNpZGVQYW5lbENvbXBvbmVudFJlZikge1xuICAgICAgdGhpcy5hcHBSZWYuZGV0YWNoVmlldyh0aGlzLlNpZGVQYW5lbENvbXBvbmVudFJlZi5ob3N0Vmlldyk7XG4gICAgICB0aGlzLlNpZGVQYW5lbENvbXBvbmVudFJlZi5kZXN0cm95KCk7XG4gICAgICB0aGlzLlNpZGVQYW5lbENvbXBvbmVudFJlZiA9IHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5jb250ZW50Q29tcG9uZW50UmVmKSB7XG4gICAgICB0aGlzLmNvbnRlbnRDb21wb25lbnRSZWYuZGVzdHJveSgpO1xuICAgICAgdGhpcy5jb250ZW50Q29tcG9uZW50UmVmID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlU2lkZVBhbmVsSW5qZWN0b3IoY29uZmlnOiBTaWRlUGFuZWxDb25maWcsIHBhcmVudEluamVjdG9yPzogSW5qZWN0b3IpOiBJbmplY3RvciB7XG4gICAgcmV0dXJuIEluamVjdG9yLmNyZWF0ZSh7XG4gICAgICBwYXJlbnQ6IHBhcmVudEluamVjdG9yLFxuICAgICAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBTaWRlUGFuZWxDb25maWcsIHVzZVZhbHVlOiBjb25maWcgfV0sXG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZVNpZGVQYW5lbENvbXBvbmVudChwb3NpdGlvbjogU2lkZVBhbmVsUG9zaXRpb24sIGluamVjdG9yOiBJbmplY3Rvcik6IENvbXBvbmVudFJlZjxTaWRlUGFuZWxDb21wb25lbnQ+IHtcbiAgICBjb25zdCBzaWRlUGFuZWxDb21wb25lbnRSZWYgPSBjcmVhdGVDb21wb25lbnQoU2lkZVBhbmVsQ29tcG9uZW50LCB7XG4gICAgICBlbnZpcm9ubWVudEluamVjdG9yOiB0aGlzLmluamVjdG9yLFxuICAgICAgZWxlbWVudEluamVjdG9yOiBpbmplY3RvcixcbiAgICB9KTtcblxuICAgIHRoaXMuYXBwUmVmLmF0dGFjaFZpZXcoc2lkZVBhbmVsQ29tcG9uZW50UmVmLmhvc3RWaWV3KTtcblxuICAgIGNvbnN0IHNpZGVQYW5lbEVsID0gKHNpZGVQYW5lbENvbXBvbmVudFJlZi5ob3N0VmlldyBhcyBFbWJlZGRlZFZpZXdSZWY8YW55Pikucm9vdE5vZGVzWzBdIGFzIEhUTUxFbGVtZW50O1xuICAgIHNpZGVQYW5lbEVsLnF1ZXJ5U2VsZWN0b3IoJy5zaWRlLXBhbmVsJyk/LmNsYXNzTGlzdC5hZGQocG9zaXRpb24pO1xuXG4gICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChzaWRlUGFuZWxFbCk7XG5cbiAgICByZXR1cm4gc2lkZVBhbmVsQ29tcG9uZW50UmVmO1xuICB9XG5cbiAgcHJpdmF0ZSBsb2FkQ29tcG9uZW50KGNvbXBvbmVudDogVHlwZTxhbnk+KTogdm9pZCB7XG4gICAgY29uc3Qgdmlld0NvbnRhaW5lclJlZiA9IHRoaXMuU2lkZVBhbmVsQ29tcG9uZW50UmVmPy5pbnN0YW5jZS5zaWRlUGFuZWxDb250YWluZXI7XG4gICAgaWYgKHZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgIHZpZXdDb250YWluZXJSZWYoKS5jbGVhcigpO1xuICAgICAgdGhpcy5jb250ZW50Q29tcG9uZW50UmVmID0gdmlld0NvbnRhaW5lclJlZigpLmNyZWF0ZUNvbXBvbmVudChjb21wb25lbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgbG9hZFRlbXBsYXRlKHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+KTogdm9pZCB7XG4gICAgY29uc3Qgdmlld0NvbnRhaW5lclJlZiA9IHRoaXMuU2lkZVBhbmVsQ29tcG9uZW50UmVmPy5pbnN0YW5jZS5zaWRlUGFuZWxDb250YWluZXI7XG4gICAgaWYgKHZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgIHZpZXdDb250YWluZXJSZWYoKS5jbGVhcigpO1xuICAgICAgdGhpcy5lbWJlZGRlZFZpZXdSZWYgPSB2aWV3Q29udGFpbmVyUmVmKCkuY3JlYXRlRW1iZWRkZWRWaWV3KHRlbXBsYXRlKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -75,10 +75,10 @@ export class SideSheetComponent {
|
|
|
75
75
|
onOpenChange(isOpened) {
|
|
76
76
|
this.openChange.emit(isOpened);
|
|
77
77
|
}
|
|
78
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
79
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideSheetComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.SideSheetService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
79
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SideSheetComponent, selector: "ui-side-sheet", inputs: { position: "position", applicationTheme: "applicationTheme" }, outputs: { openChange: "openChange" }, host: { listeners: { "keydown.esc": "onEscPress($event)" } }, viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-container>\n <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n <mat-drawer (closedStart)=\"onOpenChange(false)\" (openedStart)=\"onOpenChange(true)\" #drawer [mode]=\"'over'\" [autoFocus]=\"false\" class=\"side-sheet-content\" [position]=\"position\">\n <div class=\"header\">\n <div class=\"title\">\n <ui-button\n *ngIf=\"showBackButton\"\n [variant]=\"'icon-button'\"\n [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n [applicationTheme]=\"applicationTheme\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n (click)=\"onClose()\"\n ></ui-button>\n <span\n *ngIf=\"title\"\n [matTooltip]=\"showTitleTooltip ? title : ''\"\n [matTooltipClass]=\"applicationTheme\"\n >{{ title }}</span>\n <ui-logo *ngIf=\"showLogo\"></ui-logo>\n </div>\n <ui-button\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n [applicationTheme]=\"applicationTheme\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"onClose()\"\n ></ui-button>\n </div>\n <ng-container #container></ng-container>\n </mat-drawer>\n <mat-drawer-content>\n <ng-content></ng-content>\n </mat-drawer-content>\n </mat-drawer-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 600px){.side-sheet-container .side-sheet-content{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i5.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i5.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i6.LogoComponent, selector: "ui-logo", inputs: ["type", "applicationTheme", "label", "width", "allowResizing"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.UiTranslatePipe, name: "uiTranslate" }] }); }
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideSheetComponent, decorators: [{
|
|
82
82
|
type: Component,
|
|
83
83
|
args: [{ selector: 'ui-side-sheet', template: "<ng-container>\n <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n <mat-drawer (closedStart)=\"onOpenChange(false)\" (openedStart)=\"onOpenChange(true)\" #drawer [mode]=\"'over'\" [autoFocus]=\"false\" class=\"side-sheet-content\" [position]=\"position\">\n <div class=\"header\">\n <div class=\"title\">\n <ui-button\n *ngIf=\"showBackButton\"\n [variant]=\"'icon-button'\"\n [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n [applicationTheme]=\"applicationTheme\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n (click)=\"onClose()\"\n ></ui-button>\n <span\n *ngIf=\"title\"\n [matTooltip]=\"showTitleTooltip ? title : ''\"\n [matTooltipClass]=\"applicationTheme\"\n >{{ title }}</span>\n <ui-logo *ngIf=\"showLogo\"></ui-logo>\n </div>\n <ui-button\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n [applicationTheme]=\"applicationTheme\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"onClose()\"\n ></ui-button>\n </div>\n <ng-container #container></ng-container>\n </mat-drawer>\n <mat-drawer-content>\n <ng-content></ng-content>\n </mat-drawer-content>\n </mat-drawer-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 600px){.side-sheet-container .side-sheet-content{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"] }]
|
|
84
84
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -9,22 +9,22 @@ import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
|
|
|
9
9
|
import { LogoComponentModule } from "../logo/logo.component.module";
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export class SideSheetComponentModule {
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideSheetComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SideSheetComponentModule, declarations: [SideSheetComponent], imports: [CommonModule,
|
|
14
14
|
IconComponentModule,
|
|
15
15
|
ButtonComponentModule,
|
|
16
16
|
MatTooltipModule,
|
|
17
17
|
MatSidenavModule,
|
|
18
18
|
UiTranslatePipe,
|
|
19
19
|
LogoComponentModule], exports: [SideSheetComponent] }); }
|
|
20
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideSheetComponentModule, imports: [CommonModule,
|
|
21
21
|
IconComponentModule,
|
|
22
22
|
ButtonComponentModule,
|
|
23
23
|
MatTooltipModule,
|
|
24
24
|
MatSidenavModule,
|
|
25
25
|
LogoComponentModule] }); }
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideSheetComponentModule, decorators: [{
|
|
28
28
|
type: NgModule,
|
|
29
29
|
args: [{
|
|
30
30
|
declarations: [SideSheetComponent],
|
|
@@ -19,10 +19,10 @@ export class SideSheetService {
|
|
|
19
19
|
getComponentRef() {
|
|
20
20
|
return this.componentRef$.asObservable();
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
23
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideSheetService, deps: [{ token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
23
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideSheetService, providedIn: 'root' }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideSheetService, decorators: [{
|
|
26
26
|
type: Injectable,
|
|
27
27
|
args: [{
|
|
28
28
|
providedIn: 'root',
|
|
@@ -48,10 +48,10 @@ export class SkeletonComponent {
|
|
|
48
48
|
return theme;
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkeletonComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SkeletonComponent, isStandalone: true, selector: "ui-skeleton", inputs: { count: "count", theme: "theme", appearance: "appearance", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ngx-skeleton-loader\n [count]=\"count\"\n [theme]=\"currentTheme$ | async\"\n [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i2.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
56
|
args: [{ selector: 'ui-skeleton', standalone: true, imports: [CommonModule, NgxSkeletonLoaderModule], template: "<ngx-skeleton-loader\n [count]=\"count\"\n [theme]=\"currentTheme$ | async\"\n [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n" }]
|
|
57
57
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|