@testgorilla/tgo-ui 11.22.3 → 12.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs +335 -229
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs +547 -465
- package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs +160 -75
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs +678 -278
- package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs +337 -274
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs +351 -192
- package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs +1950 -960
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +1206 -1044
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +328 -182
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +383 -203
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs +553 -261
- package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs +709 -739
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs +219 -184
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +515 -458
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs +423 -162
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs +10784 -10996
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs +810 -533
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-device-control.mjs +473 -116
- package/fesm2022/testgorilla-tgo-ui-components-device-control.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs +1149 -540
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +148 -84
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs +239 -142
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +599 -467
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +126 -70
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs +324 -329
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs +969 -648
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs +553 -419
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +847 -452
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs +398 -302
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs +162 -95
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs +1825 -1795
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs +1018 -672
- package/fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +758 -368
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +204 -212
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs +183 -48
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs +243 -79
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs +751 -361
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs +1122 -385
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs +689 -413
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs +227 -92
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs +174 -113
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs +367 -165
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs +253 -118
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs +730 -444
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-popover.mjs +533 -221
- package/fesm2022/testgorilla-tgo-ui-components-popover.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-popup-tip.mjs +274 -76
- package/fesm2022/testgorilla-tgo-ui-components-popup-tip.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs +184 -124
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs +1223 -574
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +249 -160
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +447 -439
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +226 -150
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs +255 -67
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +205 -162
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +245 -153
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +274 -140
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-toggle.mjs +319 -147
- package/fesm2022/testgorilla-tgo-ui-components-segmented-toggle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs +286 -84
- package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs +660 -208
- package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs +579 -320
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs +419 -200
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs +132 -80
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +741 -390
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs +455 -329
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs +543 -514
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs +193 -104
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs +760 -524
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs +714 -415
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs +847 -438
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +535 -275
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +316 -246
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +404 -284
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs +664 -383
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +201 -112
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs +1014 -458
- package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +147 -155
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/mcp/catalog.json +1 -1
- package/package.json +16 -17
- package/projects/tgo-canopy-ui/theme/_palette.scss +23 -18
- package/types/testgorilla-tgo-ui-components-accordion.d.ts +214 -158
- package/types/testgorilla-tgo-ui-components-ai-audio-circle.d.ts +93 -69
- package/types/testgorilla-tgo-ui-components-ai-caveat.d.ts +37 -34
- package/types/testgorilla-tgo-ui-components-ai-feedback.d.ts +126 -86
- package/types/testgorilla-tgo-ui-components-alert-banner.d.ts +260 -185
- package/types/testgorilla-tgo-ui-components-audio-waveform.d.ts +96 -67
- package/types/testgorilla-tgo-ui-components-autocomplete-v2.d.ts +455 -256
- package/types/testgorilla-tgo-ui-components-autocomplete.d.ts +545 -390
- package/types/testgorilla-tgo-ui-components-avatar.d.ts +128 -102
- package/types/testgorilla-tgo-ui-components-badge.d.ts +191 -139
- package/types/testgorilla-tgo-ui-components-breadcrumb.d.ts +100 -62
- package/types/testgorilla-tgo-ui-components-button.d.ts +479 -340
- package/types/testgorilla-tgo-ui-components-card.d.ts +153 -114
- package/types/testgorilla-tgo-ui-components-checkbox.d.ts +299 -223
- package/types/testgorilla-tgo-ui-components-checklist.d.ts +149 -97
- package/types/testgorilla-tgo-ui-components-core.d.ts +307 -295
- package/types/testgorilla-tgo-ui-components-datepicker.d.ts +404 -299
- package/types/testgorilla-tgo-ui-components-device-control.d.ts +151 -81
- package/types/testgorilla-tgo-ui-components-dialog.d.ts +442 -329
- package/types/testgorilla-tgo-ui-components-divider.d.ts +64 -51
- package/types/testgorilla-tgo-ui-components-donut-chart.d.ts +41 -37
- package/types/testgorilla-tgo-ui-components-dropdown.d.ts +335 -241
- package/types/testgorilla-tgo-ui-components-elevation-shadow.d.ts +48 -43
- package/types/testgorilla-tgo-ui-components-empty-state.d.ts +317 -215
- package/types/testgorilla-tgo-ui-components-field.d.ts +559 -388
- package/types/testgorilla-tgo-ui-components-file-upload.d.ts +230 -168
- package/types/testgorilla-tgo-ui-components-filter-button.d.ts +263 -206
- package/types/testgorilla-tgo-ui-components-gaussian-chart.d.ts +107 -94
- package/types/testgorilla-tgo-ui-components-icon-label.d.ts +84 -61
- package/types/testgorilla-tgo-ui-components-icon.d.ts +137 -110
- package/types/testgorilla-tgo-ui-components-infinite-scroll-table.d.ts +429 -303
- package/types/testgorilla-tgo-ui-components-inline-field.d.ts +338 -254
- package/types/testgorilla-tgo-ui-components-logo.d.ts +119 -101
- package/types/testgorilla-tgo-ui-components-media-card.d.ts +51 -35
- package/types/testgorilla-tgo-ui-components-media-dialog.d.ts +40 -45
- package/types/testgorilla-tgo-ui-components-multi-input.d.ts +283 -194
- package/types/testgorilla-tgo-ui-components-navbar.d.ts +326 -208
- package/types/testgorilla-tgo-ui-components-overflow-menu.d.ts +276 -204
- package/types/testgorilla-tgo-ui-components-page-header.d.ts +67 -50
- package/types/testgorilla-tgo-ui-components-paginator.d.ts +103 -70
- package/types/testgorilla-tgo-ui-components-password-criteria.d.ts +67 -58
- package/types/testgorilla-tgo-ui-components-password-strength.d.ts +66 -57
- package/types/testgorilla-tgo-ui-components-phone-input.d.ts +217 -175
- package/types/testgorilla-tgo-ui-components-popover.d.ts +94 -53
- package/types/testgorilla-tgo-ui-components-popup-tip.d.ts +81 -44
- package/types/testgorilla-tgo-ui-components-progress-bar.d.ts +115 -84
- package/types/testgorilla-tgo-ui-components-prompt.d.ts +315 -219
- package/types/testgorilla-tgo-ui-components-radial-progress.d.ts +146 -107
- package/types/testgorilla-tgo-ui-components-radio-button.d.ts +296 -219
- package/types/testgorilla-tgo-ui-components-rating.d.ts +134 -95
- package/types/testgorilla-tgo-ui-components-scale-table.d.ts +67 -47
- package/types/testgorilla-tgo-ui-components-scale.d.ts +91 -66
- package/types/testgorilla-tgo-ui-components-segmented-bar.d.ts +118 -89
- package/types/testgorilla-tgo-ui-components-segmented-button.d.ts +107 -80
- package/types/testgorilla-tgo-ui-components-segmented-toggle.d.ts +138 -105
- package/types/testgorilla-tgo-ui-components-selectable-card.d.ts +90 -56
- package/types/testgorilla-tgo-ui-components-side-navigation.d.ts +183 -107
- package/types/testgorilla-tgo-ui-components-side-panel.d.ts +156 -145
- package/types/testgorilla-tgo-ui-components-side-sheet.d.ts +98 -89
- package/types/testgorilla-tgo-ui-components-skeleton.d.ts +50 -33
- package/types/testgorilla-tgo-ui-components-slider.d.ts +278 -198
- package/types/testgorilla-tgo-ui-components-snackbar.d.ts +211 -159
- package/types/testgorilla-tgo-ui-components-spider-chart.d.ts +140 -121
- package/types/testgorilla-tgo-ui-components-spinner.d.ts +93 -72
- package/types/testgorilla-tgo-ui-components-stepper.d.ts +480 -338
- package/types/testgorilla-tgo-ui-components-table.d.ts +280 -233
- package/types/testgorilla-tgo-ui-components-tabs.d.ts +282 -183
- package/types/testgorilla-tgo-ui-components-tag.d.ts +266 -193
- package/types/testgorilla-tgo-ui-components-toggle.d.ts +180 -132
- package/types/testgorilla-tgo-ui-components-tooltip.d.ts +142 -105
- package/types/testgorilla-tgo-ui-components-universal-skills.d.ts +165 -144
- package/types/testgorilla-tgo-ui-components-validation-error.d.ts +70 -51
- package/types/testgorilla-tgo-ui-components-write-with-ai.d.ts +210 -133
- package/types/testgorilla-tgo-ui.d.ts +52 -45
|
@@ -1,334 +1,475 @@
|
|
|
1
|
-
import { FocusOrigin } from
|
|
2
|
-
import * as i0 from
|
|
3
|
-
import {
|
|
4
|
-
import * as i2 from
|
|
5
|
-
import { MatButton } from
|
|
6
|
-
import * as i5 from
|
|
7
|
-
import { TooltipPosition } from
|
|
8
|
-
import * as i7 from
|
|
9
|
-
import { ApplicationTheme, Color } from
|
|
10
|
-
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import * as
|
|
16
|
-
import * as
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
type
|
|
20
|
-
type
|
|
21
|
-
type
|
|
22
|
-
type
|
|
23
|
-
type
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
badgeNotificationAmount: number;
|
|
30
|
-
rebrandColor?: RebrandBadgeColor;
|
|
1
|
+
import { FocusOrigin } from "@angular/cdk/a11y";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnInit, SimpleChanges } from "@angular/core";
|
|
4
|
+
import * as i2 from "@angular/material/button";
|
|
5
|
+
import { MatButton } from "@angular/material/button";
|
|
6
|
+
import * as i5 from "@angular/material/tooltip";
|
|
7
|
+
import { TooltipPosition } from "@angular/material/tooltip";
|
|
8
|
+
import * as i7 from "@testgorilla/tgo-ui/components/core";
|
|
9
|
+
import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1, Color } from "@testgorilla/tgo-ui/components/core";
|
|
10
|
+
import * as i3 from "@testgorilla/tgo-ui/components/icon";
|
|
11
|
+
import { IconName } from "@testgorilla/tgo-ui/components/icon";
|
|
12
|
+
import * as i6 from "@testgorilla/tgo-ui/components/badge";
|
|
13
|
+
import { BadgeVariant, RebrandBadgeColor } from "@testgorilla/tgo-ui/components/badge";
|
|
14
|
+
import * as i1 from "@angular/common";
|
|
15
|
+
import * as i4 from "@angular/material/progress-spinner";
|
|
16
|
+
import * as i8 from "@angular/material/radio";
|
|
17
|
+
export type ButtonIconPosition = 'left' | 'right';
|
|
18
|
+
export type ButtonColor = 'primary' | 'secondary' | 'secondary-inverted' | 'ghost' | 'ghost-ai' | 'outlined' | 'destructive' | 'tertiary' | 'link' | 'tab' | 'text' | 'text-inline' | 'menuTrigger' | 'menuCell' | 'icon-button' | 'linkedin';
|
|
19
|
+
export type ButtonSize = 'big' | 'medium' | 'small';
|
|
20
|
+
export type LinkUrlTarget = '' | '_self' | '_blank' | '_parent' | '_top';
|
|
21
|
+
export type IconButtonSize = '24' | '32' | '40';
|
|
22
|
+
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
23
|
+
export type ButtonState = 'hover' | 'pressed' | 'disabled' | 'default';
|
|
24
|
+
export interface ButtonBadgeConfig {
|
|
25
|
+
badgeType: BadgeVariant | null;
|
|
26
|
+
badgeLabel?: string;
|
|
27
|
+
badgeNotificationAmount: number;
|
|
28
|
+
rebrandColor?: RebrandBadgeColor;
|
|
31
29
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
30
|
+
export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
31
|
+
private readonly defaultAppTheme;
|
|
32
|
+
get enabled(): string;
|
|
33
|
+
tooltipElement: ElementRef<HTMLElement>;
|
|
34
|
+
/**
|
|
35
|
+
* Define button height
|
|
36
|
+
*
|
|
37
|
+
* @type {ButtonSize}
|
|
38
|
+
* @memberof ButtonComponent
|
|
39
|
+
*/
|
|
40
|
+
size: ButtonSize;
|
|
41
|
+
/**
|
|
42
|
+
* Background color of the button while in active state
|
|
43
|
+
*
|
|
44
|
+
* @type {ButtonColor}
|
|
45
|
+
* @memberof ButtonComponent
|
|
46
|
+
*/
|
|
47
|
+
variant: ButtonColor;
|
|
48
|
+
/**
|
|
49
|
+
* Text content to appear on the button
|
|
50
|
+
*
|
|
51
|
+
* @memberof ButtonComponent
|
|
52
|
+
*/
|
|
53
|
+
label: string;
|
|
54
|
+
/**
|
|
55
|
+
* Positioning of the icon (when existant)
|
|
56
|
+
*
|
|
57
|
+
* @type {ButtonIconPosition}
|
|
58
|
+
* @memberof ButtonComponent
|
|
59
|
+
*/
|
|
60
|
+
iconPosition?: ButtonIconPosition;
|
|
61
|
+
/**
|
|
62
|
+
* Define if button has only icon without text
|
|
63
|
+
*
|
|
64
|
+
* @memberof ButtonComponent
|
|
65
|
+
*/
|
|
66
|
+
justIcon: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Name of ui-icon
|
|
69
|
+
*
|
|
70
|
+
* @type {IconName}
|
|
71
|
+
* @memberof ButtonComponent
|
|
72
|
+
*/
|
|
73
|
+
iconName: IconName | undefined;
|
|
74
|
+
/**
|
|
75
|
+
* Name of a second ui-icon rendered after the label, in addition to `iconName`.
|
|
76
|
+
* Pair it with `iconPosition="left"` to show a leading and a trailing icon at once.
|
|
77
|
+
*
|
|
78
|
+
* @type {IconName}
|
|
79
|
+
* @memberof ButtonComponent
|
|
80
|
+
*/
|
|
81
|
+
trailingIconName: IconName | undefined;
|
|
82
|
+
/**
|
|
83
|
+
* Renders the trailing icon filled, independently of `iconFilled`.
|
|
84
|
+
*
|
|
85
|
+
* @memberof ButtonComponent
|
|
86
|
+
*/
|
|
87
|
+
trailingIconFilled: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* Indicator if the button should be disabled
|
|
90
|
+
*
|
|
91
|
+
* @memberof ButtonComponent
|
|
92
|
+
*/
|
|
93
|
+
disabled: boolean;
|
|
94
|
+
/**
|
|
95
|
+
* Indicator if the loading icon should be shown
|
|
96
|
+
*
|
|
97
|
+
* @memberof ButtonComponent
|
|
98
|
+
*/
|
|
99
|
+
loading: boolean;
|
|
100
|
+
/**
|
|
101
|
+
* Show a small inline spinner to the left of the label while keeping the
|
|
102
|
+
* label visible. Pair with `disabled` to make the button non-interactive.
|
|
103
|
+
* If `loading` is also true, `loading` takes precedence.
|
|
104
|
+
*
|
|
105
|
+
* @memberof ButtonComponent
|
|
106
|
+
*/
|
|
107
|
+
loadingWithLabel: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* Indicator of the button width
|
|
110
|
+
*
|
|
111
|
+
* @memberof ButtonComponent
|
|
112
|
+
*/
|
|
113
|
+
fullWidth: boolean;
|
|
114
|
+
/**
|
|
115
|
+
* Url of button if it is a link
|
|
116
|
+
*
|
|
117
|
+
* @memberof ButtonComponent
|
|
118
|
+
*/
|
|
119
|
+
url?: string;
|
|
120
|
+
/**
|
|
121
|
+
* Url's target of button if it is a link
|
|
122
|
+
*
|
|
123
|
+
* @type {@type {LinkUrlTarget}}
|
|
124
|
+
* @memberof ButtonComponent
|
|
125
|
+
*/
|
|
126
|
+
urlTarget?: LinkUrlTarget;
|
|
127
|
+
/**
|
|
128
|
+
* Button value
|
|
129
|
+
*
|
|
130
|
+
* @memberof ButtonComponent
|
|
131
|
+
*/
|
|
132
|
+
value?: string;
|
|
133
|
+
/**
|
|
134
|
+
* @property tooltip
|
|
135
|
+
* @description The tooltip that is displayed on hover. Required for icon-button type
|
|
136
|
+
* @type {string}
|
|
137
|
+
* @memberof ButtonComponent
|
|
138
|
+
*/
|
|
139
|
+
tooltip: string;
|
|
140
|
+
/**
|
|
141
|
+
* @property isPremium
|
|
142
|
+
* @description The icon that is displayed for Premium button
|
|
143
|
+
* @type {boolean}
|
|
144
|
+
* @memberof ButtonComponent
|
|
145
|
+
*/
|
|
146
|
+
isPremium: boolean;
|
|
147
|
+
/**
|
|
148
|
+
* The type of the button.
|
|
149
|
+
*
|
|
150
|
+
* @type {ButtonType}
|
|
151
|
+
* @memberof ButtonComponent
|
|
152
|
+
* @default 'button'
|
|
153
|
+
*/
|
|
154
|
+
type: ButtonType;
|
|
155
|
+
/**
|
|
156
|
+
* Color of the button.
|
|
157
|
+
* Defaults to Test Gorilla primary color.
|
|
158
|
+
*
|
|
159
|
+
* @type {string}
|
|
160
|
+
* @memberof ButtonComponent
|
|
161
|
+
*/
|
|
162
|
+
companyColor: string | null;
|
|
163
|
+
/**
|
|
164
|
+
* Config for the button badge variation
|
|
165
|
+
* @type {ButtonBadgeConfig}
|
|
166
|
+
* @property badgeType Type of badge on the button
|
|
167
|
+
* @property badgeLabel Label text for the badge
|
|
168
|
+
* @property badgeNotificationAmount The amount for notification in the badge
|
|
169
|
+
*/
|
|
170
|
+
buttonBadgeConfig: ButtonBadgeConfig | undefined;
|
|
171
|
+
/**
|
|
172
|
+
*
|
|
173
|
+
* Defines the application theme where buttons is used
|
|
174
|
+
*
|
|
175
|
+
* @type {ApplicationTheme}
|
|
176
|
+
* @memberof ButtonComponent
|
|
177
|
+
*/
|
|
178
|
+
applicationTheme: ApplicationTheme$1;
|
|
179
|
+
/** The premium marker reads as the warning badge does, so the two are recognisably the same signal. */
|
|
180
|
+
protected readonly premiumMarkerColor = Color.BLACK;
|
|
181
|
+
/**
|
|
182
|
+
*
|
|
183
|
+
* Disabled button scale on click
|
|
184
|
+
*
|
|
185
|
+
* @type {boolean}
|
|
186
|
+
* @memberof ButtonComponent
|
|
187
|
+
*/
|
|
188
|
+
disabledScaleOnClick: boolean;
|
|
189
|
+
/**
|
|
190
|
+
* A string representing the ARIA label for accessibility.
|
|
191
|
+
* This label is used to provide an accessible name for the input element.
|
|
192
|
+
* @type {string}
|
|
193
|
+
* @memberof ButtonComponent
|
|
194
|
+
*/
|
|
195
|
+
ariaLabel: string;
|
|
196
|
+
/**
|
|
197
|
+
* Whether the button controls a disclosure widget that is currently expanded.
|
|
198
|
+
* Set to `true` for an expanded disclosure, `false` for collapsed, or leave
|
|
199
|
+
* undefined when the button is not a disclosure trigger.
|
|
200
|
+
* @memberof ButtonComponent
|
|
201
|
+
*/
|
|
202
|
+
ariaExpanded?: boolean;
|
|
203
|
+
/**
|
|
204
|
+
* The id of the element controlled by this button (used together with
|
|
205
|
+
* `ariaExpanded` for disclosure semantics).
|
|
206
|
+
* @memberof ButtonComponent
|
|
207
|
+
*/
|
|
208
|
+
ariaControls?: string;
|
|
209
|
+
/**
|
|
210
|
+
* Whether the button is a toggle button currently in the pressed state.
|
|
211
|
+
* Use `true` / `false` for two-state toggles. Leave undefined when the
|
|
212
|
+
* button is not a toggle.
|
|
213
|
+
* @memberof ButtonComponent
|
|
214
|
+
*/
|
|
215
|
+
ariaPressed?: boolean;
|
|
216
|
+
/**
|
|
217
|
+
* A string representing the ARIA requirement for accessibility.
|
|
218
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
219
|
+
* @type {boolean}
|
|
220
|
+
* @memberof ButtonComponent
|
|
221
|
+
*/
|
|
222
|
+
ariaRequired: boolean;
|
|
223
|
+
/**
|
|
224
|
+
* A string representing the ARIA requirement for accessibility.
|
|
225
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
226
|
+
* @type {string}
|
|
227
|
+
* @memberof ButtonComponent
|
|
228
|
+
*/
|
|
229
|
+
ariaLabelledby: string;
|
|
230
|
+
/**
|
|
231
|
+
* A string representing the ARIA requirement for accessibility.
|
|
232
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
233
|
+
* @type {string}
|
|
234
|
+
* @memberof ButtonComponent
|
|
235
|
+
*/
|
|
236
|
+
ariaDescribedby: string;
|
|
237
|
+
/**
|
|
238
|
+
* Prevents default button click behavior
|
|
239
|
+
* @type {boolean}
|
|
240
|
+
* @memberof ButtonComponent
|
|
241
|
+
*/
|
|
242
|
+
preventDefault: boolean;
|
|
243
|
+
/**
|
|
244
|
+
* Ghost variant with white background
|
|
245
|
+
* @type {boolean}
|
|
246
|
+
* @memberof ButtonComponent
|
|
247
|
+
*/
|
|
248
|
+
hasBackground: boolean;
|
|
249
|
+
/**
|
|
250
|
+
* Sets tooltip position
|
|
251
|
+
*
|
|
252
|
+
* @type {TooltipPosition}
|
|
253
|
+
* @memberof ButtonComponent
|
|
254
|
+
*/
|
|
255
|
+
tooltipPosition: TooltipPosition;
|
|
256
|
+
role: string;
|
|
257
|
+
iconFilled: boolean;
|
|
258
|
+
testId: string | null;
|
|
259
|
+
buttonClickEvent: EventEmitter<Event>;
|
|
260
|
+
buttonHoverEvent: EventEmitter<Event>;
|
|
261
|
+
buttonElement: MatButton;
|
|
262
|
+
get isDisabled(): boolean;
|
|
263
|
+
get compColor(): string;
|
|
264
|
+
classCss: string;
|
|
265
|
+
styleCss: Record<string, string>;
|
|
266
|
+
isButtonLink: boolean;
|
|
267
|
+
isLabel: boolean;
|
|
268
|
+
buttonState: ButtonState;
|
|
269
|
+
hover: boolean;
|
|
270
|
+
iconButtonSize: IconButtonSize;
|
|
271
|
+
allowButtonTypeForPremium: ButtonColor[];
|
|
272
|
+
isFilledIcon: boolean;
|
|
273
|
+
coloredIcons: string[];
|
|
274
|
+
labelEllipsis: boolean;
|
|
275
|
+
icon: IconName;
|
|
276
|
+
trailingIcon: IconName;
|
|
277
|
+
private static nextAriaLabelledId;
|
|
278
|
+
ariaLabelledbyId: string;
|
|
279
|
+
get typeIncluded(): boolean;
|
|
280
|
+
constructor(defaultAppTheme: ApplicationTheme$1);
|
|
281
|
+
ngOnInit(): void;
|
|
282
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
283
|
+
private hasCssAffectingChange;
|
|
284
|
+
private isIconButtonSizeChange;
|
|
285
|
+
private isFilledIconVariant;
|
|
286
|
+
ngAfterViewInit(): void;
|
|
287
|
+
buttonClick(event: Event): void;
|
|
288
|
+
buttonHover(event: Event): void;
|
|
289
|
+
showLabel(): boolean;
|
|
290
|
+
setCssClass(): string;
|
|
291
|
+
setCssStyle(): Record<string, string>;
|
|
292
|
+
private get isColorVariant();
|
|
293
|
+
private get isTextVariant();
|
|
294
|
+
private getInteractiveStyle;
|
|
295
|
+
private getClassicInteractiveStyle;
|
|
296
|
+
private getCompanyColorStyle;
|
|
297
|
+
private getGhostBackgroundStyle;
|
|
298
|
+
get showSpinner(): boolean;
|
|
299
|
+
get showInlineSpinner(): boolean;
|
|
300
|
+
showButtonLink(): boolean;
|
|
301
|
+
setIconButtonSize(): IconButtonSize;
|
|
302
|
+
onPressed(ev: Event): void;
|
|
303
|
+
focus(origin?: FocusOrigin): void;
|
|
304
|
+
get getCompanyColor(): string;
|
|
305
|
+
get shouldChangeFilledStatus(): boolean;
|
|
306
|
+
/**
|
|
307
|
+
* Whether this specific icon may be swapped to its filled variant on hover. Takes the icon as an
|
|
308
|
+
* argument because a button can render two, and a brand icon in one slot must not freeze the other.
|
|
309
|
+
*/
|
|
310
|
+
canToggleFilled(icon: IconName): boolean;
|
|
311
|
+
onKeydown(event: KeyboardEvent): void;
|
|
312
|
+
onKeyup(event: KeyboardEvent): void;
|
|
313
|
+
onLabelEllipsisChange(state: boolean): void;
|
|
314
|
+
getIconName(iconName: string, defaultValue: string): IconName;
|
|
315
|
+
private isKnownIconName;
|
|
316
|
+
private createAriaLabelledById;
|
|
317
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [{
|
|
318
|
+
optional: true;
|
|
319
|
+
}]>;
|
|
320
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, {
|
|
321
|
+
"size": {
|
|
322
|
+
"alias": "size";
|
|
323
|
+
"required": false;
|
|
324
|
+
};
|
|
325
|
+
"variant": {
|
|
326
|
+
"alias": "variant";
|
|
327
|
+
"required": false;
|
|
328
|
+
};
|
|
329
|
+
"label": {
|
|
330
|
+
"alias": "label";
|
|
331
|
+
"required": false;
|
|
332
|
+
};
|
|
333
|
+
"iconPosition": {
|
|
334
|
+
"alias": "iconPosition";
|
|
335
|
+
"required": false;
|
|
336
|
+
};
|
|
337
|
+
"justIcon": {
|
|
338
|
+
"alias": "justIcon";
|
|
339
|
+
"required": false;
|
|
340
|
+
};
|
|
341
|
+
"iconName": {
|
|
342
|
+
"alias": "iconName";
|
|
343
|
+
"required": false;
|
|
344
|
+
};
|
|
345
|
+
"trailingIconName": {
|
|
346
|
+
"alias": "trailingIconName";
|
|
347
|
+
"required": false;
|
|
348
|
+
};
|
|
349
|
+
"trailingIconFilled": {
|
|
350
|
+
"alias": "trailingIconFilled";
|
|
351
|
+
"required": false;
|
|
352
|
+
};
|
|
353
|
+
"disabled": {
|
|
354
|
+
"alias": "disabled";
|
|
355
|
+
"required": false;
|
|
356
|
+
};
|
|
357
|
+
"loading": {
|
|
358
|
+
"alias": "loading";
|
|
359
|
+
"required": false;
|
|
360
|
+
};
|
|
361
|
+
"loadingWithLabel": {
|
|
362
|
+
"alias": "loadingWithLabel";
|
|
363
|
+
"required": false;
|
|
364
|
+
};
|
|
365
|
+
"fullWidth": {
|
|
366
|
+
"alias": "fullWidth";
|
|
367
|
+
"required": false;
|
|
368
|
+
};
|
|
369
|
+
"url": {
|
|
370
|
+
"alias": "url";
|
|
371
|
+
"required": false;
|
|
372
|
+
};
|
|
373
|
+
"urlTarget": {
|
|
374
|
+
"alias": "urlTarget";
|
|
375
|
+
"required": false;
|
|
376
|
+
};
|
|
377
|
+
"value": {
|
|
378
|
+
"alias": "value";
|
|
379
|
+
"required": false;
|
|
380
|
+
};
|
|
381
|
+
"tooltip": {
|
|
382
|
+
"alias": "tooltip";
|
|
383
|
+
"required": false;
|
|
384
|
+
};
|
|
385
|
+
"isPremium": {
|
|
386
|
+
"alias": "isPremium";
|
|
387
|
+
"required": false;
|
|
388
|
+
};
|
|
389
|
+
"type": {
|
|
390
|
+
"alias": "type";
|
|
391
|
+
"required": false;
|
|
392
|
+
};
|
|
393
|
+
"companyColor": {
|
|
394
|
+
"alias": "companyColor";
|
|
395
|
+
"required": false;
|
|
396
|
+
};
|
|
397
|
+
"buttonBadgeConfig": {
|
|
398
|
+
"alias": "buttonBadgeConfig";
|
|
399
|
+
"required": false;
|
|
400
|
+
};
|
|
401
|
+
"applicationTheme": {
|
|
402
|
+
"alias": "applicationTheme";
|
|
403
|
+
"required": false;
|
|
404
|
+
};
|
|
405
|
+
"disabledScaleOnClick": {
|
|
406
|
+
"alias": "disabledScaleOnClick";
|
|
407
|
+
"required": false;
|
|
408
|
+
};
|
|
409
|
+
"ariaLabel": {
|
|
410
|
+
"alias": "ariaLabel";
|
|
411
|
+
"required": false;
|
|
412
|
+
};
|
|
413
|
+
"ariaExpanded": {
|
|
414
|
+
"alias": "ariaExpanded";
|
|
415
|
+
"required": false;
|
|
416
|
+
};
|
|
417
|
+
"ariaControls": {
|
|
418
|
+
"alias": "ariaControls";
|
|
419
|
+
"required": false;
|
|
420
|
+
};
|
|
421
|
+
"ariaPressed": {
|
|
422
|
+
"alias": "ariaPressed";
|
|
423
|
+
"required": false;
|
|
424
|
+
};
|
|
425
|
+
"ariaRequired": {
|
|
426
|
+
"alias": "ariaRequired";
|
|
427
|
+
"required": false;
|
|
428
|
+
};
|
|
429
|
+
"ariaLabelledby": {
|
|
430
|
+
"alias": "ariaLabelledby";
|
|
431
|
+
"required": false;
|
|
432
|
+
};
|
|
433
|
+
"ariaDescribedby": {
|
|
434
|
+
"alias": "ariaDescribedby";
|
|
435
|
+
"required": false;
|
|
436
|
+
};
|
|
437
|
+
"preventDefault": {
|
|
438
|
+
"alias": "preventDefault";
|
|
439
|
+
"required": false;
|
|
440
|
+
};
|
|
441
|
+
"hasBackground": {
|
|
442
|
+
"alias": "hasBackground";
|
|
443
|
+
"required": false;
|
|
444
|
+
};
|
|
445
|
+
"tooltipPosition": {
|
|
446
|
+
"alias": "tooltipPosition";
|
|
447
|
+
"required": false;
|
|
448
|
+
};
|
|
449
|
+
"role": {
|
|
450
|
+
"alias": "role";
|
|
451
|
+
"required": false;
|
|
452
|
+
};
|
|
453
|
+
"iconFilled": {
|
|
454
|
+
"alias": "iconFilled";
|
|
455
|
+
"required": false;
|
|
456
|
+
};
|
|
457
|
+
"testId": {
|
|
458
|
+
"alias": "testId";
|
|
459
|
+
"required": false;
|
|
460
|
+
};
|
|
461
|
+
}, {
|
|
462
|
+
"buttonClickEvent": "buttonClickEvent";
|
|
463
|
+
"buttonHoverEvent": "buttonHoverEvent";
|
|
464
|
+
}, never, never, true, never>;
|
|
465
|
+
static ngAcceptInputType_preventDefault: unknown;
|
|
466
|
+
static ngAcceptInputType_hasBackground: unknown;
|
|
324
467
|
}
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ButtonComponentModule>;
|
|
468
|
+
export declare class ButtonComponentModule {
|
|
469
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponentModule, never>;
|
|
470
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonComponentModule, never, [typeof i1.CommonModule, typeof i2.MatButtonModule, typeof i3.IconComponentModule, typeof i4.MatProgressSpinnerModule, typeof i5.MatTooltipModule, typeof i6.BadgeComponentModule, typeof i7.EllipseTextDirective, typeof i8.MatRadioModule, typeof i7.UiTranslatePipe, typeof ButtonComponent], [typeof ButtonComponent]>;
|
|
471
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ButtonComponentModule>;
|
|
330
472
|
}
|
|
331
|
-
|
|
332
473
|
/**
|
|
333
474
|
* Function for adjusting the lightness of a color based on different events (hover, pressed, disabled).
|
|
334
475
|
* Accepts a hex color, transforms it to HSL, and based on color's L and event darkens or lightens it.
|
|
@@ -339,25 +480,23 @@ declare class ButtonComponentModule {
|
|
|
339
480
|
* @param theme
|
|
340
481
|
*/
|
|
341
482
|
type LightnessEvent = 'hover' | 'pressed' | 'disabled';
|
|
342
|
-
declare const adjustLightness: (hexColor: string, typeEvent: LightnessEvent, theme?: "new" | "classic") => string;
|
|
483
|
+
export declare const adjustLightness: (hexColor: string, typeEvent: LightnessEvent, theme?: "new" | "classic") => string;
|
|
343
484
|
/**
|
|
344
485
|
* Transforms hex color to HSL in object variation.
|
|
345
486
|
* @param hexColor string value with hex color
|
|
346
487
|
*/
|
|
347
|
-
declare const hexToHsl: (hexColor: string) => {
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
488
|
+
export declare const hexToHsl: (hexColor: string) => {
|
|
489
|
+
h: number;
|
|
490
|
+
s: number;
|
|
491
|
+
l: number;
|
|
351
492
|
};
|
|
352
493
|
/**
|
|
353
494
|
* Transforms HSL color, represented as an object and transforms it to hex string.
|
|
354
495
|
* @param hslColor accepts the HSL color like an object.
|
|
355
496
|
*/
|
|
356
|
-
declare const hslToHex: (hslColor: {
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
497
|
+
export declare const hslToHex: (hslColor: {
|
|
498
|
+
h: number;
|
|
499
|
+
s: number;
|
|
500
|
+
l: number;
|
|
360
501
|
}) => string;
|
|
361
|
-
|
|
362
|
-
export { ButtonComponent, ButtonComponentModule, adjustLightness, hexToHsl, hslToHex };
|
|
363
|
-
export type { ButtonBadgeConfig, ButtonColor, ButtonIconPosition, ButtonSize, ButtonState, ButtonType, IconButtonSize, LinkUrlTarget };
|
|
502
|
+
export { ApplicationTheme };
|