@testgorilla/tgo-ui 4.1.3-beta → 4.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion.component.d.ts +2 -2
- package/components/accordion/accordion.component.module.d.ts +2 -2
- package/components/ai-feedback/ai-feedback.module.d.ts +2 -2
- package/components/alert-banner/alert-banner.component.d.ts +2 -2
- package/components/alert-banner/alert-banner.component.module.d.ts +3 -3
- package/components/autocomplete/autocomplete.component.d.ts +2 -2
- package/components/autocomplete/autocomplete.component.module.d.ts +10 -9
- package/components/avatar/avatar.component.d.ts +2 -2
- package/components/avatar/avatar.component.module.d.ts +4 -4
- package/components/avatar/avatar.model.d.ts +2 -2
- package/components/badge/badge.component.d.ts +2 -2
- package/components/badge/badge.component.module.d.ts +1 -1
- package/components/breadcrumb/breadcrumb.component.d.ts +5 -3
- package/components/breadcrumb/breadcrumb.component.module.d.ts +4 -4
- package/components/button/button.component.d.ts +2 -2
- package/components/button/button.component.module.d.ts +5 -4
- package/components/button/button.model.d.ts +1 -1
- package/components/card/card.component.d.ts +2 -2
- package/components/card/card.component.module.d.ts +1 -1
- package/components/card/card.model.d.ts +1 -1
- package/components/checkbox/checkbox.component.d.ts +2 -2
- package/components/checkbox/checkbox.component.module.d.ts +8 -6
- package/components/checklist/checklist.component.d.ts +2 -2
- package/components/confirm-dialog/confirm-dialog.component.d.ts +4 -4
- package/components/confirm-dialog/confirm-dialog.component.module.d.ts +2 -2
- package/components/confirm-dialog/confirm-dialog.model.d.ts +3 -3
- package/components/datepicker/datepicker.component.d.ts +1 -1
- package/components/datepicker/datepicker.component.module.d.ts +3 -3
- package/components/dialog/dialog.component.d.ts +4 -4
- package/components/dialog/dialog.component.module.d.ts +2 -2
- package/components/dialog/dialog.model.d.ts +1 -1
- package/components/dialog/dialog.service.d.ts +1 -1
- package/components/divider/divider.component.d.ts +1 -1
- package/components/donut-chart/donut-chart.component.d.ts +5 -17
- package/components/dropdown/dropdown.component.d.ts +2 -2
- package/components/dropdown/dropdown.component.module.d.ts +6 -5
- package/components/elevation-shadow/elevation-shadow.component.d.ts +1 -1
- package/components/empty-state/empty-state.component.d.ts +3 -3
- package/components/empty-state/empty-state.component.module.d.ts +3 -3
- package/components/field/field.component.d.ts +4 -4
- package/components/field/field.component.module.d.ts +8 -6
- package/components/file-upload/file-upload.component.d.ts +1 -1
- package/components/file-upload/file-upload.component.module.d.ts +3 -3
- package/components/filter-button/filter-button.component.d.ts +3 -3
- package/components/filter-button/filter-button.component.module.d.ts +8 -7
- package/components/filter-button/filter-button.model.d.ts +1 -1
- package/components/gaussian-chart/gaussian-chart.component.d.ts +1 -1
- package/components/gaussian-chart/gaussian-chart.module.d.ts +2 -2
- package/components/icon/icon.component.d.ts +2 -2
- package/components/icon-label/icon-label.component.d.ts +2 -2
- package/components/icon-label/icon-label.component.module.d.ts +1 -1
- package/components/inline-field/inline-field.component.d.ts +3 -3
- package/components/inline-field/inline-field.component.module.d.ts +3 -3
- package/components/inline-field/inline-field.model.d.ts +1 -1
- package/components/logo/logo.component.d.ts +1 -1
- package/components/multi-input/multi-input.component.module.d.ts +8 -7
- package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts +2 -2
- package/components/navbar/navbar.component.d.ts +3 -3
- package/components/navbar/navbar.component.module.d.ts +6 -6
- package/components/navbar/navbar.model.d.ts +2 -2
- package/components/overflow-menu/overflow-menu.component.d.ts +3 -3
- package/components/overflow-menu/overflow-menu.component.module.d.ts +5 -4
- package/components/overflow-menu/overflow-menu.model.d.ts +1 -1
- package/components/page-header/page-header.component.d.ts +1 -1
- package/components/page-header/page-header.component.module.d.ts +2 -2
- package/components/paginator/paginator.component.d.ts +1 -1
- package/components/password-criteria/password.component.module.d.ts +4 -4
- package/components/password-strength/password-strength.component.d.ts +2 -2
- package/components/password-strength/password-strength.component.module.d.ts +3 -3
- package/components/phone-input/phone-input.component.d.ts +1 -1
- package/components/phone-input/phone-input.component.module.d.ts +4 -4
- package/components/progress-bar/progress-bar.component.d.ts +1 -1
- package/components/progress-bar/progress-bar.component.module.d.ts +1 -1
- package/components/prompt/prompt.component.d.ts +1 -1
- package/components/prompt/prompt.module.d.ts +7 -7
- package/components/radial-progress/radial-progress.component.d.ts +2 -2
- package/components/radial-progress/radial-progress.component.module.d.ts +1 -1
- package/components/radio-button/radio-button.component.d.ts +2 -2
- package/components/radio-button/radio-button.component.module.d.ts +2 -2
- package/components/rating/rating.component.d.ts +1 -1
- package/components/scale/scale.component.d.ts +1 -1
- package/components/scale-table/scale-table.component.d.ts +1 -1
- package/components/segmented-bar/segmented-bar.component.d.ts +1 -1
- package/components/segmented-bar/segmented-bar.component.module.d.ts +2 -2
- package/components/segmented-bar/segmented-bar.model.d.ts +1 -1
- package/components/segmented-button/segmented-button.component.d.ts +1 -1
- package/components/selectable-card/selectable-card.component.d.ts +6 -2
- package/components/selectable-card/selectable-card.component.module.d.ts +2 -2
- package/components/side-panel/side-panel.component.d.ts +1 -1
- package/components/side-sheet/side-sheet.component.d.ts +1 -1
- package/components/side-sheet/side-sheet.component.module.d.ts +4 -4
- package/components/skeleton/skeleton.component.d.ts +2 -2
- package/components/slider/slider.component.d.ts +1 -1
- package/components/snackbar/snackbar.component.d.ts +2 -2
- package/components/snackbar/snackbar.component.module.d.ts +3 -3
- package/components/snackbar/snackbar.service.d.ts +1 -1
- package/components/spider-chart/spider-chart.component.d.ts +1 -1
- package/components/spider-chart/spider-chart.module.d.ts +2 -2
- package/components/spinner/spinner.component.d.ts +2 -2
- package/components/spinner/spinner.module.d.ts +2 -2
- package/components/step/step.component.d.ts +3 -3
- package/components/step/step.component.module.d.ts +2 -2
- package/components/stepper/stepper.component.d.ts +1 -1
- package/components/stepper/stepper.component.module.d.ts +3 -3
- package/components/stepper/stepper.model.d.ts +1 -1
- package/components/table/table.component.d.ts +1 -1
- package/components/table/table.component.module.d.ts +5 -5
- package/components/tabs/tab.directive.d.ts +1 -1
- package/components/tabs/tabs.component.d.ts +1 -1
- package/components/tabs/tabs.component.module.d.ts +3 -3
- package/components/tabs/tabs.model.d.ts +1 -1
- package/components/tag/tag.component.d.ts +2 -2
- package/components/tag/tag.component.module.d.ts +3 -3
- package/components/toggle/toggle.component.d.ts +1 -1
- package/components/toggle/toggle.component.module.d.ts +5 -4
- package/components/tooltip/tooltip.component.d.ts +1 -1
- package/components/tooltip/tooltip.component.module.d.ts +3 -2
- package/components/universal-skills-report/universal-skills-report.component.d.ts +2 -2
- package/components/universal-skills-report/universal-skills-report.component.module.d.ts +3 -3
- package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.d.ts +2 -2
- package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.module.d.ts +4 -4
- package/components/validation-error/validation-error.component.d.ts +1 -1
- package/components/validation-error/validation-error.module.d.ts +2 -2
- package/fesm2022/testgorilla-tgo-ui.mjs +22749 -3564
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/models/application-theme.model.d.ts +1 -0
- package/package.json +9 -142
- package/{components/core → pipes}/ui-translate.pipe.d.ts +1 -1
- package/projects/tgo-canopy-ui/assets/i18n/da-dk.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/de.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/en.json +829 -0
- package/projects/tgo-canopy-ui/assets/i18n/es.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/fr.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/it-it.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/ja-jp.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/nb-no.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/nl.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/pl-pl.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/pt-br.json +820 -0
- package/projects/tgo-canopy-ui/assets/i18n/sv-se.json +820 -0
- package/public-api.d.ts +87 -0
- package/utils/alert-bars.utils.d.ts +1 -1
- package/components/autocomplete/index.d.ts +0 -5
- package/components/autocomplete/public-api.d.ts +0 -4
- package/components/avatar/index.d.ts +0 -5
- package/components/avatar/public-api.d.ts +0 -4
- package/components/badge/index.d.ts +0 -5
- package/components/badge/public-api.d.ts +0 -4
- package/components/button/color-contrast.d.ts +0 -28
- package/components/button/index.d.ts +0 -5
- package/components/button/public-api.d.ts +0 -5
- package/components/card/index.d.ts +0 -5
- package/components/card/public-api.d.ts +0 -4
- package/components/checkbox/index.d.ts +0 -5
- package/components/checkbox/public-api.d.ts +0 -4
- package/components/core/application-theme.model.d.ts +0 -7
- package/components/core/has-validation-error.pipe.d.ts +0 -15
- package/components/core/index.d.ts +0 -5
- package/components/core/keyboard-events.model.d.ts +0 -11
- package/components/core/public-api.d.ts +0 -12
- package/components/core/select-text.directive.d.ts +0 -19
- package/components/divider/index.d.ts +0 -5
- package/components/divider/public-api.d.ts +0 -4
- package/components/dropdown/index.d.ts +0 -5
- package/components/dropdown/public-api.d.ts +0 -4
- package/components/elevation-shadow/index.d.ts +0 -5
- package/components/elevation-shadow/public-api.d.ts +0 -3
- package/components/empty-state/index.d.ts +0 -5
- package/components/empty-state/public-api.d.ts +0 -4
- package/components/field/index.d.ts +0 -5
- package/components/field/public-api.d.ts +0 -4
- package/components/filter-button/index.d.ts +0 -5
- package/components/filter-button/public-api.d.ts +0 -4
- package/components/icon/index.d.ts +0 -5
- package/components/icon/public-api.d.ts +0 -5
- package/components/inline-field/index.d.ts +0 -5
- package/components/inline-field/public-api.d.ts +0 -4
- package/components/logo/index.d.ts +0 -5
- package/components/logo/public-api.d.ts +0 -4
- package/components/paginator/index.d.ts +0 -5
- package/components/paginator/public-api.d.ts +0 -3
- package/components/progress-bar/index.d.ts +0 -5
- package/components/progress-bar/public-api.d.ts +0 -3
- package/components/radial-progress/index.d.ts +0 -5
- package/components/radial-progress/public-api.d.ts +0 -4
- package/components/radio-button/index.d.ts +0 -5
- package/components/radio-button/public-api.d.ts +0 -4
- package/components/rating/index.d.ts +0 -5
- package/components/rating/public-api.d.ts +0 -3
- package/components/scale/index.d.ts +0 -5
- package/components/scale/public-api.d.ts +0 -3
- package/components/segmented-bar/index.d.ts +0 -5
- package/components/segmented-bar/public-api.d.ts +0 -4
- package/components/segmented-button/index.d.ts +0 -5
- package/components/segmented-button/public-api.d.ts +0 -4
- package/components/skeleton/index.d.ts +0 -5
- package/components/skeleton/public-api.d.ts +0 -3
- package/components/slider/index.d.ts +0 -5
- package/components/slider/public-api.d.ts +0 -4
- package/components/spinner/index.d.ts +0 -5
- package/components/spinner/public-api.d.ts +0 -4
- package/components/tag/index.d.ts +0 -5
- package/components/tag/public-api.d.ts +0 -4
- package/components/toggle/index.d.ts +0 -5
- package/components/toggle/public-api.d.ts +0 -3
- package/components/tooltip/index.d.ts +0 -5
- package/components/tooltip/public-api.d.ts +0 -5
- package/components/validation-error/index.d.ts +0 -5
- package/components/validation-error/public-api.d.ts +0 -3
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +0 -1045
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +0 -173
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +0 -180
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs +0 -635
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs +0 -164
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +0 -402
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs +0 -10807
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +0 -88
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +0 -434
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +0 -75
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs +0 -326
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs +0 -638
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +0 -314
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs +0 -1496
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +0 -367
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +0 -218
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs +0 -110
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs +0 -128
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +0 -152
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +0 -373
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +0 -150
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +0 -158
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +0 -137
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +0 -128
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs +0 -81
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +0 -274
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs +0 -108
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +0 -239
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +0 -216
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +0 -272
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs.map +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +0 -79
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs.map +0 -1
- /package/{components/core → directives}/digits-only.directive.d.ts +0 -0
- /package/{components/core → directives}/ellipse-text.directive.d.ts +0 -0
- /package/{components/autocomplete → directives}/select-text.directive.d.ts +0 -0
- /package/{components/core → models}/checkbox.model.d.ts +0 -0
- /package/{components/avatar → pipes}/name-initials.pipe.d.ts +0 -0
- /package/{components/icon → services}/icons.service.d.ts +0 -0
- /package/{components/core → utils}/autocomplete-utils.d.ts +0 -0
- /package/{components/core → utils}/hex-to-rgb.d.ts +0 -0
- /package/{components/core → utils/localization}/language.model.d.ts +0 -0
- /package/{components/core → utils/localization}/language.service.d.ts +0 -0
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { NgIf } from '@angular/common';
|
|
5
|
-
|
|
6
|
-
var LogoTypeEnum;
|
|
7
|
-
(function (LogoTypeEnum) {
|
|
8
|
-
LogoTypeEnum["DEFAULT"] = "default";
|
|
9
|
-
LogoTypeEnum["POWEREDBY"] = "poweredby";
|
|
10
|
-
LogoTypeEnum["REVERSE"] = "reverse";
|
|
11
|
-
LogoTypeEnum["PRIMARY_BRANDMARK_PINK"] = "primary-brandmark-pink";
|
|
12
|
-
LogoTypeEnum["PRIMARY_LOCKUP_PINK"] = "primary-lockup-pink";
|
|
13
|
-
LogoTypeEnum["PRIMARY_WORDMARK_PINK"] = "primary-wordmark-pink";
|
|
14
|
-
LogoTypeEnum["SECONDARY_BRANDMARK_BLACK"] = "secondary-brandmark-black";
|
|
15
|
-
LogoTypeEnum["SECONDARY_BRANDMARK_CREAM"] = "secondary-brandmark-cream";
|
|
16
|
-
LogoTypeEnum["SECONDARY_LOCKUP_BLACK"] = "secondary-lockup-black";
|
|
17
|
-
LogoTypeEnum["SECONDARY_LOCKUP_CREAM"] = "secondary-lockup-cream";
|
|
18
|
-
LogoTypeEnum["SECONDARY_WORDMARK_BLACK"] = "secondary-wordmark-black";
|
|
19
|
-
LogoTypeEnum["SECONDARY_WORDMARK_CREAM"] = "secondary-wordmark-cream";
|
|
20
|
-
})(LogoTypeEnum || (LogoTypeEnum = {}));
|
|
21
|
-
var LogoPathEnum;
|
|
22
|
-
(function (LogoPathEnum) {
|
|
23
|
-
LogoPathEnum["DEFAULT"] = "/images/testgorilla.svg";
|
|
24
|
-
LogoPathEnum["POWEREDBY"] = "/images/poweredbyTG.svg";
|
|
25
|
-
LogoPathEnum["REVERSE"] = "/images/reverseTG.svg";
|
|
26
|
-
LogoPathEnum["PRIMARY_BRANDMARK_PINK"] = "/images/rebrand-logo/primary_brandmark_pink.svg";
|
|
27
|
-
LogoPathEnum["PRIMARY_LOCKUP_PINK"] = "/images/rebrand-logo/primary_lockup_pink.svg";
|
|
28
|
-
LogoPathEnum["PRIMARY_WORDMARK_PINK"] = "/images/rebrand-logo/primary_wordmark_pink.svg";
|
|
29
|
-
LogoPathEnum["SECONDARY_BRANDMARK_BLACK"] = "/images/rebrand-logo/secondary_brandmark_black.svg";
|
|
30
|
-
LogoPathEnum["SECONDARY_BRANDMARK_CREAM"] = "/images/rebrand-logo/secondary_brandmark_cream.svg";
|
|
31
|
-
LogoPathEnum["SECONDARY_LOCKUP_BLACK"] = "/images/rebrand-logo/secondary_lockup_black.svg";
|
|
32
|
-
LogoPathEnum["SECONDARY_LOCKUP_CREAM"] = "/images/rebrand-logo/secondary_lockup_cream.svg";
|
|
33
|
-
LogoPathEnum["SECONDARY_WORDMARK_BLACK"] = "/images/rebrand-logo/secondary_wordmark_black.svg";
|
|
34
|
-
LogoPathEnum["SECONDARY_WORDMARK_CREAM"] = "/images/rebrand-logo/secondary_wordmark_cream.svg";
|
|
35
|
-
LogoPathEnum["REBRAND_POWEREDBY"] = "/images/rebrand-logo/powered-by.svg";
|
|
36
|
-
})(LogoPathEnum || (LogoPathEnum = {}));
|
|
37
|
-
|
|
38
|
-
class LogoComponent {
|
|
39
|
-
constructor(defaultAppTheme) {
|
|
40
|
-
this.defaultAppTheme = defaultAppTheme;
|
|
41
|
-
/**
|
|
42
|
-
* Logo type
|
|
43
|
-
*
|
|
44
|
-
* @type {LogoTypeEnum}
|
|
45
|
-
* @memberof LogoComponent
|
|
46
|
-
*/
|
|
47
|
-
this.type = LogoTypeEnum.DEFAULT;
|
|
48
|
-
/**
|
|
49
|
-
*
|
|
50
|
-
* Defines the application theme
|
|
51
|
-
*
|
|
52
|
-
* @type {ApplicationTheme}
|
|
53
|
-
* @memberof LogoComponent
|
|
54
|
-
*/
|
|
55
|
-
this.applicationTheme = 'light';
|
|
56
|
-
/**
|
|
57
|
-
*
|
|
58
|
-
* Label. Only for ppoweredby type
|
|
59
|
-
*
|
|
60
|
-
* @type {string}
|
|
61
|
-
* @memberof LogoComponent
|
|
62
|
-
*/
|
|
63
|
-
this.label = 'POWERED BY';
|
|
64
|
-
/**
|
|
65
|
-
* Set logo width
|
|
66
|
-
* @default 200
|
|
67
|
-
* @type {number}
|
|
68
|
-
* @memberof LogoComponent
|
|
69
|
-
*/
|
|
70
|
-
this.width = 200;
|
|
71
|
-
/**
|
|
72
|
-
*
|
|
73
|
-
* Allow change logo width
|
|
74
|
-
*
|
|
75
|
-
* @type {string}
|
|
76
|
-
* @memberof LogoComponent
|
|
77
|
-
*/
|
|
78
|
-
this.allowResizing = false;
|
|
79
|
-
this.LogoTypeEnum = LogoTypeEnum;
|
|
80
|
-
/**
|
|
81
|
-
* @ignore
|
|
82
|
-
*/
|
|
83
|
-
this.setURL = () => {
|
|
84
|
-
if (this.applicationTheme === 'classic') {
|
|
85
|
-
switch (this.type) {
|
|
86
|
-
case LogoTypeEnum.POWEREDBY: {
|
|
87
|
-
this.logoURL = LogoPathEnum.POWEREDBY;
|
|
88
|
-
break;
|
|
89
|
-
}
|
|
90
|
-
case LogoTypeEnum.REVERSE: {
|
|
91
|
-
this.logoURL = LogoPathEnum.REVERSE;
|
|
92
|
-
break;
|
|
93
|
-
}
|
|
94
|
-
default: {
|
|
95
|
-
this.logoURL = LogoPathEnum.DEFAULT;
|
|
96
|
-
break;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
else {
|
|
101
|
-
switch (this.type) {
|
|
102
|
-
case LogoTypeEnum.PRIMARY_BRANDMARK_PINK: {
|
|
103
|
-
this.logoURL = LogoPathEnum.PRIMARY_BRANDMARK_PINK;
|
|
104
|
-
break;
|
|
105
|
-
}
|
|
106
|
-
case LogoTypeEnum.PRIMARY_LOCKUP_PINK: {
|
|
107
|
-
this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;
|
|
108
|
-
break;
|
|
109
|
-
}
|
|
110
|
-
case LogoTypeEnum.PRIMARY_WORDMARK_PINK: {
|
|
111
|
-
this.logoURL = LogoPathEnum.PRIMARY_WORDMARK_PINK;
|
|
112
|
-
break;
|
|
113
|
-
}
|
|
114
|
-
case LogoTypeEnum.SECONDARY_BRANDMARK_BLACK: {
|
|
115
|
-
this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_BLACK;
|
|
116
|
-
break;
|
|
117
|
-
}
|
|
118
|
-
case LogoTypeEnum.SECONDARY_BRANDMARK_CREAM: {
|
|
119
|
-
this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_CREAM;
|
|
120
|
-
break;
|
|
121
|
-
}
|
|
122
|
-
case LogoTypeEnum.SECONDARY_LOCKUP_BLACK: {
|
|
123
|
-
this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_BLACK;
|
|
124
|
-
break;
|
|
125
|
-
}
|
|
126
|
-
case LogoTypeEnum.SECONDARY_LOCKUP_CREAM: {
|
|
127
|
-
this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_CREAM;
|
|
128
|
-
break;
|
|
129
|
-
}
|
|
130
|
-
case LogoTypeEnum.SECONDARY_WORDMARK_BLACK: {
|
|
131
|
-
this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_BLACK;
|
|
132
|
-
break;
|
|
133
|
-
}
|
|
134
|
-
case LogoTypeEnum.SECONDARY_WORDMARK_CREAM: {
|
|
135
|
-
this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_CREAM;
|
|
136
|
-
break;
|
|
137
|
-
}
|
|
138
|
-
case LogoTypeEnum.POWEREDBY: {
|
|
139
|
-
this.logoURL = LogoPathEnum.REBRAND_POWEREDBY;
|
|
140
|
-
break;
|
|
141
|
-
}
|
|
142
|
-
default: {
|
|
143
|
-
this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;
|
|
144
|
-
break;
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
};
|
|
149
|
-
if (defaultAppTheme) {
|
|
150
|
-
this.applicationTheme = defaultAppTheme;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
/**
|
|
154
|
-
* @ignore
|
|
155
|
-
*/
|
|
156
|
-
ngOnInit() {
|
|
157
|
-
this.setURL();
|
|
158
|
-
}
|
|
159
|
-
/**
|
|
160
|
-
* @ignore
|
|
161
|
-
*/
|
|
162
|
-
ngOnChanges(changes) {
|
|
163
|
-
this.setURL();
|
|
164
|
-
if (changes['width']) {
|
|
165
|
-
this.changeWidth(changes['width'].currentValue);
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
changeWidth(changedWidth) {
|
|
169
|
-
if (changedWidth >= 200 || this.allowResizing) {
|
|
170
|
-
this.width = changedWidth;
|
|
171
|
-
}
|
|
172
|
-
else {
|
|
173
|
-
this.width = 200;
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LogoComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
177
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: LogoComponent, isStandalone: false, selector: "ui-logo", inputs: { type: "type", applicationTheme: "applicationTheme", label: "label", width: "width", allowResizing: "allowResizing" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"applicationTheme === 'classic'; else rebrandLogo\">\n <img [attr.src]=\"logoURL\" [alt]=\"type\">\n</ng-container>\n\n<ng-template #rebrandLogo>\n <div *ngIf=\"label && type === LogoTypeEnum.POWEREDBY; else others\" class=\"logo-label\" [style.width]=\"width + 'px'\">\n <h3 class=\"bold\">{{ label }}</h3>\n <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n </div>\n\n <ng-template #others>\n <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n </ng-template>\n</ng-template>\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{position:relative}:host .logo-label{height:80px}:host .logo-label h3{margin-left:35px;color:#919191}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
178
|
-
}
|
|
179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LogoComponent, decorators: [{
|
|
180
|
-
type: Component,
|
|
181
|
-
args: [{ selector: 'ui-logo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"applicationTheme === 'classic'; else rebrandLogo\">\n <img [attr.src]=\"logoURL\" [alt]=\"type\">\n</ng-container>\n\n<ng-template #rebrandLogo>\n <div *ngIf=\"label && type === LogoTypeEnum.POWEREDBY; else others\" class=\"logo-label\" [style.width]=\"width + 'px'\">\n <h3 class=\"bold\">{{ label }}</h3>\n <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n </div>\n\n <ng-template #others>\n <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n </ng-template>\n</ng-template>\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{position:relative}:host .logo-label{height:80px}:host .logo-label h3{margin-left:35px;color:#919191}\n"] }]
|
|
182
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
183
|
-
type: Optional
|
|
184
|
-
}, {
|
|
185
|
-
type: Inject,
|
|
186
|
-
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
187
|
-
}] }], propDecorators: { type: [{
|
|
188
|
-
type: Input
|
|
189
|
-
}], applicationTheme: [{
|
|
190
|
-
type: Input
|
|
191
|
-
}], label: [{
|
|
192
|
-
type: Input
|
|
193
|
-
}], width: [{
|
|
194
|
-
type: Input
|
|
195
|
-
}], allowResizing: [{
|
|
196
|
-
type: Input
|
|
197
|
-
}] } });
|
|
198
|
-
|
|
199
|
-
class LogoComponentModule {
|
|
200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LogoComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
201
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: LogoComponentModule, declarations: [LogoComponent], imports: [NgIf], exports: [LogoComponent] }); }
|
|
202
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LogoComponentModule }); }
|
|
203
|
-
}
|
|
204
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LogoComponentModule, decorators: [{
|
|
205
|
-
type: NgModule,
|
|
206
|
-
args: [{
|
|
207
|
-
declarations: [LogoComponent],
|
|
208
|
-
imports: [NgIf],
|
|
209
|
-
exports: [LogoComponent],
|
|
210
|
-
}]
|
|
211
|
-
}] });
|
|
212
|
-
|
|
213
|
-
/**
|
|
214
|
-
* Generated bundle index. Do not edit.
|
|
215
|
-
*/
|
|
216
|
-
|
|
217
|
-
export { LogoComponent, LogoComponentModule, LogoPathEnum, LogoTypeEnum };
|
|
218
|
-
//# sourceMappingURL=testgorilla-tgo-ui-components-logo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"testgorilla-tgo-ui-components-logo.mjs","sources":["../../../components/logo/logo.model.ts","../../../components/logo/logo.component.ts","../../../components/logo/logo.component.html","../../../components/logo/logo.component.module.ts","../../../components/logo/testgorilla-tgo-ui-components-logo.ts"],"sourcesContent":["export enum LogoTypeEnum {\n DEFAULT = 'default',\n POWEREDBY = 'poweredby',\n REVERSE = 'reverse',\n PRIMARY_BRANDMARK_PINK = 'primary-brandmark-pink',\n PRIMARY_LOCKUP_PINK = 'primary-lockup-pink',\n PRIMARY_WORDMARK_PINK = 'primary-wordmark-pink',\n SECONDARY_BRANDMARK_BLACK = 'secondary-brandmark-black',\n SECONDARY_BRANDMARK_CREAM = 'secondary-brandmark-cream',\n SECONDARY_LOCKUP_BLACK = 'secondary-lockup-black',\n SECONDARY_LOCKUP_CREAM = 'secondary-lockup-cream',\n SECONDARY_WORDMARK_BLACK = 'secondary-wordmark-black',\n SECONDARY_WORDMARK_CREAM = 'secondary-wordmark-cream',\n}\n\nexport enum LogoPathEnum {\n DEFAULT = '/images/testgorilla.svg',\n POWEREDBY = '/images/poweredbyTG.svg',\n REVERSE = '/images/reverseTG.svg',\n PRIMARY_BRANDMARK_PINK = '/images/rebrand-logo/primary_brandmark_pink.svg',\n PRIMARY_LOCKUP_PINK = '/images/rebrand-logo/primary_lockup_pink.svg',\n PRIMARY_WORDMARK_PINK = '/images/rebrand-logo/primary_wordmark_pink.svg',\n SECONDARY_BRANDMARK_BLACK = '/images/rebrand-logo/secondary_brandmark_black.svg',\n SECONDARY_BRANDMARK_CREAM = '/images/rebrand-logo/secondary_brandmark_cream.svg',\n SECONDARY_LOCKUP_BLACK = '/images/rebrand-logo/secondary_lockup_black.svg',\n SECONDARY_LOCKUP_CREAM = '/images/rebrand-logo/secondary_lockup_cream.svg',\n SECONDARY_WORDMARK_BLACK = '/images/rebrand-logo/secondary_wordmark_black.svg',\n SECONDARY_WORDMARK_CREAM = '/images/rebrand-logo/secondary_wordmark_cream.svg',\n REBRAND_POWEREDBY = '/images/rebrand-logo/powered-by.svg',\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n Inject,\n Input,\n OnChanges,\n OnInit,\n Optional,\n SimpleChanges,\n} from '@angular/core';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { LogoPathEnum, LogoTypeEnum } from './logo.model';\n\n@Component({\n selector: 'ui-logo',\n templateUrl: './logo.component.html',\n styleUrls: ['./logo.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false\n})\nexport class LogoComponent implements OnInit, OnChanges {\n /**\n * Logo type\n *\n * @type {LogoTypeEnum}\n * @memberof LogoComponent\n */\n @Input() type: LogoTypeEnum = LogoTypeEnum.DEFAULT;\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof LogoComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /**\n *\n * Label. Only for ppoweredby type\n *\n * @type {string}\n * @memberof LogoComponent\n */\n @Input() label = 'POWERED BY';\n\n /**\n * Set logo width\n * @default 200\n * @type {number}\n * @memberof LogoComponent\n */\n @Input() width = 200;\n\n /**\n *\n * Allow change logo width\n *\n * @type {string}\n * @memberof LogoComponent\n */\n @Input() allowResizing = false;\n\n protected readonly LogoTypeEnum = LogoTypeEnum;\n\n /**\n * @ignore\n */\n logoURL: String;\n\n /**\n * @ignore\n */\n setURL = () => {\n if (this.applicationTheme === 'classic') {\n switch (this.type) {\n case LogoTypeEnum.POWEREDBY: {\n this.logoURL = LogoPathEnum.POWEREDBY;\n break;\n }\n case LogoTypeEnum.REVERSE: {\n this.logoURL = LogoPathEnum.REVERSE;\n break;\n }\n default: {\n this.logoURL = LogoPathEnum.DEFAULT;\n break;\n }\n }\n } else {\n switch (this.type) {\n case LogoTypeEnum.PRIMARY_BRANDMARK_PINK: {\n this.logoURL = LogoPathEnum.PRIMARY_BRANDMARK_PINK;\n break;\n }\n case LogoTypeEnum.PRIMARY_LOCKUP_PINK: {\n this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;\n break;\n }\n case LogoTypeEnum.PRIMARY_WORDMARK_PINK: {\n this.logoURL = LogoPathEnum.PRIMARY_WORDMARK_PINK;\n break;\n }\n case LogoTypeEnum.SECONDARY_BRANDMARK_BLACK: {\n this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_BLACK;\n break;\n }\n case LogoTypeEnum.SECONDARY_BRANDMARK_CREAM: {\n this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_CREAM;\n break;\n }\n case LogoTypeEnum.SECONDARY_LOCKUP_BLACK: {\n this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_BLACK;\n break;\n }\n case LogoTypeEnum.SECONDARY_LOCKUP_CREAM: {\n this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_CREAM;\n break;\n }\n case LogoTypeEnum.SECONDARY_WORDMARK_BLACK: {\n this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_BLACK;\n break;\n }\n case LogoTypeEnum.SECONDARY_WORDMARK_CREAM: {\n this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_CREAM;\n break;\n }\n case LogoTypeEnum.POWEREDBY: {\n this.logoURL = LogoPathEnum.REBRAND_POWEREDBY;\n break;\n }\n default: {\n this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;\n break;\n }\n }\n }\n };\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n /**\n * @ignore\n */\n ngOnInit(): void {\n this.setURL();\n }\n\n /**\n * @ignore\n */\n ngOnChanges(changes: SimpleChanges): void {\n this.setURL();\n if (changes['width']) {\n this.changeWidth(changes['width'].currentValue);\n }\n }\n\n private changeWidth(changedWidth: number): void {\n if (changedWidth >= 200 || this.allowResizing) {\n this.width = changedWidth;\n } else {\n this.width = 200;\n }\n }\n}\n","<ng-container *ngIf=\"applicationTheme === 'classic'; else rebrandLogo\">\n <img [attr.src]=\"logoURL\" [alt]=\"type\">\n</ng-container>\n\n<ng-template #rebrandLogo>\n <div *ngIf=\"label && type === LogoTypeEnum.POWEREDBY; else others\" class=\"logo-label\" [style.width]=\"width + 'px'\">\n <h3 class=\"bold\">{{ label }}</h3>\n <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n </div>\n\n <ng-template #others>\n <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n </ng-template>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { LogoComponent } from './logo.component';\nimport { NgIf } from '@angular/common';\n\n@NgModule({\n declarations: [LogoComponent],\n imports: [NgIf],\n exports: [LogoComponent],\n})\nexport class LogoComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;IAAY;AAAZ,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,YAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,YAAA,CAAA,wBAAA,CAAA,GAAA,wBAAiD;AACjD,IAAA,YAAA,CAAA,qBAAA,CAAA,GAAA,qBAA2C;AAC3C,IAAA,YAAA,CAAA,uBAAA,CAAA,GAAA,uBAA+C;AAC/C,IAAA,YAAA,CAAA,2BAAA,CAAA,GAAA,2BAAuD;AACvD,IAAA,YAAA,CAAA,2BAAA,CAAA,GAAA,2BAAuD;AACvD,IAAA,YAAA,CAAA,wBAAA,CAAA,GAAA,wBAAiD;AACjD,IAAA,YAAA,CAAA,wBAAA,CAAA,GAAA,wBAAiD;AACjD,IAAA,YAAA,CAAA,0BAAA,CAAA,GAAA,0BAAqD;AACrD,IAAA,YAAA,CAAA,0BAAA,CAAA,GAAA,0BAAqD;AACvD,CAAC,EAbW,YAAY,KAAZ,YAAY,GAavB,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,YAAY,EAAA;AACtB,IAAA,YAAA,CAAA,SAAA,CAAA,GAAA,yBAAmC;AACnC,IAAA,YAAA,CAAA,WAAA,CAAA,GAAA,yBAAqC;AACrC,IAAA,YAAA,CAAA,SAAA,CAAA,GAAA,uBAAiC;AACjC,IAAA,YAAA,CAAA,wBAAA,CAAA,GAAA,iDAA0E;AAC1E,IAAA,YAAA,CAAA,qBAAA,CAAA,GAAA,8CAAoE;AACpE,IAAA,YAAA,CAAA,uBAAA,CAAA,GAAA,gDAAwE;AACxE,IAAA,YAAA,CAAA,2BAAA,CAAA,GAAA,oDAAgF;AAChF,IAAA,YAAA,CAAA,2BAAA,CAAA,GAAA,oDAAgF;AAChF,IAAA,YAAA,CAAA,wBAAA,CAAA,GAAA,iDAA0E;AAC1E,IAAA,YAAA,CAAA,wBAAA,CAAA,GAAA,iDAA0E;AAC1E,IAAA,YAAA,CAAA,0BAAA,CAAA,GAAA,mDAA8E;AAC9E,IAAA,YAAA,CAAA,0BAAA,CAAA,GAAA,mDAA8E;AAC9E,IAAA,YAAA,CAAA,mBAAA,CAAA,GAAA,qCAAyD;AAC3D,CAAC,EAdW,YAAY,KAAZ,YAAY,GAcvB,EAAA,CAAA,CAAA;;MCTY,aAAa,CAAA;AAwHxB,IAAA,WAAA,CAC6E,eAAiC,EAAA;QAAjC,IAAe,CAAA,eAAA,GAAf,eAAe;AAxH5F;;;;;AAKG;AACM,QAAA,IAAA,CAAA,IAAI,GAAiB,YAAY,CAAC,OAAO;AAElD;;;;;;AAMG;QACM,IAAgB,CAAA,gBAAA,GAAqB,OAAO;AAErD;;;;;;AAMG;QACM,IAAK,CAAA,KAAA,GAAG,YAAY;AAE7B;;;;;AAKG;QACM,IAAK,CAAA,KAAA,GAAG,GAAG;AAEpB;;;;;;AAMG;QACM,IAAa,CAAA,aAAA,GAAG,KAAK;QAEX,IAAY,CAAA,YAAA,GAAG,YAAY;AAO9C;;AAEG;QACH,IAAM,CAAA,MAAA,GAAG,MAAK;AACZ,YAAA,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE;AACvC,gBAAA,QAAQ,IAAI,CAAC,IAAI;AACf,oBAAA,KAAK,YAAY,CAAC,SAAS,EAAE;AAC3B,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,SAAS;wBACrC;;AAEF,oBAAA,KAAK,YAAY,CAAC,OAAO,EAAE;AACzB,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO;wBACnC;;oBAEF,SAAS;AACP,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO;wBACnC;;;;iBAGC;AACL,gBAAA,QAAQ,IAAI,CAAC,IAAI;AACf,oBAAA,KAAK,YAAY,CAAC,sBAAsB,EAAE;AACxC,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,sBAAsB;wBAClD;;AAEF,oBAAA,KAAK,YAAY,CAAC,mBAAmB,EAAE;AACrC,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,mBAAmB;wBAC/C;;AAEF,oBAAA,KAAK,YAAY,CAAC,qBAAqB,EAAE;AACvC,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,qBAAqB;wBACjD;;AAEF,oBAAA,KAAK,YAAY,CAAC,yBAAyB,EAAE;AAC3C,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,yBAAyB;wBACrD;;AAEF,oBAAA,KAAK,YAAY,CAAC,yBAAyB,EAAE;AAC3C,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,yBAAyB;wBACrD;;AAEF,oBAAA,KAAK,YAAY,CAAC,sBAAsB,EAAE;AACxC,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,sBAAsB;wBAClD;;AAEF,oBAAA,KAAK,YAAY,CAAC,sBAAsB,EAAE;AACxC,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,sBAAsB;wBAClD;;AAEF,oBAAA,KAAK,YAAY,CAAC,wBAAwB,EAAE;AAC1C,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,wBAAwB;wBACpD;;AAEF,oBAAA,KAAK,YAAY,CAAC,wBAAwB,EAAE;AAC1C,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,wBAAwB;wBACpD;;AAEF,oBAAA,KAAK,YAAY,CAAC,SAAS,EAAE;AAC3B,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,iBAAiB;wBAC7C;;oBAEF,SAAS;AACP,wBAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,mBAAmB;wBAC/C;;;;AAIR,SAAC;QAKC,IAAI,eAAe,EAAE;AACnB,YAAA,IAAI,CAAC,gBAAgB,GAAG,eAAe;;;AAI3C;;AAEG;IACH,QAAQ,GAAA;QACN,IAAI,CAAC,MAAM,EAAE;;AAGf;;AAEG;AACH,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,IAAI,CAAC,MAAM,EAAE;AACb,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC;;;AAI3C,IAAA,WAAW,CAAC,YAAoB,EAAA;QACtC,IAAI,YAAY,IAAI,GAAG,IAAI,IAAI,CAAC,aAAa,EAAE;AAC7C,YAAA,IAAI,CAAC,KAAK,GAAG,YAAY;;aACpB;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,GAAG;;;AArJT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,kBAyHF,oCAAoC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAzH/C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,yNCpB1B,8hBAcA,EAAA,MAAA,EAAA,CAAA,iuEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDMa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAGF,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,KAAK,EAAA,QAAA,EAAA,8hBAAA,EAAA,MAAA,EAAA,CAAA,iuEAAA,CAAA,EAAA;;0BA2HhB;;0BAAY,MAAM;2BAAC,oCAAoC;yCAlHjD,IAAI,EAAA,CAAA;sBAAZ;gBASQ,gBAAgB,EAAA,CAAA;sBAAxB;gBASQ,KAAK,EAAA,CAAA;sBAAb;gBAQQ,KAAK,EAAA,CAAA;sBAAb;gBASQ,aAAa,EAAA,CAAA;sBAArB;;;MErDU,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAJf,YAAA,EAAA,CAAA,aAAa,CAClB,EAAA,OAAA,EAAA,CAAA,IAAI,aACJ,aAAa,CAAA,EAAA,CAAA,CAAA;gHAEZ,mBAAmB,EAAA,CAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,aAAa,CAAC;oBAC7B,OAAO,EAAE,CAAC,IAAI,CAAC;oBACf,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Output, Input, Optional, Inject, Component, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/material/paginator';
|
|
4
|
-
import { MatPaginatorModule } from '@angular/material/paginator';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
6
|
-
|
|
7
|
-
class PaginatorComponent {
|
|
8
|
-
constructor(defaultAppTheme) {
|
|
9
|
-
this.defaultAppTheme = defaultAppTheme;
|
|
10
|
-
/**
|
|
11
|
-
* Paginator size options
|
|
12
|
-
*
|
|
13
|
-
* @type {number[]}
|
|
14
|
-
* @memberof PaginatorComponent
|
|
15
|
-
*/
|
|
16
|
-
this.pageSizeOptions = [10, 25, 50];
|
|
17
|
-
/**
|
|
18
|
-
* Data length
|
|
19
|
-
*
|
|
20
|
-
* @type {number}
|
|
21
|
-
* @memberof PaginatorComponent
|
|
22
|
-
*/
|
|
23
|
-
this.length = 0;
|
|
24
|
-
/**
|
|
25
|
-
* Page size
|
|
26
|
-
*
|
|
27
|
-
* @type {number}
|
|
28
|
-
* @memberof PaginatorComponent
|
|
29
|
-
*/
|
|
30
|
-
this.pageSize = 25;
|
|
31
|
-
/**
|
|
32
|
-
* Disabled
|
|
33
|
-
*
|
|
34
|
-
* @type {boolean}
|
|
35
|
-
* @memberOf PaginatorComponent
|
|
36
|
-
*/
|
|
37
|
-
this.disabled = false;
|
|
38
|
-
/**
|
|
39
|
-
*
|
|
40
|
-
* Defines the application theme
|
|
41
|
-
*
|
|
42
|
-
* @type {ApplicationTheme}
|
|
43
|
-
* @memberof PaginatorComponent
|
|
44
|
-
*/
|
|
45
|
-
this.applicationTheme = 'light';
|
|
46
|
-
/**
|
|
47
|
-
*
|
|
48
|
-
* Defines the current page
|
|
49
|
-
* @default 0
|
|
50
|
-
*
|
|
51
|
-
* @type {number}
|
|
52
|
-
* @memberof PaginatorComponent
|
|
53
|
-
*/
|
|
54
|
-
this.currentPage = 0;
|
|
55
|
-
this.paginatorChange = new EventEmitter();
|
|
56
|
-
this.selectConfig = { panelClass: 'ui-dropdown-list' };
|
|
57
|
-
if (defaultAppTheme) {
|
|
58
|
-
this.applicationTheme = defaultAppTheme;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
onPaginatorChange(paginator) {
|
|
62
|
-
this.paginatorChange.emit(paginator);
|
|
63
|
-
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PaginatorComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PaginatorComponent, isStandalone: false, selector: "ui-paginator", inputs: { pageSizeOptions: "pageSizeOptions", length: "length", pageSize: "pageSize", disabled: "disabled", applicationTheme: "applicationTheme", currentPage: "currentPage" }, outputs: { paginatorChange: "paginatorChange" }, ngImport: i0, template: "<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageIndex]=\"currentPage ? currentPage : 0\"\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.mat-mdc-button-disabled svg{fill:#919191!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button svg{height:24px!important;width:24px!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: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}::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: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }] }); }
|
|
66
|
-
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PaginatorComponent, decorators: [{
|
|
68
|
-
type: Component,
|
|
69
|
-
args: [{ selector: 'ui-paginator', standalone: false, template: "<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageIndex]=\"currentPage ? currentPage : 0\"\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.mat-mdc-button-disabled svg{fill:#919191!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button svg{height:24px!important;width:24px!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: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}::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"] }]
|
|
70
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
71
|
-
type: Optional
|
|
72
|
-
}, {
|
|
73
|
-
type: Inject,
|
|
74
|
-
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
75
|
-
}] }], propDecorators: { pageSizeOptions: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], length: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], pageSize: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}], disabled: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}], applicationTheme: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], currentPage: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], paginatorChange: [{
|
|
88
|
-
type: Output
|
|
89
|
-
}] } });
|
|
90
|
-
|
|
91
|
-
class PaginatorComponentModule {
|
|
92
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PaginatorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
93
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: PaginatorComponentModule, declarations: [PaginatorComponent], imports: [CommonModule, MatPaginatorModule], exports: [PaginatorComponent] }); }
|
|
94
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PaginatorComponentModule, imports: [CommonModule, MatPaginatorModule] }); }
|
|
95
|
-
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PaginatorComponentModule, decorators: [{
|
|
97
|
-
type: NgModule,
|
|
98
|
-
args: [{
|
|
99
|
-
declarations: [PaginatorComponent],
|
|
100
|
-
imports: [CommonModule, MatPaginatorModule],
|
|
101
|
-
exports: [PaginatorComponent],
|
|
102
|
-
}]
|
|
103
|
-
}] });
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* Generated bundle index. Do not edit.
|
|
107
|
-
*/
|
|
108
|
-
|
|
109
|
-
export { PaginatorComponent, PaginatorComponentModule };
|
|
110
|
-
//# sourceMappingURL=testgorilla-tgo-ui-components-paginator.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"testgorilla-tgo-ui-components-paginator.mjs","sources":["../../../components/paginator/paginator.component.ts","../../../components/paginator/paginator.component.html","../../../components/paginator/paginator.component.module.ts","../../../components/paginator/testgorilla-tgo-ui-components-paginator.ts"],"sourcesContent":["import { Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';\nimport { MatPaginatorSelectConfig, PageEvent } from '@angular/material/paginator';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n selector: 'ui-paginator',\n templateUrl: './paginator.component.html',\n styleUrls: ['./paginator.component.scss'],\n standalone: false\n})\nexport class PaginatorComponent {\n /**\n * Paginator size options\n *\n * @type {number[]}\n * @memberof PaginatorComponent\n */\n @Input() pageSizeOptions = [10, 25, 50];\n\n /**\n * Data length\n *\n * @type {number}\n * @memberof PaginatorComponent\n */\n @Input() length = 0;\n\n /**\n * Page size\n *\n * @type {number}\n * @memberof PaginatorComponent\n */\n @Input() pageSize = 25;\n\n /**\n * Disabled\n *\n * @type {boolean}\n * @memberOf PaginatorComponent\n */\n @Input() disabled = false;\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof PaginatorComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /**\n *\n * Defines the current page\n * @default 0\n *\n * @type {number}\n * @memberof PaginatorComponent\n */\n @Input() currentPage = 0;\n\n @Output() paginatorChange: EventEmitter<PageEvent> = new EventEmitter<PageEvent>();\n\n selectConfig: MatPaginatorSelectConfig = { panelClass: 'ui-dropdown-list' };\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n onPaginatorChange(paginator: PageEvent) {\n this.paginatorChange.emit(paginator);\n }\n}\n","<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageIndex]=\"currentPage ? currentPage : 0\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [attr.theme]=\"applicationTheme\"\n [selectConfig]=\"selectConfig\"\n [color]=\"'accent'\"\n (page)=\"onPaginatorChange($event)\"\n></mat-paginator>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaginatorComponent } from './paginator.component';\nimport { MatPaginatorModule } from '@angular/material/paginator';\n\n@NgModule({\n declarations: [PaginatorComponent],\n imports: [CommonModule, MatPaginatorModule],\n exports: [PaginatorComponent],\n})\nexport class PaginatorComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, HostBinding, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i2 from '@angular/material/progress-bar';
|
|
6
|
-
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
7
|
-
import * as i3 from '@testgorilla/tgo-ui/components/core';
|
|
8
|
-
import { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
|
|
9
|
-
|
|
10
|
-
class ProgressBarComponent {
|
|
11
|
-
constructor(defaultAppTheme) {
|
|
12
|
-
this.defaultAppTheme = defaultAppTheme;
|
|
13
|
-
/**
|
|
14
|
-
* Progress value of the progress bar.
|
|
15
|
-
* Defaults to zero.
|
|
16
|
-
*
|
|
17
|
-
* @type {number}
|
|
18
|
-
* @memberof ProgressBarComponent
|
|
19
|
-
*/
|
|
20
|
-
this.progress = 0;
|
|
21
|
-
/**
|
|
22
|
-
* Mode of the progress bar.
|
|
23
|
-
* Mode must be one of these values: determinate, indeterminate, buffer, query.
|
|
24
|
-
* Defaults to 'determinate'.
|
|
25
|
-
*
|
|
26
|
-
* @type {ProgressBarMode}
|
|
27
|
-
* @memberof ProgressBarComponent
|
|
28
|
-
*/
|
|
29
|
-
this.mode = 'determinate';
|
|
30
|
-
/**
|
|
31
|
-
* Buffer value of the progress bar.
|
|
32
|
-
* Defaults to zero.
|
|
33
|
-
*
|
|
34
|
-
* @type {number}
|
|
35
|
-
* @memberof ProgressBarComponent
|
|
36
|
-
*/
|
|
37
|
-
this.buffer = 0;
|
|
38
|
-
/**
|
|
39
|
-
*
|
|
40
|
-
* Defines the application theme
|
|
41
|
-
*
|
|
42
|
-
* @type {ApplicationTheme}
|
|
43
|
-
* @memberof ProgressBarComponent
|
|
44
|
-
*/
|
|
45
|
-
this.applicationTheme = 'light';
|
|
46
|
-
/**
|
|
47
|
-
* A string representing the ARIA requirement for accessibility.
|
|
48
|
-
* This attribute is used to indicate whether an input field is required for form submission.
|
|
49
|
-
* @type {string}
|
|
50
|
-
* @memberof ProgressBarComponent
|
|
51
|
-
*/
|
|
52
|
-
this.ariaLabel = '';
|
|
53
|
-
/**
|
|
54
|
-
* A string representing the ARIA requirement for accessibility.
|
|
55
|
-
* This attribute is used to indicate whether an input field is required for form submission.
|
|
56
|
-
* @type {string}
|
|
57
|
-
* @memberof ProgressBarComponent
|
|
58
|
-
*/
|
|
59
|
-
this.ariaDescribedBy = '';
|
|
60
|
-
/**
|
|
61
|
-
* Shows the percentage amount
|
|
62
|
-
* @property showPercentage
|
|
63
|
-
* @type {boolean}
|
|
64
|
-
* @memberof ProgressBarComponent
|
|
65
|
-
*/
|
|
66
|
-
this.showPercentage = false;
|
|
67
|
-
if (defaultAppTheme) {
|
|
68
|
-
this.applicationTheme = defaultAppTheme;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
ngOnInit() {
|
|
72
|
-
if (!this.companyColor) {
|
|
73
|
-
this.companyColor = this.applicationTheme === 'classic' ? '#46A997' : '#D410AA';
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProgressBarComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
77
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: ProgressBarComponent, isStandalone: false, selector: "ui-progress-bar", inputs: { companyColor: "companyColor", progress: "progress", mode: "mode", buffer: "buffer", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", showPercentage: "showPercentage" }, host: { properties: { "style.--color": "this.companyColor" } }, ngImport: i0, template: "@if (showPercentage) {\n <div class=\"percentage\">{{ progress }}%</div>\n}\n\n<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n [attr.theme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-live]=\"'polite'\"\n [attr.aria-describedby]=\"'describedBy'\"\n>\n</mat-progress-bar>\n<div style=\"position: absolute; left: -9999px\" role=\"alert\" *ngIf=\"mode === 'indeterminate'\">\n {{ 'COMMON.LOADING' | uiTranslate | async }}\n</div>\n<div style=\"display: none\" id=\"describedBy\">\n {{ ariaDescribedBy }}\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{display:flex;flex-direction:row;gap:8px;align-items:center}:host .percentage{color:#666;font-size:14px}.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-dots,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-dots{display:none}.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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
78
|
-
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
80
|
-
type: Component,
|
|
81
|
-
args: [{ selector: 'ui-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (showPercentage) {\n <div class=\"percentage\">{{ progress }}%</div>\n}\n\n<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n [attr.theme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-live]=\"'polite'\"\n [attr.aria-describedby]=\"'describedBy'\"\n>\n</mat-progress-bar>\n<div style=\"position: absolute; left: -9999px\" role=\"alert\" *ngIf=\"mode === 'indeterminate'\">\n {{ 'COMMON.LOADING' | uiTranslate | async }}\n</div>\n<div style=\"display: none\" id=\"describedBy\">\n {{ ariaDescribedBy }}\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{display:flex;flex-direction:row;gap:8px;align-items:center}:host .percentage{color:#666;font-size:14px}.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-dots,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-dots{display:none}.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"] }]
|
|
82
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
83
|
-
type: Optional
|
|
84
|
-
}, {
|
|
85
|
-
type: Inject,
|
|
86
|
-
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
87
|
-
}] }], propDecorators: { companyColor: [{
|
|
88
|
-
type: HostBinding,
|
|
89
|
-
args: ['style.--color']
|
|
90
|
-
}, {
|
|
91
|
-
type: Input
|
|
92
|
-
}], progress: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], mode: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], buffer: [{
|
|
97
|
-
type: Input
|
|
98
|
-
}], applicationTheme: [{
|
|
99
|
-
type: Input
|
|
100
|
-
}], ariaLabel: [{
|
|
101
|
-
type: Input
|
|
102
|
-
}], ariaDescribedBy: [{
|
|
103
|
-
type: Input
|
|
104
|
-
}], showPercentage: [{
|
|
105
|
-
type: Input
|
|
106
|
-
}] } });
|
|
107
|
-
|
|
108
|
-
class ProgressBarComponentModule {
|
|
109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProgressBarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
110
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ProgressBarComponentModule, declarations: [ProgressBarComponent], imports: [CommonModule, MatProgressBarModule, UiTranslatePipe], exports: [ProgressBarComponent] }); }
|
|
111
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProgressBarComponentModule, imports: [CommonModule, MatProgressBarModule] }); }
|
|
112
|
-
}
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProgressBarComponentModule, decorators: [{
|
|
114
|
-
type: NgModule,
|
|
115
|
-
args: [{
|
|
116
|
-
declarations: [ProgressBarComponent],
|
|
117
|
-
imports: [CommonModule, MatProgressBarModule, UiTranslatePipe],
|
|
118
|
-
exports: [ProgressBarComponent],
|
|
119
|
-
providers: [],
|
|
120
|
-
}]
|
|
121
|
-
}] });
|
|
122
|
-
|
|
123
|
-
/**
|
|
124
|
-
* Generated bundle index. Do not edit.
|
|
125
|
-
*/
|
|
126
|
-
|
|
127
|
-
export { ProgressBarComponent, ProgressBarComponentModule };
|
|
128
|
-
//# sourceMappingURL=testgorilla-tgo-ui-components-progress-bar.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"testgorilla-tgo-ui-components-progress-bar.mjs","sources":["../../../components/progress-bar/progress-bar.component.ts","../../../components/progress-bar/progress-bar.component.html","../../../components/progress-bar/progress-bar.component.module.ts","../../../components/progress-bar/testgorilla-tgo-ui-components-progress-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { ProgressBarMode } from '@angular/material/progress-bar';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n selector: 'ui-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false\n})\nexport class ProgressBarComponent implements OnInit {\n /**\n * Color of the progress bar.\n * Defaults to Test Gorilla primary color.\n *\n * @type {string}\n * @memberof ProgressBarComponent\n */\n @HostBinding('style.--color')\n @Input()\n companyColor: string | null;\n\n /**\n * Progress value of the progress bar.\n * Defaults to zero.\n *\n * @type {number}\n * @memberof ProgressBarComponent\n */\n @Input() progress = 0;\n\n /**\n * Mode of the progress bar.\n * Mode must be one of these values: determinate, indeterminate, buffer, query.\n * Defaults to 'determinate'.\n *\n * @type {ProgressBarMode}\n * @memberof ProgressBarComponent\n */\n @Input() mode: ProgressBarMode = 'determinate';\n\n /**\n * Buffer value of the progress bar.\n * Defaults to zero.\n *\n * @type {number}\n * @memberof ProgressBarComponent\n */\n @Input() buffer = 0;\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof ProgressBarComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /**\n * A string representing the ARIA requirement for accessibility.\n * This attribute is used to indicate whether an input field is required for form submission.\n * @type {string}\n * @memberof ProgressBarComponent\n */\n @Input() ariaLabel = '';\n\n /**\n * A string representing the ARIA requirement for accessibility.\n * This attribute is used to indicate whether an input field is required for form submission.\n * @type {string}\n * @memberof ProgressBarComponent\n */\n @Input() ariaDescribedBy = '';\n\n /**\n * Shows the percentage amount\n * @property showPercentage\n * @type {boolean}\n * @memberof ProgressBarComponent\n */\n @Input() showPercentage = false;\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n ngOnInit(): void {\n if (!this.companyColor) {\n this.companyColor = this.applicationTheme === 'classic' ? '#46A997' : '#D410AA';\n }\n }\n}\n","@if (showPercentage) {\n <div class=\"percentage\">{{ progress }}%</div>\n}\n\n<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n [attr.theme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-live]=\"'polite'\"\n [attr.aria-describedby]=\"'describedBy'\"\n>\n</mat-progress-bar>\n<div style=\"position: absolute; left: -9999px\" role=\"alert\" *ngIf=\"mode === 'indeterminate'\">\n {{ 'COMMON.LOADING' | uiTranslate | async }}\n</div>\n<div style=\"display: none\" id=\"describedBy\">\n {{ ariaDescribedBy }}\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { ProgressBarComponent } from './progress-bar.component';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n declarations: [ProgressBarComponent],\n imports: [CommonModule, MatProgressBarModule, UiTranslatePipe],\n exports: [ProgressBarComponent],\n providers: [],\n})\nexport class ProgressBarComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|