@ascentgl/ads-ui 0.0.3 → 0.0.5

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.
Files changed (44) hide show
  1. package/esm2022/index.mjs +2 -2
  2. package/esm2022/lib/components/error-page/error-page.component.mjs +2 -2
  3. package/esm2022/lib/components/modal/modal.component.mjs +3 -3
  4. package/esm2022/lib/components/nav-menu/index.mjs +2 -0
  5. package/esm2022/lib/components/nav-menu/nav-menu.component.mjs +32 -0
  6. package/esm2022/lib/components/nav-menu/nav-menu.module.mjs +22 -0
  7. package/esm2022/lib/components/nav-menu/nav-menu.types.mjs +2 -0
  8. package/esm2022/lib/components/nav-menu/public-api.mjs +3 -0
  9. package/esm2022/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.mjs +2 -2
  10. package/esm2022/lib/components/tags/create-tag/create-tag.component.mjs +2 -2
  11. package/esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.mjs +2 -2
  12. package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs +2 -2
  13. package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs.map +1 -1
  14. package/fesm2022/ascentgl-ads-ui.mjs +49 -80
  15. package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
  16. package/index.d.ts +1 -1
  17. package/lib/components/modal/modal.component.d.ts +2 -2
  18. package/lib/components/nav-menu/nav-menu.component.d.ts +19 -0
  19. package/lib/components/nav-menu/nav-menu.module.d.ts +12 -0
  20. package/lib/components/nav-menu/nav-menu.types.d.ts +12 -0
  21. package/lib/components/nav-menu/public-api.d.ts +2 -0
  22. package/package.json +77 -83
  23. package/src/assets/sass/ads-ui/overrides/_angular-material.scss +0 -1
  24. package/src/assets/sass/ads-ui/overrides/angular-material/_tabs.scss +45 -51
  25. package/src/assets/sass/ads-ui/overrides/angular-material/_tooltip.scss +11 -7
  26. package/esm2022/lib/components/buttons/selection-button/index.mjs +0 -2
  27. package/esm2022/lib/components/buttons/selection-button/public-api.mjs +0 -3
  28. package/esm2022/lib/components/buttons/selection-button/selection-button.component.mjs +0 -60
  29. package/esm2022/lib/components/buttons/selection-button/selection-button.module.mjs +0 -20
  30. package/esm2022/src/lib/components/buttons/selection-button/ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs +0 -5
  31. package/esm2022/src/lib/components/buttons/selection-button/public-api.mjs +0 -3
  32. package/esm2022/src/lib/components/buttons/selection-button/selection-button.component.mjs +0 -60
  33. package/esm2022/src/lib/components/buttons/selection-button/selection-button.module.mjs +0 -20
  34. package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs +0 -83
  35. package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs.map +0 -1
  36. package/lib/components/buttons/selection-button/public-api.d.ts +0 -2
  37. package/lib/components/buttons/selection-button/selection-button.component.d.ts +0 -40
  38. package/lib/components/buttons/selection-button/selection-button.module.d.ts +0 -10
  39. package/src/assets/sass/ads-ui/overrides/angular-material/_modal.scss +0 -42
  40. package/src/lib/components/buttons/selection-button/index.d.ts +0 -5
  41. package/src/lib/components/buttons/selection-button/public-api.d.ts +0 -2
  42. package/src/lib/components/buttons/selection-button/selection-button.component.d.ts +0 -40
  43. package/src/lib/components/buttons/selection-button/selection-button.module.d.ts +0 -10
  44. /package/lib/components/{buttons/selection-button → nav-menu}/index.d.ts +0 -0
package/index.d.ts CHANGED
@@ -38,7 +38,6 @@ export * from './lib/components/progress-indicators/progress-spinner';
38
38
  export * from './lib/components/progress-indicators/progress-indicator-spinner';
39
39
  export * from './lib/components/progress-stepper';
40
40
  export * from './lib/components/rating';
41
- export * from './lib/components/buttons/selection-button';
42
41
  export * from './lib/components/shell-layout';
43
42
  export * from './lib/components/splash-page';
44
43
  export * from './lib/components/stepper-condensed';
@@ -84,3 +83,4 @@ export * from './lib/components/badge';
84
83
  export * from './lib/components/chip';
85
84
  export * from './lib/components/expansion-panel';
86
85
  export * from './lib/components/table';
86
+ export * from './lib/components/nav-menu';
package/lib/components/modal/modal.component.d.ts CHANGED
@@ -7,9 +7,9 @@ export type AdsModalData = {
7
7
  content: string;
8
8
  hideCancel?: boolean;
9
9
  cancelButtonText?: string;
10
- isExitIntent?: boolean;
11
10
  confirmButtonText?: string;
12
- template?: TemplateRef<unknown>;
11
+ contentTemplate?: TemplateRef<unknown>;
12
+ actionsTemplate?: TemplateRef<unknown>;
13
13
  };
14
14
  export declare enum ModalPanelClass {
15
15
  Confirmation = "ads-confirmation"
package/lib/components/nav-menu/nav-menu.component.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { NavMenuItem } from './nav-menu.types';
2
+ import { AdsIconRegistry } from '@ascentgl/ads-icons';
3
+ import * as i0 from "@angular/core";
4
+ export declare class AdsNavMenuComponent {
5
+ private registry;
6
+ constructor(registry: AdsIconRegistry);
7
+ /** Id attribute for the main menu trigger element */
8
+ id: import("@angular/core").InputSignal<string>;
9
+ /**
10
+ * Array of menu items to display in the main menu
11
+ */
12
+ navMenuItems: import("@angular/core").InputSignal<NavMenuItem[]>;
13
+ /** Image url path */
14
+ iconUrl: import("@angular/core").InputSignal<string | undefined>;
15
+ /** Optional label text before icon */
16
+ label: import("@angular/core").InputSignal<string | undefined>;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<AdsNavMenuComponent, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<AdsNavMenuComponent, "ads-nav-menu", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "navMenuItems": { "alias": "navMenuItems"; "required": true; "isSignal": true; }; "iconUrl": { "alias": "iconUrl"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
19
+ }
package/lib/components/nav-menu/nav-menu.module.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./nav-menu.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/material/menu";
5
+ import * as i4 from "@ascentgl/ads-icons";
6
+ import * as i5 from "@angular/router";
7
+ import * as i6 from "@angular/material/button";
8
+ export declare class AdsNavMenuModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<AdsNavMenuModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AdsNavMenuModule, [typeof i1.AdsNavMenuComponent], [typeof i2.CommonModule, typeof i3.MatMenuModule, typeof i4.AdsIconModule, typeof i5.RouterModule, typeof i6.MatIconButton, typeof i2.NgOptimizedImage], [typeof i1.AdsNavMenuComponent]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<AdsNavMenuModule>;
12
+ }
package/lib/components/nav-menu/nav-menu.types.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { adsIcon } from '@ascentgl/ads-icons/icons';
2
+ import { TemplateRef } from '@angular/core';
3
+ import { GENERIC_COLLECTION } from '@ascentgl/ads-utils';
4
+ export type NavMenuItem = {
5
+ template?: TemplateRef<GENERIC_COLLECTION>;
6
+ text: string;
7
+ icon?: adsIcon;
8
+ href?: string;
9
+ id?: string;
10
+ onClick?: () => void;
11
+ [key: string]: unknown;
12
+ };
package/lib/components/nav-menu/public-api.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './nav-menu.module';
2
+ export * from './nav-menu.component';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ascentgl/ads-ui",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "peerDependencies": {
5
5
  "@ascentgl/ads-icons": ">=0.0.0",
6
6
  "@ascentgl/ads-utils": ">=0.0.0",
@@ -70,12 +70,6 @@
70
70
  "esm": "./esm2022/src/lib/components/main-menu/ascentgl-ads-ui-src-lib-components-main-menu.mjs",
71
71
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-main-menu.mjs"
72
72
  },
73
- "./src/lib/components/navigation": {
74
- "types": "./src/lib/components/navigation/index.d.ts",
75
- "esm2022": "./esm2022/src/lib/components/navigation/ascentgl-ads-ui-src-lib-components-navigation.mjs",
76
- "esm": "./esm2022/src/lib/components/navigation/ascentgl-ads-ui-src-lib-components-navigation.mjs",
77
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation.mjs"
78
- },
79
73
  "./src/lib/components/pagination": {
80
74
  "types": "./src/lib/components/pagination/index.d.ts",
81
75
  "esm2022": "./esm2022/src/lib/components/pagination/ascentgl-ads-ui-src-lib-components-pagination.mjs",
@@ -94,6 +88,12 @@
94
88
  "esm": "./esm2022/src/lib/components/rating/ascentgl-ads-ui-src-lib-components-rating.mjs",
95
89
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-rating.mjs"
96
90
  },
91
+ "./src/lib/components/navigation": {
92
+ "types": "./src/lib/components/navigation/index.d.ts",
93
+ "esm2022": "./esm2022/src/lib/components/navigation/ascentgl-ads-ui-src-lib-components-navigation.mjs",
94
+ "esm": "./esm2022/src/lib/components/navigation/ascentgl-ads-ui-src-lib-components-navigation.mjs",
95
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation.mjs"
96
+ },
97
97
  "./src/lib/components/shell-layout": {
98
98
  "types": "./src/lib/components/shell-layout/index.d.ts",
99
99
  "esm2022": "./esm2022/src/lib/components/shell-layout/ascentgl-ads-ui-src-lib-components-shell-layout.mjs",
@@ -112,30 +112,24 @@
112
112
  "esm": "./esm2022/src/lib/components/timeline-stepper/ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs",
113
113
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs"
114
114
  },
115
- "./src/lib/components/vertical-stepper": {
116
- "types": "./src/lib/components/vertical-stepper/index.d.ts",
117
- "esm2022": "./esm2022/src/lib/components/vertical-stepper/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs",
118
- "esm": "./esm2022/src/lib/components/vertical-stepper/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs",
119
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs"
120
- },
121
115
  "./src/lib/components/wizard-stepper": {
122
116
  "types": "./src/lib/components/wizard-stepper/index.d.ts",
123
117
  "esm2022": "./esm2022/src/lib/components/wizard-stepper/ascentgl-ads-ui-src-lib-components-wizard-stepper.mjs",
124
118
  "esm": "./esm2022/src/lib/components/wizard-stepper/ascentgl-ads-ui-src-lib-components-wizard-stepper.mjs",
125
119
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-wizard-stepper.mjs"
126
120
  },
121
+ "./src/lib/components/vertical-stepper": {
122
+ "types": "./src/lib/components/vertical-stepper/index.d.ts",
123
+ "esm2022": "./esm2022/src/lib/components/vertical-stepper/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs",
124
+ "esm": "./esm2022/src/lib/components/vertical-stepper/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs",
125
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-vertical-stepper.mjs"
126
+ },
127
127
  "./src/lib/components/buttons/button-container": {
128
128
  "types": "./src/lib/components/buttons/button-container/index.d.ts",
129
129
  "esm2022": "./esm2022/src/lib/components/buttons/button-container/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs",
130
130
  "esm": "./esm2022/src/lib/components/buttons/button-container/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs",
131
131
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs"
132
132
  },
133
- "./src/lib/components/buttons/selection-button": {
134
- "types": "./src/lib/components/buttons/selection-button/index.d.ts",
135
- "esm2022": "./esm2022/src/lib/components/buttons/selection-button/ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs",
136
- "esm": "./esm2022/src/lib/components/buttons/selection-button/ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs",
137
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs"
138
- },
139
133
  "./src/lib/components/error-page/error-page-code": {
140
134
  "types": "./src/lib/components/error-page/error-page-code/index.d.ts",
141
135
  "esm2022": "./esm2022/src/lib/components/error-page/error-page-code/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs",
@@ -166,24 +160,48 @@
166
160
  "esm": "./esm2022/src/lib/components/logo/primary-logo/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs",
167
161
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs"
168
162
  },
163
+ "./src/lib/components/pagination/container": {
164
+ "types": "./src/lib/components/pagination/container/index.d.ts",
165
+ "esm2022": "./esm2022/src/lib/components/pagination/container/ascentgl-ads-ui-src-lib-components-pagination-container.mjs",
166
+ "esm": "./esm2022/src/lib/components/pagination/container/ascentgl-ads-ui-src-lib-components-pagination-container.mjs",
167
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-pagination-container.mjs"
168
+ },
169
+ "./src/lib/components/progress-indicators/progress-bar": {
170
+ "types": "./src/lib/components/progress-indicators/progress-bar/index.d.ts",
171
+ "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
172
+ "esm": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
173
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs"
174
+ },
175
+ "./src/lib/components/progress-indicators/progress-indicator-spinner": {
176
+ "types": "./src/lib/components/progress-indicators/progress-indicator-spinner/index.d.ts",
177
+ "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs",
178
+ "esm": "./esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs",
179
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs"
180
+ },
181
+ "./src/lib/components/progress-indicators/progress-spinner": {
182
+ "types": "./src/lib/components/progress-indicators/progress-spinner/index.d.ts",
183
+ "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
184
+ "esm": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
185
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs"
186
+ },
169
187
  "./src/lib/components/navigation/dashboard-edit-icon": {
170
188
  "types": "./src/lib/components/navigation/dashboard-edit-icon/index.d.ts",
171
189
  "esm2022": "./esm2022/src/lib/components/navigation/dashboard-edit-icon/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs",
172
190
  "esm": "./esm2022/src/lib/components/navigation/dashboard-edit-icon/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs",
173
191
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs"
174
192
  },
175
- "./src/lib/components/navigation/navigation-collapse-handle": {
176
- "types": "./src/lib/components/navigation/navigation-collapse-handle/index.d.ts",
177
- "esm2022": "./esm2022/src/lib/components/navigation/navigation-collapse-handle/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs",
178
- "esm": "./esm2022/src/lib/components/navigation/navigation-collapse-handle/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs",
179
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs"
180
- },
181
193
  "./src/lib/components/navigation/navigation-actions-container": {
182
194
  "types": "./src/lib/components/navigation/navigation-actions-container/index.d.ts",
183
195
  "esm2022": "./esm2022/src/lib/components/navigation/navigation-actions-container/ascentgl-ads-ui-src-lib-components-navigation-navigation-actions-container.mjs",
184
196
  "esm": "./esm2022/src/lib/components/navigation/navigation-actions-container/ascentgl-ads-ui-src-lib-components-navigation-navigation-actions-container.mjs",
185
197
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-actions-container.mjs"
186
198
  },
199
+ "./src/lib/components/navigation/navigation-collapse-handle": {
200
+ "types": "./src/lib/components/navigation/navigation-collapse-handle/index.d.ts",
201
+ "esm2022": "./esm2022/src/lib/components/navigation/navigation-collapse-handle/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs",
202
+ "esm": "./esm2022/src/lib/components/navigation/navigation-collapse-handle/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs",
203
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs"
204
+ },
187
205
  "./src/lib/components/navigation/navigation-header": {
188
206
  "types": "./src/lib/components/navigation/navigation-header/index.d.ts",
189
207
  "esm2022": "./esm2022/src/lib/components/navigation/navigation-header/ascentgl-ads-ui-src-lib-components-navigation-navigation-header.mjs",
@@ -214,30 +232,6 @@
214
232
  "esm": "./esm2022/src/lib/components/navigation/sub-navigation-items-container/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs",
215
233
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs"
216
234
  },
217
- "./src/lib/components/pagination/container": {
218
- "types": "./src/lib/components/pagination/container/index.d.ts",
219
- "esm2022": "./esm2022/src/lib/components/pagination/container/ascentgl-ads-ui-src-lib-components-pagination-container.mjs",
220
- "esm": "./esm2022/src/lib/components/pagination/container/ascentgl-ads-ui-src-lib-components-pagination-container.mjs",
221
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-pagination-container.mjs"
222
- },
223
- "./src/lib/components/progress-indicators/progress-bar": {
224
- "types": "./src/lib/components/progress-indicators/progress-bar/index.d.ts",
225
- "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
226
- "esm": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
227
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs"
228
- },
229
- "./src/lib/components/progress-indicators/progress-indicator-spinner": {
230
- "types": "./src/lib/components/progress-indicators/progress-indicator-spinner/index.d.ts",
231
- "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs",
232
- "esm": "./esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs",
233
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs"
234
- },
235
- "./src/lib/components/progress-indicators/progress-spinner": {
236
- "types": "./src/lib/components/progress-indicators/progress-spinner/index.d.ts",
237
- "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
238
- "esm": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
239
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs"
240
- },
241
235
  "./src/lib/components/submenu/submenu-container": {
242
236
  "types": "./src/lib/components/submenu/submenu-container/index.d.ts",
243
237
  "esm2022": "./esm2022/src/lib/components/submenu/submenu-container/ascentgl-ads-ui-src-lib-components-submenu-submenu-container.mjs",
@@ -250,18 +244,18 @@
250
244
  "esm": "./esm2022/src/lib/components/submenu/submenu-heading/ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs",
251
245
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs"
252
246
  },
253
- "./src/lib/components/submenu/submenu-secondary-item": {
254
- "types": "./src/lib/components/submenu/submenu-secondary-item/index.d.ts",
255
- "esm2022": "./esm2022/src/lib/components/submenu/submenu-secondary-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs",
256
- "esm": "./esm2022/src/lib/components/submenu/submenu-secondary-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs",
257
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs"
258
- },
259
247
  "./src/lib/components/submenu/submenu-item": {
260
248
  "types": "./src/lib/components/submenu/submenu-item/index.d.ts",
261
249
  "esm2022": "./esm2022/src/lib/components/submenu/submenu-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs",
262
250
  "esm": "./esm2022/src/lib/components/submenu/submenu-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs",
263
251
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs"
264
252
  },
253
+ "./src/lib/components/submenu/submenu-secondary-item": {
254
+ "types": "./src/lib/components/submenu/submenu-secondary-item/index.d.ts",
255
+ "esm2022": "./esm2022/src/lib/components/submenu/submenu-secondary-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs",
256
+ "esm": "./esm2022/src/lib/components/submenu/submenu-secondary-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs",
257
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs"
258
+ },
265
259
  "./src/lib/components/tags/tag-container": {
266
260
  "types": "./src/lib/components/tags/tag-container/index.d.ts",
267
261
  "esm2022": "./esm2022/src/lib/components/tags/tag-container/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs",
@@ -274,47 +268,35 @@
274
268
  "esm": "./esm2022/src/lib/components/widgets/widget-actions/ascentgl-ads-ui-src-lib-components-widgets-widget-actions.mjs",
275
269
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-actions.mjs"
276
270
  },
277
- "./src/lib/components/widgets/widget-bar": {
278
- "types": "./src/lib/components/widgets/widget-bar/index.d.ts",
279
- "esm2022": "./esm2022/src/lib/components/widgets/widget-bar/ascentgl-ads-ui-src-lib-components-widgets-widget-bar.mjs",
280
- "esm": "./esm2022/src/lib/components/widgets/widget-bar/ascentgl-ads-ui-src-lib-components-widgets-widget-bar.mjs",
281
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-bar.mjs"
282
- },
283
271
  "./src/lib/components/widgets/widget-container": {
284
272
  "types": "./src/lib/components/widgets/widget-container/index.d.ts",
285
273
  "esm2022": "./esm2022/src/lib/components/widgets/widget-container/ascentgl-ads-ui-src-lib-components-widgets-widget-container.mjs",
286
274
  "esm": "./esm2022/src/lib/components/widgets/widget-container/ascentgl-ads-ui-src-lib-components-widgets-widget-container.mjs",
287
275
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-container.mjs"
288
276
  },
277
+ "./src/lib/components/widgets/widget-bar": {
278
+ "types": "./src/lib/components/widgets/widget-bar/index.d.ts",
279
+ "esm2022": "./esm2022/src/lib/components/widgets/widget-bar/ascentgl-ads-ui-src-lib-components-widgets-widget-bar.mjs",
280
+ "esm": "./esm2022/src/lib/components/widgets/widget-bar/ascentgl-ads-ui-src-lib-components-widgets-widget-bar.mjs",
281
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-bar.mjs"
282
+ },
289
283
  "./src/lib/components/widgets/widget-footer": {
290
284
  "types": "./src/lib/components/widgets/widget-footer/index.d.ts",
291
285
  "esm2022": "./esm2022/src/lib/components/widgets/widget-footer/ascentgl-ads-ui-src-lib-components-widgets-widget-footer.mjs",
292
286
  "esm": "./esm2022/src/lib/components/widgets/widget-footer/ascentgl-ads-ui-src-lib-components-widgets-widget-footer.mjs",
293
287
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-footer.mjs"
294
288
  },
295
- "./src/lib/components/widgets/widget-preview": {
296
- "types": "./src/lib/components/widgets/widget-preview/index.d.ts",
297
- "esm2022": "./esm2022/src/lib/components/widgets/widget-preview/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs",
298
- "esm": "./esm2022/src/lib/components/widgets/widget-preview/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs",
299
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs"
300
- },
301
289
  "./src/lib/components/widgets/widget-header": {
302
290
  "types": "./src/lib/components/widgets/widget-header/index.d.ts",
303
291
  "esm2022": "./esm2022/src/lib/components/widgets/widget-header/ascentgl-ads-ui-src-lib-components-widgets-widget-header.mjs",
304
292
  "esm": "./esm2022/src/lib/components/widgets/widget-header/ascentgl-ads-ui-src-lib-components-widgets-widget-header.mjs",
305
293
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-header.mjs"
306
294
  },
307
- "./src/lib/components/widgets/widget-thumbnail": {
308
- "types": "./src/lib/components/widgets/widget-thumbnail/index.d.ts",
309
- "esm2022": "./esm2022/src/lib/components/widgets/widget-thumbnail/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs",
310
- "esm": "./esm2022/src/lib/components/widgets/widget-thumbnail/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs",
311
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs"
312
- },
313
- "./src/lib/components/widgets/widget-thumbnail-container": {
314
- "types": "./src/lib/components/widgets/widget-thumbnail-container/index.d.ts",
315
- "esm2022": "./esm2022/src/lib/components/widgets/widget-thumbnail-container/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs",
316
- "esm": "./esm2022/src/lib/components/widgets/widget-thumbnail-container/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs",
317
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs"
295
+ "./src/lib/components/widgets/widget-preview": {
296
+ "types": "./src/lib/components/widgets/widget-preview/index.d.ts",
297
+ "esm2022": "./esm2022/src/lib/components/widgets/widget-preview/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs",
298
+ "esm": "./esm2022/src/lib/components/widgets/widget-preview/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs",
299
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs"
318
300
  },
319
301
  "./src/lib/components/widgets/widget-title": {
320
302
  "types": "./src/lib/components/widgets/widget-title/index.d.ts",
@@ -322,17 +304,29 @@
322
304
  "esm": "./esm2022/src/lib/components/widgets/widget-title/ascentgl-ads-ui-src-lib-components-widgets-widget-title.mjs",
323
305
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-title.mjs"
324
306
  },
325
- "./src/lib/components/navigation/side-navigation/side-navigation-container": {
326
- "types": "./src/lib/components/navigation/side-navigation/side-navigation-container/index.d.ts",
327
- "esm2022": "./esm2022/src/lib/components/navigation/side-navigation/side-navigation-container/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs",
328
- "esm": "./esm2022/src/lib/components/navigation/side-navigation/side-navigation-container/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs",
329
- "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs"
307
+ "./src/lib/components/widgets/widget-thumbnail-container": {
308
+ "types": "./src/lib/components/widgets/widget-thumbnail-container/index.d.ts",
309
+ "esm2022": "./esm2022/src/lib/components/widgets/widget-thumbnail-container/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs",
310
+ "esm": "./esm2022/src/lib/components/widgets/widget-thumbnail-container/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs",
311
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs"
312
+ },
313
+ "./src/lib/components/widgets/widget-thumbnail": {
314
+ "types": "./src/lib/components/widgets/widget-thumbnail/index.d.ts",
315
+ "esm2022": "./esm2022/src/lib/components/widgets/widget-thumbnail/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs",
316
+ "esm": "./esm2022/src/lib/components/widgets/widget-thumbnail/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs",
317
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs"
330
318
  },
331
319
  "./src/lib/components/navigation/side-navigation/side-navigation-item": {
332
320
  "types": "./src/lib/components/navigation/side-navigation/side-navigation-item/index.d.ts",
333
321
  "esm2022": "./esm2022/src/lib/components/navigation/side-navigation/side-navigation-item/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-item.mjs",
334
322
  "esm": "./esm2022/src/lib/components/navigation/side-navigation/side-navigation-item/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-item.mjs",
335
323
  "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-item.mjs"
324
+ },
325
+ "./src/lib/components/navigation/side-navigation/side-navigation-container": {
326
+ "types": "./src/lib/components/navigation/side-navigation/side-navigation-container/index.d.ts",
327
+ "esm2022": "./esm2022/src/lib/components/navigation/side-navigation/side-navigation-container/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs",
328
+ "esm": "./esm2022/src/lib/components/navigation/side-navigation/side-navigation-container/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs",
329
+ "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs"
336
330
  }
337
331
  },
338
332
  "sideEffects": false,
package/src/assets/sass/ads-ui/overrides/_angular-material.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  @import 'angular-material/html';
2
2
  @import 'angular-material/dropdown';
3
3
  @import 'angular-material/snackbar';
4
- @import 'angular-material/modal';
5
4
  @import 'angular-material/datetimepicker';
6
5
  @import 'angular-material/tabs';
7
6
  @import 'angular-material/tooltip';
package/src/assets/sass/ads-ui/overrides/angular-material/_tabs.scss CHANGED
@@ -1,63 +1,57 @@
1
1
  @import '../../abstracts/variables';
2
2
  @import '../../abstracts/functions';
3
3
 
4
- .ads-mat-group {
5
- .mat-mdc-tab-header {
6
- --mat-tab-header-inactive-label-text-color: #646c8d;
7
- --mat-tab-header-active-label-text-color: #646c8d;
8
- --mat-tab-header-label-text-font: Poppins, Roboto, sans-serif;
9
- --mat-tab-header-label-text-tracking: normal;
10
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
11
- padding: 0 4px;
12
-
13
- .mdc-tab {
14
- --mdc-secondary-navigation-tab-container-height: 45px;
15
- --mat-tab-header-label-text-weight: 400;
16
- border-top-left-radius: 4px;
17
- border-top-right-radius: 4px;
18
- min-width: 60px;
19
-
20
- &.has-icon {
21
- padding-right: 0;
22
- }
23
-
24
- &:hover {
25
- background-color: color(light);
26
- }
27
-
28
- &--active {
29
- box-shadow:
30
- 0 100px 80px #00000012,
31
- 0 22.3363px 17.869px #0000000b,
32
- 0 6.6501px 5.32008px #00000007;
33
- text-shadow: 0 0 0.5px #646c8d;
34
- }
35
-
36
- .menu-button {
37
- cursor: pointer;
38
- padding: 16px 24px;
39
- }
4
+ .mdc-tab {
5
+ padding: 0 32px;
6
+ }
7
+
8
+ .mat-mdc-tab-header {
9
+ --mdc-secondary-navigation-tab-container-height: 45px !important;
10
+ }
11
+
12
+ .mat-mdc-tab-link {
13
+ &:hover {
14
+ .mdc-tab-indicator__content {
15
+ opacity: 1;
16
+ }
17
+
18
+ .mdc-tab-indicator__content--underline {
19
+ --mdc-tab-indicator-active-indicator-color: #{color(secondary-hover)} !important;
20
+ }
21
+
22
+ .mdc-tab__ripple::before {
23
+ opacity: 1 !important;
24
+ background-color: color(light-30) !important;
40
25
  }
41
26
  }
42
27
 
43
- mat-tab-body {
44
- padding-top: 12px;
28
+ &:focus,
29
+ &:active {
30
+ .mdc-tab__ripple::before {
31
+ opacity: 1 !important;
32
+ background-color: color(light) !important;
33
+ }
45
34
  }
46
35
  }
47
36
 
48
- .ads-mat-menu.mat-mdc-menu-panel {
49
- border-radius: 0;
50
- min-width: 160px;
51
- max-width: none;
52
- top: 1px;
53
- position: relative;
37
+ .mdc-tab-indicator__content--underline {
38
+ --mdc-tab-indicator-active-indicator-color: #{color(secondary)} !important;
39
+ --mat-tab-header-active-focus-indicator-color: #{color(secondary-pressed)} !important;
40
+ --mat-tab-header-active-hover-indicator-color: #{color(secondary-hover)} !important;
41
+ }
54
42
 
55
- .mat-mdc-menu-content {
56
- padding: 0;
43
+ .mdc-tab__text-label {
44
+ --mat-tab-header-active-label-text-color: #{color(medium)} !important;
45
+ --mat-tab-header-inactive-label-text-color: #{color(medium)} !important;
46
+ --mat-tab-header-active-focus-label-text-color: #{color(medium)} !important;
47
+ --mat-tab-header-active-hover-label-text-color: #{color(medium)} !important;
48
+ --mat-tab-header-inactive-hover-label-text-color: #{color(medium)} !important;
49
+ --mat-tab-header-inactive-focus-label-text-color: #{color(medium)} !important;
50
+ }
57
51
 
58
- .mat-mdc-menu-item:not([disabled]):hover {
59
- color: color(white);
60
- --mat-menu-item-hover-state-layer-color: #{color(primary)};
61
- }
62
- }
52
+ .mat-mdc-tab-link {
53
+ --mat-tab-header-label-text-size: 16px;
54
+ --mat-tab-header-label-text-weight: font-weight(regular);
55
+ --mat-tab-header-label-text-line-height: 21px;
56
+ --mat-tab-header-label-text-tracking: normal;
63
57
  }
package/src/assets/sass/ads-ui/overrides/angular-material/_tooltip.scss CHANGED
@@ -21,7 +21,6 @@
21
21
  transform: translateX(-50%);
22
22
  border-width: 8px 8px 0 8px;
23
23
  border-color: color(white) transparent transparent transparent;
24
- box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.4);
25
24
  }
26
25
  }
27
26
 
@@ -32,7 +31,6 @@
32
31
  transform: translateX(-50%);
33
32
  border-width: 0 8px 8px 8px;
34
33
  border-color: transparent transparent color(white) transparent;
35
- box-shadow: 0 -4px 50px 0 rgba(0, 0, 0, 0.4);
36
34
  }
37
35
  }
38
36
 
@@ -43,7 +41,6 @@
43
41
  transform: translateY(-50%);
44
42
  border-width: 8px 0 8px 8px;
45
43
  border-color: transparent transparent transparent color(white);
46
- box-shadow: -4px 0 50px 0 rgba(0, 0, 0, 0.4);
47
44
  }
48
45
  }
49
46
 
@@ -54,7 +51,6 @@
54
51
  transform: translateY(-50%);
55
52
  border-width: 8px 8px 8px 0;
56
53
  border-color: transparent color(white) transparent transparent;
57
- box-shadow: 4px 0 50px 0 rgba(0, 0, 0, 0.4);
58
54
  }
59
55
  }
60
56
 
@@ -64,10 +60,18 @@
64
60
  color: color(dark);
65
61
  font-size: 14px;
66
62
  line-height: 21px;
67
- padding: 8px 16px;
68
- border-radius: 3px;
69
- box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.4);
63
+ padding: 8px;
64
+ border-radius: 5px;
65
+ box-shadow: 0 4px 50px 0 color(medium-opacity-50);
70
66
  max-width: 100%;
71
67
  position: relative;
72
68
  }
69
+
70
+ &.big {
71
+ .mdc-tooltip__surface {
72
+ font-size: 16px;
73
+ padding: 24px;
74
+ border-radius: 10px;
75
+ }
76
+ }
73
77
  }
package/esm2022/lib/components/buttons/selection-button/index.mjs DELETED
@@ -1,2 +0,0 @@
1
- export * from './public-api';
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9ucy9zZWxlY3Rpb24tYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
package/esm2022/lib/components/buttons/selection-button/public-api.mjs DELETED
@@ -1,3 +0,0 @@
1
- export * from './selection-button.component';
2
- export * from './selection-button.module';
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL3NlbGVjdGlvbi1idXR0b24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NlbGVjdGlvbi1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VsZWN0aW9uLWJ1dHRvbi5tb2R1bGUnO1xuIl19
package/esm2022/lib/components/buttons/selection-button/selection-button.component.mjs DELETED
@@ -1,60 +0,0 @@
1
- import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
2
- import { AdsIconRegistry } from '@ascentgl/ads-icons';
3
- import { adsIconCheck } from '@ascentgl/ads-icons/icons';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@ascentgl/ads-icons";
6
- import * as i2 from "@angular/common";
7
- export class AdsSelectionButtonComponent {
8
- constructor(registry) {
9
- this.registry = registry;
10
- /**
11
- * Whether the button is disabled
12
- */
13
- this.disabled = false;
14
- /** Whether to show the active icon when button is in the active state */
15
- this.showActiveIcon = true;
16
- /**
17
- * Event emitted when the button is clicked
18
- */
19
- this.stateChanged = new EventEmitter();
20
- /** @ignore */
21
- this.active = false;
22
- this.registry.register(adsIconCheck);
23
- }
24
- /** @ignore */
25
- onClick() {
26
- if (this.disabled) {
27
- return;
28
- }
29
- this.active = !this.active;
30
- this.stateChanged.emit(this.active);
31
- }
32
- /** @ignore */
33
- onMouseleave() {
34
- if (!this.active) {
35
- this.button.nativeElement.blur();
36
- }
37
- }
38
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSelectionButtonComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
39
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsSelectionButtonComponent, selector: "ads-selection-button", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", icon: "icon", id: "id", showActiveIcon: "showActiveIcon" }, outputs: { stateChanged: "stateChanged" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<button\n #button\n [id]=\"id\"\n class=\"selection-button\"\n [class.active]=\"active\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (mouseleave)=\"onMouseleave()\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <ads-icon [name]=\"icon\" size=\"md\"></ads-icon>\n <span *ngIf=\"showActiveIcon\" class=\"icon-badge\">\n <ads-icon name=\"check\" size=\"xxs\"></ads-icon>\n </span>\n</button>\n", styles: [".selection-button{background:transparent;border:2px solid var(--color-primary);display:flex;justify-content:center;align-items:center;height:85px;width:85px;color:var(--color-primary);cursor:pointer;position:relative;outline:none}.selection-button:not(:disabled):focus,.selection-button:not(:disabled):hover{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.selection-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.selection-button .icon-badge{background:var(--color-white);border:1px solid var(--color-primary);border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;position:absolute;left:-12.5px;top:-12.5px;display:none}.selection-button.active .icon-badge{color:var(--color-primary);display:flex}.selection-button:disabled{border-color:var(--color-light);color:var(--color-light);cursor:default}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
40
- }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSelectionButtonComponent, decorators: [{
42
- type: Component,
43
- args: [{ selector: 'ads-selection-button', template: "<button\n #button\n [id]=\"id\"\n class=\"selection-button\"\n [class.active]=\"active\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (mouseleave)=\"onMouseleave()\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <ads-icon [name]=\"icon\" size=\"md\"></ads-icon>\n <span *ngIf=\"showActiveIcon\" class=\"icon-badge\">\n <ads-icon name=\"check\" size=\"xxs\"></ads-icon>\n </span>\n</button>\n", styles: [".selection-button{background:transparent;border:2px solid var(--color-primary);display:flex;justify-content:center;align-items:center;height:85px;width:85px;color:var(--color-primary);cursor:pointer;position:relative;outline:none}.selection-button:not(:disabled):focus,.selection-button:not(:disabled):hover{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.selection-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.selection-button .icon-badge{background:var(--color-white);border:1px solid var(--color-primary);border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;position:absolute;left:-12.5px;top:-12.5px;display:none}.selection-button.active .icon-badge{color:var(--color-primary);display:flex}.selection-button:disabled{border-color:var(--color-light);color:var(--color-light);cursor:default}\n"] }]
44
- }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { button: [{
45
- type: ViewChild,
46
- args: ['button']
47
- }], ariaLabel: [{
48
- type: Input
49
- }], disabled: [{
50
- type: Input
51
- }], icon: [{
52
- type: Input
53
- }], id: [{
54
- type: Input
55
- }], showActiveIcon: [{
56
- type: Input
57
- }], stateChanged: [{
58
- type: Output
59
- }] } });
60
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9ucy9zZWxlY3Rpb24tYnV0dG9uL3NlbGVjdGlvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbnMvc2VsZWN0aW9uLWJ1dHRvbi9zZWxlY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFXLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7O0FBT2xFLE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFBb0IsUUFBeUI7UUFBekIsYUFBUSxHQUFSLFFBQVEsQ0FBaUI7UUFZN0M7O1dBRUc7UUFDTSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBWTFCLHlFQUF5RTtRQUNoRSxtQkFBYyxHQUFHLElBQUksQ0FBQztRQUUvQjs7V0FFRztRQUNPLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFNUUsY0FBYztRQUNQLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFuQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFvQ0QsY0FBYztJQUNQLE9BQU87UUFDWixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBRTNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsY0FBYztJQUNQLFlBQVk7UUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNuQyxDQUFDO0lBQ0gsQ0FBQzs4R0F2RFUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsNlRDVHhDLHVaQWVBOzsyRkROYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCO29GQVVYLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFLVixTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLEVBQUU7c0JBQVYsS0FBSztnQkFHRyxjQUFjO3NCQUF0QixLQUFLO2dCQUtJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZHNJY29uUmVnaXN0cnkgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IGFkc0ljb24sIGFkc0ljb25DaGVjayB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtc2VsZWN0aW9uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNTZWxlY3Rpb25CdXR0b25Db21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlZ2lzdHJ5OiBBZHNJY29uUmVnaXN0cnkpIHtcbiAgICB0aGlzLnJlZ2lzdHJ5LnJlZ2lzdGVyKGFkc0ljb25DaGVjayk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkKCdidXR0b24nKSBidXR0b24hOiBFbGVtZW50UmVmO1xuXG4gIC8qKlxuICAgKiBhcmlhLWxhYmVsIGZvciB0aGUgYnV0dG9uXG4gICAqL1xuICBASW5wdXQoKSBhcmlhTGFiZWwhOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqICBXaGV0aGVyIHRoZSBidXR0b24gaXMgZGlzYWJsZWRcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBpY29uIHRvIGRpc3BsYXlcbiAgICovXG4gIEBJbnB1dCgpIGljb24hOiBhZHNJY29uO1xuXG4gIC8qKlxuICAgKiBUaGUgdW5pcXVlIElEIGZvciB0aGUgc2VsZWN0aW9uIGJ1dHRvblxuICAgKi9cbiAgQElucHV0KCkgaWQhOiBzdHJpbmc7XG5cbiAgLyoqIFdoZXRoZXIgdG8gc2hvdyB0aGUgYWN0aXZlIGljb24gd2hlbiBidXR0b24gaXMgaW4gdGhlIGFjdGl2ZSBzdGF0ZSAqL1xuICBASW5wdXQoKSBzaG93QWN0aXZlSWNvbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWRcbiAgICovXG4gIEBPdXRwdXQoKSBzdGF0ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwdWJsaWMgYWN0aXZlID0gZmFsc2U7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHVibGljIG9uQ2xpY2soKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmFjdGl2ZSA9ICF0aGlzLmFjdGl2ZTtcblxuICAgIHRoaXMuc3RhdGVDaGFuZ2VkLmVtaXQodGhpcy5hY3RpdmUpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHVibGljIG9uTW91c2VsZWF2ZSgpIHtcbiAgICBpZiAoIXRoaXMuYWN0aXZlKSB7XG4gICAgICB0aGlzLmJ1dHRvbi5uYXRpdmVFbGVtZW50LmJsdXIoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgI2J1dHRvblxuICBbaWRdPVwiaWRcIlxuICBjbGFzcz1cInNlbGVjdGlvbi1idXR0b25cIlxuICBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAobW91c2VsZWF2ZSk9XCJvbk1vdXNlbGVhdmUoKVwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbj5cbiAgPGFkcy1pY29uIFtuYW1lXT1cImljb25cIiBzaXplPVwibWRcIj48L2Fkcy1pY29uPlxuICA8c3BhbiAqbmdJZj1cInNob3dBY3RpdmVJY29uXCIgY2xhc3M9XCJpY29uLWJhZGdlXCI+XG4gICAgPGFkcy1pY29uIG5hbWU9XCJjaGVja1wiIHNpemU9XCJ4eHNcIj48L2Fkcy1pY29uPlxuICA8L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==