@design-system-rte/angular 1.2.1-rc5 → 1.3.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/esm2022/lib/components/icon/icon-map.mjs +112 -112
- package/esm2022/lib/components/modal/modal.component.mjs +3 -3
- package/esm2022/lib/components/side-nav/side-nav.component.mjs +1 -1
- package/fesm2022/design-system-rte-angular.mjs +113 -113
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/chip/chip.component.d.ts +1 -1
- package/lib/components/icon-button/icon-button.component.d.ts +1 -1
- package/lib/components/icon-button-toggle/icon-button-toggle.component.d.ts +1 -1
- package/lib/components/popover/popover.component.d.ts +1 -1
- package/lib/components/side-nav/side-nav.component.d.ts +2 -2
- package/lib/components/tooltip/tooltip.component.d.ts +1 -1
- package/package.json +2 -2
|
@@ -140,9 +140,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
140
140
|
|
|
141
141
|
// This file is auto-generated. Do not edit manually.
|
|
142
142
|
const RegularIcons = {
|
|
143
|
-
|
|
143
|
+
add: "add",
|
|
144
144
|
"alt-route": "alt_route",
|
|
145
|
-
|
|
145
|
+
apps: "apps",
|
|
146
146
|
"arrow-alt-down": "arrow_alt_down",
|
|
147
147
|
"arrow-alt-down-left": "arrow_alt_down_left",
|
|
148
148
|
"arrow-alt-down-right": "arrow_alt_down_right",
|
|
@@ -173,100 +173,100 @@ const RegularIcons = {
|
|
|
173
173
|
"arrow-up": "arrow_up",
|
|
174
174
|
"arrow-up-left": "arrow_up_left",
|
|
175
175
|
"arrow-up-right": "arrow_up_right",
|
|
176
|
-
|
|
176
|
+
asterisk: "asterisk",
|
|
177
177
|
"attach-file": "attach_file",
|
|
178
178
|
"battery-alt-empty": "battery_alt_empty",
|
|
179
179
|
"battery-alt-full": "battery_alt_full",
|
|
180
180
|
"battery-charging": "battery_charging",
|
|
181
181
|
"battery-empty": "battery_empty",
|
|
182
182
|
"battery-full": "battery_full",
|
|
183
|
-
|
|
183
|
+
bluetooth: "bluetooth",
|
|
184
184
|
"bluetooth-off": "bluetooth_off",
|
|
185
185
|
"chart-bar": "chart_bar",
|
|
186
186
|
"chart-bar-stacked": "chart_bar_stacked",
|
|
187
|
-
|
|
187
|
+
check: "check",
|
|
188
188
|
"check-indeterminate": "check_indeterminate",
|
|
189
189
|
"check-small": "check_small",
|
|
190
190
|
"checkbox-empty": "checkbox_empty",
|
|
191
|
-
|
|
192
|
-
|
|
191
|
+
close: "close",
|
|
192
|
+
compare: "compare",
|
|
193
193
|
"copy-all": "copy_all",
|
|
194
194
|
"crisis-alert": "crisis_alert",
|
|
195
|
-
|
|
196
|
-
|
|
195
|
+
cut: "cut",
|
|
196
|
+
download: "download",
|
|
197
197
|
"download-done": "download_done",
|
|
198
198
|
"drag-handle": "drag_handle",
|
|
199
199
|
"drag-indicator": "drag_indicator",
|
|
200
|
-
|
|
200
|
+
exclamation: "exclamation",
|
|
201
201
|
"explore-travel": "explore_travel",
|
|
202
202
|
"external-link": "external_link",
|
|
203
|
-
|
|
203
|
+
filter: "filter",
|
|
204
204
|
"filter-off": "filter_off",
|
|
205
205
|
"first-page": "first_page",
|
|
206
|
-
|
|
207
|
-
|
|
206
|
+
forward: "forward",
|
|
207
|
+
fullscreen: "fullscreen",
|
|
208
208
|
"fullscreen-exit": "fullscreen_exit",
|
|
209
|
-
|
|
209
|
+
history: "history",
|
|
210
210
|
"hourglass-empty": "hourglass_empty",
|
|
211
211
|
"info-i": "info_i",
|
|
212
|
-
|
|
212
|
+
language: "language",
|
|
213
213
|
"last-page": "last_page",
|
|
214
|
-
|
|
214
|
+
link: "link",
|
|
215
215
|
"link-off": "link_off",
|
|
216
|
-
|
|
216
|
+
list: "list",
|
|
217
217
|
"location-disabled": "location_disabled",
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
218
|
+
login: "login",
|
|
219
|
+
logout: "logout",
|
|
220
|
+
menu: "menu",
|
|
221
221
|
"menu-open": "menu_open",
|
|
222
|
-
|
|
222
|
+
monitoring: "monitoring",
|
|
223
223
|
"more-down": "more_down",
|
|
224
224
|
"more-horiz": "more_horiz",
|
|
225
225
|
"more-up": "more_up",
|
|
226
226
|
"more-vert": "more_vert",
|
|
227
|
-
|
|
227
|
+
ohm: "ohm",
|
|
228
228
|
"open-in-full": "open_in_full",
|
|
229
|
-
|
|
229
|
+
paste: "paste",
|
|
230
230
|
"play-pause": "play_pause",
|
|
231
231
|
"power-input": "power_input",
|
|
232
232
|
"power-plug": "power_plug",
|
|
233
233
|
"power-settings": "power_settings",
|
|
234
234
|
"priority-high": "priority_high",
|
|
235
|
-
|
|
236
|
-
|
|
235
|
+
public: "public",
|
|
236
|
+
publish: "publish",
|
|
237
237
|
"question-mark": "question_mark",
|
|
238
|
-
|
|
238
|
+
radar: "radar",
|
|
239
239
|
"radio-button-empty": "radio_button_empty",
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
240
|
+
redo: "redo",
|
|
241
|
+
reload: "reload",
|
|
242
|
+
remove: "remove",
|
|
243
|
+
reply: "reply",
|
|
244
244
|
"reply-all": "reply_all",
|
|
245
|
-
|
|
246
|
-
|
|
245
|
+
route: "route",
|
|
246
|
+
search: "search",
|
|
247
247
|
"side-navigation": "side_navigation",
|
|
248
|
-
|
|
248
|
+
sort: "sort",
|
|
249
249
|
"support-agent": "support_agent",
|
|
250
|
-
|
|
250
|
+
timeline: "timeline",
|
|
251
251
|
"trending-down": "trending_down",
|
|
252
252
|
"trending-flat": "trending_flat",
|
|
253
253
|
"trending-up": "trending_up",
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
254
|
+
tune: "tune",
|
|
255
|
+
undo: "undo",
|
|
256
|
+
upload: "upload",
|
|
257
|
+
water: "water",
|
|
258
258
|
"water-alt": "water_alt",
|
|
259
|
-
|
|
259
|
+
wifi: "wifi",
|
|
260
260
|
"wifi-off": "wifi_off",
|
|
261
|
-
|
|
261
|
+
windmill: "windmill",
|
|
262
262
|
"zoom-in": "zoom_in",
|
|
263
263
|
"zoom-out": "zoom_out",
|
|
264
264
|
};
|
|
265
265
|
const TogglableIcons = {
|
|
266
266
|
"add-circle": ["add_circle_outlined", "add_circle_filled"],
|
|
267
267
|
"admin-panel-settings": ["admin_panel_settings_outlined", "admin_panel_settings_filled"],
|
|
268
|
-
|
|
269
|
-
|
|
268
|
+
analytics: ["analytics_outlined", "analytics_filled"],
|
|
269
|
+
archive: ["archive_outlined", "archive_filled"],
|
|
270
270
|
"arrow-circle-chevron-down": ["arrow_circle_chevron_down_outlined", "arrow_circle_chevron_down_filled"],
|
|
271
271
|
"arrow-circle-chevron-left": ["arrow_circle_chevron_left_outlined", "arrow_circle_chevron_left_filled"],
|
|
272
272
|
"arrow-circle-chevron-right": ["arrow_circle_chevron_right_outlined", "arrow_circle_chevron_right_filled"],
|
|
@@ -275,153 +275,153 @@ const TogglableIcons = {
|
|
|
275
275
|
"arrow-circle-left": ["arrow_circle_left_outlined", "arrow_circle_left_filled"],
|
|
276
276
|
"arrow-circle-right": ["arrow_circle_right_outlined", "arrow_circle_right_filled"],
|
|
277
277
|
"arrow-circle-up": ["arrow_circle_up_outlined", "arrow_circle_up_filled"],
|
|
278
|
-
|
|
278
|
+
article: ["article_outlined", "article_filled"],
|
|
279
279
|
"assignment-complete": ["assignment_complete_outlined", "assignment_complete_filled"],
|
|
280
|
-
|
|
280
|
+
assignment: ["assignment_outlined", "assignment_filled"],
|
|
281
281
|
"battery-alert": ["battery_alert_outlined", "battery_alert_filled"],
|
|
282
282
|
"battery-charging-full": ["battery_charging_full_outlined", "battery_charging_full_filled"],
|
|
283
283
|
"bolt-alt-circle": ["bolt_alt_circle_outlined", "bolt_alt_circle_filled"],
|
|
284
284
|
"bolt-alt": ["bolt_alt_outlined", "bolt_alt_filled"],
|
|
285
285
|
"bolt-circle": ["bolt_circle_outlined", "bolt_circle_filled"],
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
286
|
+
bolt: ["bolt_outlined", "bolt_filled"],
|
|
287
|
+
bookmark: ["bookmark_outlined", "bookmark_filled"],
|
|
288
|
+
bookmarks: ["bookmarks_outlined", "bookmarks_filled"],
|
|
289
|
+
build: ["build_outlined", "build_filled"],
|
|
290
290
|
"calendar-available": ["calendar_available_outlined", "calendar_available_filled"],
|
|
291
291
|
"calendar-busy": ["calendar_busy_outlined", "calendar_busy_filled"],
|
|
292
292
|
"calendar-month": ["calendar_month_outlined", "calendar_month_filled"],
|
|
293
293
|
"calendar-today": ["calendar_today_outlined", "calendar_today_filled"],
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
294
|
+
call: ["call_outlined", "call_filled"],
|
|
295
|
+
cancel: ["cancel_outlined", "cancel_filled"],
|
|
296
|
+
category: ["category_outlined", "category_filled"],
|
|
297
297
|
"chart-add": ["chart_add_outlined", "chart_add_filled"],
|
|
298
298
|
"chart-area": ["chart_area_outlined", "chart_area_filled"],
|
|
299
299
|
"chart-pie": ["chart_pie_outlined", "chart_pie_filled"],
|
|
300
300
|
"chart-table": ["chart_table_outlined", "chart_table_filled"],
|
|
301
301
|
"chat-alt": ["chat_alt_outlined", "chat_alt_filled"],
|
|
302
302
|
"chat-alt-unread": ["chat_alt_unread_outlined", "chat_alt_unread_filled"],
|
|
303
|
-
|
|
303
|
+
chat: ["chat_outlined", "chat_filled"],
|
|
304
304
|
"chat-unread": ["chat_unread_outlined", "chat_unread_filled"],
|
|
305
305
|
"check-circle": ["check_circle_outlined", "check_circle_filled"],
|
|
306
|
-
|
|
306
|
+
checkbox: ["checkbox_outlined", "checkbox_filled"],
|
|
307
307
|
"checkbox-indeterminate": ["checkbox_indeterminate_outlined", "checkbox_indeterminate_filled"],
|
|
308
|
-
|
|
308
|
+
clock: ["clock_outlined", "clock_filled"],
|
|
309
309
|
"cloud-download": ["cloud_download_outlined", "cloud_download_filled"],
|
|
310
|
-
|
|
310
|
+
cloud: ["cloud_outlined", "cloud_filled"],
|
|
311
311
|
"cloud-off": ["cloud_off_outlined", "cloud_off_filled"],
|
|
312
312
|
"cloud-upload": ["cloud_upload_outlined", "cloud_upload_filled"],
|
|
313
313
|
"comment-add": ["comment_add_outlined", "comment_add_filled"],
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
314
|
+
comment: ["comment_outlined", "comment_filled"],
|
|
315
|
+
copy: ["copy_outlined", "copy_filled"],
|
|
316
|
+
dangerous: ["dangerous_outlined", "dangerous_filled"],
|
|
317
|
+
dashboard: ["dashboard_outlined", "dashboard_filled"],
|
|
318
|
+
database: ["database_outlined", "database_filled"],
|
|
319
|
+
delete: ["delete_outlined", "delete_filled"],
|
|
320
|
+
desktop: ["desktop_outlined", "desktop_filled"],
|
|
321
|
+
devices: ["devices_outlined", "devices_filled"],
|
|
322
|
+
draft: ["draft_outlined", "draft_filled"],
|
|
323
|
+
eco: ["eco_outlined", "eco_filled"],
|
|
324
|
+
edit: ["edit_outlined", "edit_filled"],
|
|
325
325
|
"electric-meter": ["electric_meter_outlined", "electric_meter_filled"],
|
|
326
|
-
|
|
327
|
-
|
|
326
|
+
error: ["error_outlined", "error_filled"],
|
|
327
|
+
explore: ["explore_outlined", "explore_filled"],
|
|
328
328
|
"explore-off": ["explore_off_outlined", "explore_off_filled"],
|
|
329
329
|
"fast-forward": ["fast_forward_outlined", "fast_forward_filled"],
|
|
330
330
|
"fast-rewind": ["fast_rewind_outlined", "fast_rewind_filled"],
|
|
331
|
-
|
|
331
|
+
feedback: ["feedback_outlined", "feedback_filled"],
|
|
332
332
|
"file-copy": ["file_copy_outlined", "file_copy_filled"],
|
|
333
333
|
"file-download": ["file_download_outlined", "file_download_filled"],
|
|
334
334
|
"file-upload": ["file_upload_outlined", "file_upload_filled"],
|
|
335
335
|
"filter-alt": ["filter_alt_outlined", "filter_alt_filled"],
|
|
336
336
|
"filter-alt-off": ["filter_alt_off_outlined", "filter_alt_off_filled"],
|
|
337
|
-
|
|
337
|
+
fire: ["fire_outlined", "fire_filled"],
|
|
338
338
|
"fit-screen": ["fit_screen_outlined", "fit_screen_filled"],
|
|
339
|
-
|
|
340
|
-
|
|
339
|
+
flag: ["flag_outlined", "flag_filled"],
|
|
340
|
+
flash: ["flash_outlined", "flash_filled"],
|
|
341
341
|
"flash-off": ["flash_off_outlined", "flash_off_filled"],
|
|
342
342
|
"folder-add": ["folder_add_outlined", "folder_add_filled"],
|
|
343
|
-
|
|
343
|
+
folder: ["folder_outlined", "folder_filled"],
|
|
344
344
|
"folder-move": ["folder_move_outlined", "folder_move_filled"],
|
|
345
345
|
"folder-open": ["folder_open_outlined", "folder_open_filled"],
|
|
346
346
|
"folder-shared": ["folder_shared_outlined", "folder_shared_filled"],
|
|
347
|
-
|
|
347
|
+
forum: ["forum_outlined", "forum_filled"],
|
|
348
348
|
"group-add": ["group_add_outlined", "group_add_filled"],
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
349
|
+
group: ["group_outlined", "group_filled"],
|
|
350
|
+
groups: ["groups_outlined", "groups_filled"],
|
|
351
|
+
headphones: ["headphones_outlined", "headphones_filled"],
|
|
352
|
+
heart: ["heart_outlined", "heart_filled"],
|
|
353
|
+
help: ["help_outlined", "help_filled"],
|
|
354
|
+
home: ["home_outlined", "home_filled"],
|
|
355
|
+
hourglass: ["hourglass_outlined", "hourglass_filled"],
|
|
356
356
|
"image-broken": ["image_broken_outlined", "image_broken_filled"],
|
|
357
|
-
|
|
357
|
+
image: ["image_outlined", "image_filled"],
|
|
358
358
|
"image-gallery": ["image_gallery_outlined", "image_gallery_filled"],
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
359
|
+
inbox: ["inbox_outlined", "inbox_filled"],
|
|
360
|
+
info: ["info_outlined", "info_filled"],
|
|
361
|
+
keep: ["keep_outlined", "keep_filled"],
|
|
362
362
|
"keep-off": ["keep_off_outlined", "keep_off_filled"],
|
|
363
|
-
|
|
364
|
-
|
|
363
|
+
label: ["label_outlined", "label_filled"],
|
|
364
|
+
laptop: ["laptop_outlined", "laptop_filled"],
|
|
365
365
|
"left-panel-close": ["left_panel_close_outlined", "left_panel_close_filled"],
|
|
366
366
|
"left-panel-open": ["left_panel_open_outlined", "left_panel_open_filled"],
|
|
367
367
|
"light-off": ["light_off_outlined", "light_off_filled"],
|
|
368
368
|
"lightbulb-alt": ["lightbulb_alt_outlined", "lightbulb_alt_filled"],
|
|
369
369
|
"lightbulb-circle": ["lightbulb_circle_outlined", "lightbulb_circle_filled"],
|
|
370
|
-
|
|
370
|
+
lightbulb: ["lightbulb_outlined", "lightbulb_filled"],
|
|
371
371
|
"list-alt": ["list_alt_outlined", "list_alt_filled"],
|
|
372
372
|
"location-me": ["location_me_outlined", "location_me_filled"],
|
|
373
373
|
"location-off": ["location_off_outlined", "location_off_filled"],
|
|
374
374
|
"location-on": ["location_on_outlined", "location_on_filled"],
|
|
375
|
-
|
|
375
|
+
lock: ["lock_outlined", "lock_filled"],
|
|
376
376
|
"lock-open": ["lock_open_outlined", "lock_open_filled"],
|
|
377
377
|
"lock-open-right": ["lock_open_right_outlined", "lock_open_right_filled"],
|
|
378
|
-
|
|
378
|
+
mail: ["mail_outlined", "mail_filled"],
|
|
379
379
|
"mail-unread": ["mail_unread_outlined", "mail_unread_filled"],
|
|
380
|
-
|
|
381
|
-
|
|
380
|
+
map: ["map_outlined", "map_filled"],
|
|
381
|
+
mic: ["mic_outlined", "mic_filled"],
|
|
382
382
|
"mic-off": ["mic_off_outlined", "mic_off_filled"],
|
|
383
383
|
"mode-dark": ["mode_dark_outlined", "mode_dark_filled"],
|
|
384
384
|
"mode-light": ["mode_light_outlined", "mode_light_filled"],
|
|
385
|
-
|
|
385
|
+
notification: ["notification_outlined", "notification_filled"],
|
|
386
386
|
"notification-important": ["notification_important_outlined", "notification_important_filled"],
|
|
387
387
|
"notification-off": ["notification_off_outlined", "notification_off_filled"],
|
|
388
388
|
"notification-unread": ["notification_unread_outlined", "notification_unread_filled"],
|
|
389
|
-
|
|
389
|
+
palette: ["palette_outlined", "palette_filled"],
|
|
390
390
|
"pause-circle": ["pause_circle_outlined", "pause_circle_filled"],
|
|
391
|
-
|
|
391
|
+
pause: ["pause_outlined", "pause_filled"],
|
|
392
392
|
"photo-camera": ["photo_camera_outlined", "photo_camera_filled"],
|
|
393
393
|
"play-circle": ["play_circle_outlined", "play_circle_filled"],
|
|
394
|
-
|
|
395
|
-
|
|
394
|
+
play: ["play_outlined", "play_filled"],
|
|
395
|
+
power: ["power_outlined", "power_filled"],
|
|
396
396
|
"power-off": ["power_off_outlined", "power_off_filled"],
|
|
397
397
|
"power-plug-connect": ["power_plug_connect_outlined", "power_plug_connect_filled"],
|
|
398
398
|
"power-settings-circle": ["power_settings_circle_outlined", "power_settings_circle_filled"],
|
|
399
399
|
"power-solar": ["power_solar_outlined", "power_solar_filled"],
|
|
400
400
|
"power-switch": ["power_switch_outlined", "power_switch_filled"],
|
|
401
401
|
"power-wind": ["power_wind_outlined", "power_wind_filled"],
|
|
402
|
-
|
|
402
|
+
print: ["print_outlined", "print_filled"],
|
|
403
403
|
"right-panel-close": ["right_panel_close_outlined", "right_panel_close_filled"],
|
|
404
404
|
"right-panel-open": ["right_panel_open_outlined", "right_panel_open_filled"],
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
405
|
+
save: ["save_outlined", "save_filled"],
|
|
406
|
+
send: ["send_outlined", "send_filled"],
|
|
407
|
+
settings: ["settings_outlined", "settings_filled"],
|
|
408
|
+
share: ["share_outlined", "share_filled"],
|
|
409
409
|
"skip-next": ["skip_next_outlined", "skip_next_filled"],
|
|
410
410
|
"skip-previous": ["skip_previous_outlined", "skip_previous_filled"],
|
|
411
|
-
|
|
412
|
-
|
|
411
|
+
smartphone: ["smartphone_outlined", "smartphone_filled"],
|
|
412
|
+
star: ["star_outlined", "star_filled"],
|
|
413
413
|
"sticky-note": ["sticky_note_outlined", "sticky_note_filled"],
|
|
414
414
|
"stop-circle": ["stop_circle_outlined", "stop_circle_filled"],
|
|
415
|
-
|
|
416
|
-
|
|
415
|
+
stop: ["stop_outlined", "stop_filled"],
|
|
416
|
+
subtitles: ["subtitles_outlined", "subtitles_filled"],
|
|
417
417
|
"text-snippet": ["text_snippet_outlined", "text_snippet_filled"],
|
|
418
418
|
"trash-restore": ["trash_restore_outlined", "trash_restore_filled"],
|
|
419
|
-
|
|
419
|
+
unarchive: ["unarchive_outlined", "unarchive_filled"],
|
|
420
420
|
"user-add": ["user_add_outlined", "user_add_filled"],
|
|
421
421
|
"user-circle": ["user_circle_outlined", "user_circle_filled"],
|
|
422
|
-
|
|
422
|
+
user: ["user_outlined", "user_filled"],
|
|
423
423
|
"user-settings": ["user_settings_outlined", "user_settings_filled"],
|
|
424
|
-
|
|
424
|
+
verified: ["verified_outlined", "verified_filled"],
|
|
425
425
|
"video-camera": ["video_camera_outlined", "video_camera_filled"],
|
|
426
426
|
"video-camera-off": ["video_camera_off_outlined", "video_camera_off_filled"],
|
|
427
427
|
"video-gallery": ["video_gallery_outlined", "video_gallery_filled"],
|
|
@@ -437,8 +437,8 @@ const TogglableIcons = {
|
|
|
437
437
|
"volume-mute": ["volume_mute_outlined", "volume_mute_filled"],
|
|
438
438
|
"volume-off": ["volume_off_outlined", "volume_off_filled"],
|
|
439
439
|
"volume-up": ["volume_up_outlined", "volume_up_filled"],
|
|
440
|
-
|
|
441
|
-
|
|
440
|
+
warning: ["warning_outlined", "warning_filled"],
|
|
441
|
+
waterdrop: ["waterdrop_outlined", "waterdrop_filled"],
|
|
442
442
|
};
|
|
443
443
|
function isValidIconName(iconName) {
|
|
444
444
|
return isValidIconName$1(iconName, RegularIcons, TogglableIcons);
|
|
@@ -2537,11 +2537,11 @@ class ModalComponent {
|
|
|
2537
2537
|
this.closeModal.emit();
|
|
2538
2538
|
}
|
|
2539
2539
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2540
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.14", type: ModalComponent, isStandalone: true, selector: "rte-modal", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconAppearance: { classPropertyName: "iconAppearance", publicName: "iconAppearance", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, secondaryButtonLabel: { classPropertyName: "secondaryButtonLabel", publicName: "secondaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, primaryButton: { classPropertyName: "primaryButton", publicName: "primaryButton", isSignal: true, isRequired: false, transformFunction: null }, secondaryButton: { classPropertyName: "secondaryButton", publicName: "secondaryButton", isSignal: true, isRequired: false, transformFunction: null }, customContent: { classPropertyName: "customContent", publicName: "customContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeModal: "closeModal" }, viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"rte-modal-wrapper\">\n <div class=\"rte-modal-backdrop\" [attr.data-open]=\"isOpen()\"></div>\n <dialog\n #modal\n class=\"rte-modal-container\"\n [attr.aria-modal]=\"true\"\n [attr.aria-labelledby]=\"id() + '-modal-title'\"\n [attr.aria-describedby]=\"description() ? id() + '-modal-desc' : ariaDescribedby()\"\n [attr.data-size]=\"size()\"\n [attr.data-open]=\"isOpen()\"\n >\n <div class=\"rte-modal-header\">\n <div class=\"rte-modal-header-text\">\n <rte-icon *ngIf=\"icon()\" [name]=\"icon() ?? ''\" [size]=\"iconSize()\" [appearance]=\"iconAppearance()\" />\n <h2 class=\"rte-modal-title\" [id]=\"id() + '-modal-title'\">\n {{ title() }}\n </h2>\n <rte-icon-button\n data-testid=\"modal-close-button\"\n name=\"close\"\n size=\"l\"\n class=\"close-icon\"\n variant=\"neutral\"\n [ariaLabel]=\"'Close modal ' + id()\"\n (clickEvent)=\"onClose()\"\n />\n </div>\n <rte-divider />\n </div>\n <div *ngIf=\"description()\" class=\"rte-modal-content\">\n <p class=\"rte-modal-content-description\" [id]=\"id() + '-modal-desc'\">\n {{ description() }}\n </p>\n <ng-container [ngTemplateOutlet]=\"customContent()\"></ng-container>\n </div>\n <div class=\"rte-modal-footer\">\n <ng-container [ngTemplateOutlet]=\"secondaryButton()\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"primaryButton()\"></ng-container>\n </div>\n </dialog>\n</div>\n", styles: [".rte-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#201f1f80;transition:opacity .15s ease-out}.rte-modal-backdrop[data-open=true]{opacity:1}.rte-modal-container{box-shadow:0 4px 8px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-3) 0%,var(--elevation-surface-shadow-3) 100%);border:none;box-sizing:border-box;position:absolute;max-height:90vh;top:50%;transform:translateY(-50%) scale(.98);display:flex;width:496px;padding:24px;flex-direction:column;align-items:flex-start;gap:24px;background-color:var(--background-default);border-radius:8px;opacity:0;transition:opacity .15s ease-in,transform .15s ease-in}.rte-modal-container[data-open=true]{opacity:1;transform:translateY(-50%) scale(1)}.rte-modal-container[data-size=s]{width:656px}.rte-modal-container[data-size=m]{width:936px}.rte-modal-container[data-size=l]{width:1168px;border-radius:12px}.rte-modal-container[data-size=xl]{width:1328px;border-radius:16px}.rte-modal-container .rte-modal-header{display:flex;flex-direction:column;gap:8px;width:100%;flex:0 0 auto}.rte-modal-container .rte-modal-header .rte-modal-header-text{display:flex;flex-direction:row;align-items:center;gap:8px}.rte-modal-container .rte-modal-header .rte-modal-header-text .rte-modal-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-.5px;margin:0;overflow:hidden;color:var(--content-primary);text-overflow:ellipsis;flex:1 1 0}.rte-modal-container .rte-modal-content{display:flex;padding:1px;flex-direction:column;align-items:flex-start;gap:16px;color:var(--content-secondary);width:100%;overflow:auto}.rte-modal-container .rte-modal-content .rte-modal-content-description{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;margin:0;color:var(--content-secondary)}.rte-modal-container .rte-modal-footer{display:flex;padding:0;justify-content:flex-end;align-items:center;gap:24px;align-self:stretch;flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy", "badgeCount", "badgeContent", "badgeType", "badgeIcon", "customStyle"], outputs: ["clickEvent"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: DividerComponent, selector: "rte-divider", inputs: ["orientation", "thickness", "appearance", "endPoint"] }] }); }
|
|
2540
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.14", type: ModalComponent, isStandalone: true, selector: "rte-modal", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconAppearance: { classPropertyName: "iconAppearance", publicName: "iconAppearance", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, secondaryButtonLabel: { classPropertyName: "secondaryButtonLabel", publicName: "secondaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, primaryButton: { classPropertyName: "primaryButton", publicName: "primaryButton", isSignal: true, isRequired: false, transformFunction: null }, secondaryButton: { classPropertyName: "secondaryButton", publicName: "secondaryButton", isSignal: true, isRequired: false, transformFunction: null }, customContent: { classPropertyName: "customContent", publicName: "customContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeModal: "closeModal" }, viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"rte-modal-wrapper\">\n <div class=\"rte-modal-backdrop\" [attr.data-open]=\"isOpen()\"></div>\n <dialog\n #modal\n class=\"rte-modal-container\"\n [attr.aria-modal]=\"true\"\n [attr.aria-labelledby]=\"id() + '-modal-title'\"\n [attr.aria-describedby]=\"description() ? id() + '-modal-desc' : ariaDescribedby()\"\n [attr.data-size]=\"size()\"\n [attr.data-open]=\"isOpen()\"\n >\n <div class=\"rte-modal-header\">\n <div class=\"rte-modal-header-text\">\n <rte-icon *ngIf=\"icon()\" [name]=\"icon() ?? ''\" [size]=\"iconSize()\" [appearance]=\"iconAppearance()\" />\n <h2 class=\"rte-modal-title\" [id]=\"id() + '-modal-title'\">\n {{ title() }}\n </h2>\n <rte-icon-button\n data-testid=\"modal-close-button\"\n name=\"close\"\n size=\"l\"\n class=\"close-icon\"\n variant=\"neutral\"\n [ariaLabel]=\"'Close modal ' + id()\"\n (clickEvent)=\"onClose()\"\n />\n </div>\n <rte-divider />\n </div>\n <div *ngIf=\"description()\" class=\"rte-modal-content\">\n <p class=\"rte-modal-content-description\" [id]=\"id() + '-modal-desc'\">\n {{ description() }}\n </p>\n <ng-container [ngTemplateOutlet]=\"customContent()\"></ng-container>\n </div>\n <div class=\"rte-modal-footer\">\n <ng-container [ngTemplateOutlet]=\"secondaryButton()\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"primaryButton()\"></ng-container>\n </div>\n </dialog>\n</div>\n", styles: [".rte-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#201f1f80;transition:opacity .15s ease-out}.rte-modal-backdrop[data-open=true]{opacity:1}.rte-modal-container{box-shadow:0 4px 8px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-3) 0%,var(--elevation-surface-shadow-3) 100%);border:none;box-sizing:border-box;position:absolute;max-height:90vh;top:50%;transform:translateY(-50%) scale(.98);display:flex;width:496px;padding:24px;flex-direction:column;align-items:flex-start;gap:24px;background-color:var(--background-default);border-radius:8px;opacity:0;transition:opacity .15s ease-in,transform .15s ease-in;margin:auto}.rte-modal-container[data-open=true]{opacity:1;transform:translateY(-50%) scale(1)}.rte-modal-container[data-size=s]{width:656px}.rte-modal-container[data-size=m]{width:936px}.rte-modal-container[data-size=l]{width:1168px;border-radius:12px}.rte-modal-container[data-size=xl]{width:1328px;border-radius:16px}.rte-modal-container .rte-modal-header{display:flex;flex-direction:column;gap:8px;width:100%;flex:0 0 auto}.rte-modal-container .rte-modal-header .rte-modal-header-text{display:flex;flex-direction:row;align-items:center;gap:8px}.rte-modal-container .rte-modal-header .rte-modal-header-text .rte-modal-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-.5px;margin:0;overflow:hidden;color:var(--content-primary);text-overflow:ellipsis;flex:1 1 0}.rte-modal-container .rte-modal-content{display:flex;padding:1px;flex-direction:column;align-items:flex-start;gap:16px;color:var(--content-secondary);width:100%;overflow:auto}.rte-modal-container .rte-modal-content .rte-modal-content-description{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;margin:0;color:var(--content-secondary)}.rte-modal-container .rte-modal-footer{display:flex;padding:0;justify-content:flex-end;align-items:center;gap:24px;align-self:stretch;flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy", "badgeCount", "badgeContent", "badgeType", "badgeIcon", "customStyle"], outputs: ["clickEvent"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: DividerComponent, selector: "rte-divider", inputs: ["orientation", "thickness", "appearance", "endPoint"] }] }); }
|
|
2541
2541
|
}
|
|
2542
2542
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalComponent, decorators: [{
|
|
2543
2543
|
type: Component,
|
|
2544
|
-
args: [{ selector: "rte-modal", imports: [CommonModule, IconButtonComponent, IconComponent, DividerComponent], standalone: true, template: "<div class=\"rte-modal-wrapper\">\n <div class=\"rte-modal-backdrop\" [attr.data-open]=\"isOpen()\"></div>\n <dialog\n #modal\n class=\"rte-modal-container\"\n [attr.aria-modal]=\"true\"\n [attr.aria-labelledby]=\"id() + '-modal-title'\"\n [attr.aria-describedby]=\"description() ? id() + '-modal-desc' : ariaDescribedby()\"\n [attr.data-size]=\"size()\"\n [attr.data-open]=\"isOpen()\"\n >\n <div class=\"rte-modal-header\">\n <div class=\"rte-modal-header-text\">\n <rte-icon *ngIf=\"icon()\" [name]=\"icon() ?? ''\" [size]=\"iconSize()\" [appearance]=\"iconAppearance()\" />\n <h2 class=\"rte-modal-title\" [id]=\"id() + '-modal-title'\">\n {{ title() }}\n </h2>\n <rte-icon-button\n data-testid=\"modal-close-button\"\n name=\"close\"\n size=\"l\"\n class=\"close-icon\"\n variant=\"neutral\"\n [ariaLabel]=\"'Close modal ' + id()\"\n (clickEvent)=\"onClose()\"\n />\n </div>\n <rte-divider />\n </div>\n <div *ngIf=\"description()\" class=\"rte-modal-content\">\n <p class=\"rte-modal-content-description\" [id]=\"id() + '-modal-desc'\">\n {{ description() }}\n </p>\n <ng-container [ngTemplateOutlet]=\"customContent()\"></ng-container>\n </div>\n <div class=\"rte-modal-footer\">\n <ng-container [ngTemplateOutlet]=\"secondaryButton()\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"primaryButton()\"></ng-container>\n </div>\n </dialog>\n</div>\n", styles: [".rte-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#201f1f80;transition:opacity .15s ease-out}.rte-modal-backdrop[data-open=true]{opacity:1}.rte-modal-container{box-shadow:0 4px 8px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-3) 0%,var(--elevation-surface-shadow-3) 100%);border:none;box-sizing:border-box;position:absolute;max-height:90vh;top:50%;transform:translateY(-50%) scale(.98);display:flex;width:496px;padding:24px;flex-direction:column;align-items:flex-start;gap:24px;background-color:var(--background-default);border-radius:8px;opacity:0;transition:opacity .15s ease-in,transform .15s ease-in}.rte-modal-container[data-open=true]{opacity:1;transform:translateY(-50%) scale(1)}.rte-modal-container[data-size=s]{width:656px}.rte-modal-container[data-size=m]{width:936px}.rte-modal-container[data-size=l]{width:1168px;border-radius:12px}.rte-modal-container[data-size=xl]{width:1328px;border-radius:16px}.rte-modal-container .rte-modal-header{display:flex;flex-direction:column;gap:8px;width:100%;flex:0 0 auto}.rte-modal-container .rte-modal-header .rte-modal-header-text{display:flex;flex-direction:row;align-items:center;gap:8px}.rte-modal-container .rte-modal-header .rte-modal-header-text .rte-modal-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-.5px;margin:0;overflow:hidden;color:var(--content-primary);text-overflow:ellipsis;flex:1 1 0}.rte-modal-container .rte-modal-content{display:flex;padding:1px;flex-direction:column;align-items:flex-start;gap:16px;color:var(--content-secondary);width:100%;overflow:auto}.rte-modal-container .rte-modal-content .rte-modal-content-description{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;margin:0;color:var(--content-secondary)}.rte-modal-container .rte-modal-footer{display:flex;padding:0;justify-content:flex-end;align-items:center;gap:24px;align-self:stretch;flex:0 0 auto}\n"] }]
|
|
2544
|
+
args: [{ selector: "rte-modal", imports: [CommonModule, IconButtonComponent, IconComponent, DividerComponent], standalone: true, template: "<div class=\"rte-modal-wrapper\">\n <div class=\"rte-modal-backdrop\" [attr.data-open]=\"isOpen()\"></div>\n <dialog\n #modal\n class=\"rte-modal-container\"\n [attr.aria-modal]=\"true\"\n [attr.aria-labelledby]=\"id() + '-modal-title'\"\n [attr.aria-describedby]=\"description() ? id() + '-modal-desc' : ariaDescribedby()\"\n [attr.data-size]=\"size()\"\n [attr.data-open]=\"isOpen()\"\n >\n <div class=\"rte-modal-header\">\n <div class=\"rte-modal-header-text\">\n <rte-icon *ngIf=\"icon()\" [name]=\"icon() ?? ''\" [size]=\"iconSize()\" [appearance]=\"iconAppearance()\" />\n <h2 class=\"rte-modal-title\" [id]=\"id() + '-modal-title'\">\n {{ title() }}\n </h2>\n <rte-icon-button\n data-testid=\"modal-close-button\"\n name=\"close\"\n size=\"l\"\n class=\"close-icon\"\n variant=\"neutral\"\n [ariaLabel]=\"'Close modal ' + id()\"\n (clickEvent)=\"onClose()\"\n />\n </div>\n <rte-divider />\n </div>\n <div *ngIf=\"description()\" class=\"rte-modal-content\">\n <p class=\"rte-modal-content-description\" [id]=\"id() + '-modal-desc'\">\n {{ description() }}\n </p>\n <ng-container [ngTemplateOutlet]=\"customContent()\"></ng-container>\n </div>\n <div class=\"rte-modal-footer\">\n <ng-container [ngTemplateOutlet]=\"secondaryButton()\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"primaryButton()\"></ng-container>\n </div>\n </dialog>\n</div>\n", styles: [".rte-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#201f1f80;transition:opacity .15s ease-out}.rte-modal-backdrop[data-open=true]{opacity:1}.rte-modal-container{box-shadow:0 4px 8px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-3) 0%,var(--elevation-surface-shadow-3) 100%);border:none;box-sizing:border-box;position:absolute;max-height:90vh;top:50%;transform:translateY(-50%) scale(.98);display:flex;width:496px;padding:24px;flex-direction:column;align-items:flex-start;gap:24px;background-color:var(--background-default);border-radius:8px;opacity:0;transition:opacity .15s ease-in,transform .15s ease-in;margin:auto}.rte-modal-container[data-open=true]{opacity:1;transform:translateY(-50%) scale(1)}.rte-modal-container[data-size=s]{width:656px}.rte-modal-container[data-size=m]{width:936px}.rte-modal-container[data-size=l]{width:1168px;border-radius:12px}.rte-modal-container[data-size=xl]{width:1328px;border-radius:16px}.rte-modal-container .rte-modal-header{display:flex;flex-direction:column;gap:8px;width:100%;flex:0 0 auto}.rte-modal-container .rte-modal-header .rte-modal-header-text{display:flex;flex-direction:row;align-items:center;gap:8px}.rte-modal-container .rte-modal-header .rte-modal-header-text .rte-modal-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-.5px;margin:0;overflow:hidden;color:var(--content-primary);text-overflow:ellipsis;flex:1 1 0}.rte-modal-container .rte-modal-content{display:flex;padding:1px;flex-direction:column;align-items:flex-start;gap:16px;color:var(--content-secondary);width:100%;overflow:auto}.rte-modal-container .rte-modal-content .rte-modal-content-description{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;margin:0;color:var(--content-secondary)}.rte-modal-container .rte-modal-footer{display:flex;padding:0;justify-content:flex-end;align-items:center;gap:24px;align-self:stretch;flex:0 0 auto}\n"] }]
|
|
2545
2545
|
}], ctorParameters: () => [] });
|
|
2546
2546
|
|
|
2547
2547
|
class ModalDirective {
|